@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a2e;--bg-card-hover:#222240;--bg-surface:#16162a;--bg-overlay:#000000b3;--text-primary:#e8e8f0;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-accent:#f59e0b;--accent:#f59e0b;--accent-hover:#fbbf24;--accent-dim:#f59e0b26;--purple:#8b5cf6;--purple-dim:#8b5cf626;--blue:#3b82f6;--green:#10b981;--red:#ef4444;--pink:#ec4899;--border:#ffffff0f;--border-accent:#f59e0b4d;--max-width:1280px;--header-height:60px;--sidebar-width:280px;--radius:12px;--radius-sm:8px;--radius-xs:6px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #f59e0b33;--transition:all .2s ease;--transition-slow:all .3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 16px}.page-content{min-height:calc(100vh - var(--header-height) - 200px);padding-top:24px;padding-bottom:48px}.video-hero{background:#000;width:100%;height:85vh;min-height:500px;position:relative;overflow:hidden}.video-hero-bg{object-fit:cover;width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-hero-overlay{z-index:1;background:#0000008c;position:absolute;inset:0}.video-hero-content{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;height:100%;padding:60px 20px;display:flex;position:relative}.video-hero-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:100px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:500;display:inline-flex}.video-hero-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.video-hero-title{background:linear-gradient(145deg,#fff 30%,#ffffff4d 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;max-width:700px;font-size:56px;font-weight:800;line-height:1.15}.video-hero-subtitle{color:#ffffffb3;max-width:600px;font-size:16px;font-weight:400;line-height:1.7}@media (max-width:768px){.video-hero{height:70vh;min-height:400px}.video-hero-title{letter-spacing:-.5px;font-size:32px}.video-hero-subtitle{font-size:14px}.video-hero-content{gap:18px;padding:40px 16px}.video-hero-badge{padding:6px 14px;font-size:11px}}@media (max-width:480px){.video-hero{height:65vh;min-height:350px}.video-hero-title{font-size:26px}.video-hero-subtitle{font-size:13px}}.header{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);height:var(--header-height);background:#0a0a0fd9;position:sticky;top:0}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:16px;height:100%;margin:0 auto;padding:0 16px;display:flex}.logo{color:var(--accent);letter-spacing:-.5px;white-space:nowrap;align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.logo-icon{font-size:28px}.logo-img{object-fit:cover;border-radius:8px;width:32px;height:32px}.nav-menu{align-items:center;gap:4px;display:flex}.nav-item{color:var(--text-secondary);border-radius:var(--radius-xs);transition:var(--transition);white-space:nowrap;padding:8px 14px;font-size:14px;font-weight:500;position:relative}.nav-item:hover,.nav-item.active{color:var(--text-primary);background:var(--accent-dim)}.nav-item.active{color:var(--accent)}.nav-dropdown{position:relative}.dropdown-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);min-width:200px;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:var(--transition);z-index:100;padding:8px;position:absolute;top:100%;left:0;transform:translateY(8px)}.dropdown-menu.wide{grid-template-columns:repeat(4,1fr);gap:2px;min-width:500px;display:grid}.nav-dropdown:hover .dropdown-menu,.dropdown-menu.show{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-item{color:var(--text-secondary);border-radius:var(--radius-xs);transition:var(--transition);padding:8px 12px;font-size:13px;display:block}.dropdown-item:hover{background:var(--accent-dim);color:var(--accent)}.search-bar{background:var(--bg-card);border:1px solid var(--border);min-width:220px;height:38px;transition:var(--transition);border-radius:100px;align-items:center;padding:0 16px;display:flex}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.search-bar input::placeholder{color:var(--text-muted)}.search-icon{color:var(--text-muted);margin-right:8px;font-size:16px}.auth-buttons{align-items:center;gap:8px;display:flex}.btn{transition:var(--transition);white-space:nowrap;border-radius:100px;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), #e67e22);color:#fff;box-shadow:0 2px 12px #f59e0b4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b66}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn-vip{color:#fff;background:linear-gradient(135deg,#f59e0b,#ec4899);font-weight:700}.mobile-toggle{padding:4px;font-size:24px;display:none}.section-header{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.section-title{align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.section-title .icon{color:var(--accent)}.section-link{color:var(--accent);transition:var(--transition);align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.section-link:hover{color:var(--accent-hover);gap:8px}.comic-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.comic-card{border-radius:var(--radius);background:var(--bg-card);transition:var(--transition-slow);cursor:pointer;position:relative;overflow:hidden}.comic-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.comic-card:hover .comic-cover img{transform:scale(1.05)}.comic-cover{aspect-ratio:9/16;background:var(--bg-surface);position:relative;overflow:hidden}.comic-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.comic-cover-overlay{background:linear-gradient(#0000,#000000d9);padding:40px 10px 10px;position:absolute;bottom:0;left:0;right:0}.comic-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.badge-hot{color:#fff;background:linear-gradient(135deg,#ef4444,#f97316)}.badge-new{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.badge-vip{color:#fff;background:linear-gradient(135deg,#f59e0b,#ec4899)}.badge-completed{background:var(--green);color:#fff}.comic-info{padding:10px 12px 12px}.comic-title{color:var(--text-primary);-webkit-line-clamp:2;transition:var(--transition);-webkit-box-orient:vertical;margin-bottom:6px;font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.comic-card:hover .comic-title{color:var(--accent)}.comic-chapter{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.comic-chapter .new{color:var(--accent);font-weight:600}.comic-update-time{color:var(--text-muted);margin-top:4px;font-size:10px}.hero-section{margin-bottom:32px;position:relative}.hero-slider{grid-template-columns:2fr 1fr;gap:16px;height:380px;display:grid}.hero-main{border-radius:var(--radius);cursor:pointer;position:relative;overflow:hidden}.hero-main img{object-fit:cover;width:100%;height:100%}.hero-main-overlay{background:linear-gradient(#0000,#0000004d,#000000e6);padding:40px 30px 30px;position:absolute;bottom:0;left:0;right:0}.hero-main-title{text-shadow:0 2px 8px #00000080;margin-bottom:8px;font-size:28px;font-weight:800}.hero-main-desc{color:#fffc;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;display:-webkit-box;overflow:hidden}.hero-sidebar{flex-direction:column;gap:12px;display:flex}.hero-side-card{border-radius:var(--radius);cursor:pointer;flex:1;position:relative;overflow:hidden}.hero-side-card img{object-fit:cover;width:100%;height:100%}.hero-side-overlay{background:linear-gradient(#0000,#000000d9);padding:20px 16px 12px;position:absolute;bottom:0;left:0;right:0}.hero-side-title{font-size:15px;font-weight:700}.two-col-layout{grid-template-columns:1fr 320px;gap:24px;margin-top:32px;display:grid}.ranking-panel{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);top:calc(var(--header-height) + 16px);position:sticky;overflow:hidden}.ranking-tabs{border-bottom:1px solid var(--border);display:flex}.ranking-tab{color:var(--text-muted);text-align:center;transition:var(--transition);border-bottom:2px solid #0000;flex:1;padding:12px;font-size:13px;font-weight:600}.ranking-tab:hover,.ranking-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-dim)}.ranking-list{padding:8px}.ranking-item{border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;align-items:center;gap:12px;padding:10px 8px;display:flex}.ranking-item:hover{background:var(--bg-card-hover)}.ranking-number{background:var(--bg-surface);width:28px;height:28px;color:var(--text-muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.ranking-item:first-child .ranking-number{color:#fff;background:linear-gradient(135deg,#f59e0b,#e67e22)}.ranking-item:nth-child(2) .ranking-number{color:#fff;background:linear-gradient(135deg,#6b7280,#9ca3af)}.ranking-item:nth-child(3) .ranking-number{color:#fff;background:linear-gradient(135deg,#b45309,#d97706)}.ranking-cover{border-radius:6px;flex-shrink:0;width:48px;height:64px;overflow:hidden}.ranking-cover img{object-fit:cover;width:100%;height:100%}.ranking-info{flex:1;min-width:0}.ranking-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.ranking-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.comic-detail-header{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);gap:24px;margin-bottom:24px;padding:24px;display:flex}.detail-cover{border-radius:var(--radius-sm);width:220px;box-shadow:var(--shadow-lg);flex-shrink:0;overflow:hidden}.detail-cover img{aspect-ratio:3/4;object-fit:cover;width:100%}.detail-info{flex:1}.detail-title{margin-bottom:8px;font-size:26px;font-weight:800;line-height:1.3}.detail-meta{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.detail-meta-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.detail-meta-item .label{color:var(--text-muted)}.detail-genres{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.genre-tag{background:var(--accent-dim);color:var(--accent);transition:var(--transition);border:1px solid #f59e0b33;border-radius:100px;padding:4px 12px;font-size:12px;font-weight:500}.genre-tag:hover{background:var(--accent);color:#000}.detail-description{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.7}.detail-actions{gap:12px;display:flex}.detail-stats{gap:24px;margin-bottom:16px;display:flex}.stat-item{text-align:center}.stat-value{color:var(--accent);font-size:20px;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.chapter-list-section{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.chapter-list-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chapter-list-title{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.chapter-sort-btn{color:var(--text-muted);border-radius:var(--radius-xs);border:1px solid var(--border);transition:var(--transition);padding:4px 12px;font-size:13px}.chapter-sort-btn:hover{color:var(--accent);border-color:var(--accent)}.chapter-list{max-height:600px;overflow-y:auto}.chapter-list::-webkit-scrollbar{width:6px}.chapter-list::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.chapter-item{transition:var(--transition);cursor:pointer;border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.chapter-item:hover{background:var(--accent-dim)}.chapter-item.locked{opacity:.6}.chapter-name{align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.chapter-name .lock-icon{color:var(--accent);font-size:12px}.chapter-date{color:var(--text-muted);font-size:12px}.reader-container{background:#000;max-width:900px;min-height:100vh;margin:0 auto}.reader-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0a0ff2;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.reader-title-area{flex:1;min-width:0}.reader-comic-title{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.reader-chapter-title{font-size:15px;font-weight:600}.reader-nav-buttons{gap:8px;display:flex}.reader-nav-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-secondary);transition:var(--transition);padding:6px 16px;font-size:13px;font-weight:600}.reader-nav-btn:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.reader-nav-btn:disabled{opacity:.3;cursor:not-allowed}.reader-pages{flex-direction:column;align-items:center;gap:0;display:flex}.reader-page-img{background:#111;width:100%;display:block}.reader-bottom-nav{background:var(--bg-secondary);border-top:1px solid var(--border);justify-content:center;align-items:center;gap:16px;padding:24px 16px;display:flex}.vip-gate{text-align:center;border:1px dashed var(--accent);border-radius:var(--radius);background:linear-gradient(#f59e0b0d,#ec48990d);margin:20px;padding:60px 20px}.vip-gate-icon{margin-bottom:16px;font-size:48px}.vip-gate-title{margin-bottom:8px;font-size:22px;font-weight:700}.vip-gate-desc{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);margin-top:48px;padding:32px 0 24px}.footer-content{max-width:var(--max-width);grid-template-columns:2fr 1fr 1fr;gap:32px;margin:0 auto;padding:0 16px;display:grid}.footer-brand{color:var(--accent);margin-bottom:8px;font-size:18px;font-weight:700}.footer-desc{color:var(--text-muted);font-size:13px;line-height:1.6}.footer-title{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:700}.footer-links{flex-direction:column;gap:8px;display:flex}.footer-link{color:var(--text-muted);transition:var(--transition);font-size:13px}.footer-link:hover{color:var(--accent)}.footer-bottom{max-width:var(--max-width);border-top:1px solid var(--border);text-align:center;color:var(--text-muted);margin:24px auto 0;padding:16px 16px 0;font-size:12px}.genre-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);transition:var(--transition);border-radius:100px;padding:6px 14px;font-size:12px;font-weight:500}.genre-pill:hover,.genre-pill.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mobile-toggle{border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-xs);cursor:pointer;background:0 0;padding:6px 10px;font-size:22px;line-height:1;display:none}.mobile-menu-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;animation:.2s fadeIn;position:fixed;inset:0}.mobile-menu{background:var(--bg-secondary);border-left:1px solid var(--border);flex-direction:column;gap:4px;width:280px;max-width:85vw;height:100vh;padding:24px 16px;animation:.25s slideInRight;display:flex;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-8px 0 32px #00000080}.mobile-search{background:var(--bg-card);border:1px solid var(--border);border-radius:100px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 16px;display:flex}.mobile-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14px}.mobile-menu-item{color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition);padding:14px 16px;font-size:15px;font-weight:600;display:block}.mobile-menu-item:hover,.mobile-menu-item:active{background:var(--accent-dim);color:var(--text-primary)}.mobile-menu-item.donate-link{color:var(--accent);text-align:center;background:#f59e0b1a;border:1px solid #f59e0b33;margin-top:8px}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.comic-grid{grid-template-columns:repeat(4,1fr)!important}.two-col-layout{grid-template-columns:1fr}.ranking-panel{position:static}.hero-slider{height:300px}.dropdown-menu.wide{grid-template-columns:repeat(3,1fr);min-width:360px}}@media (max-width:768px){.mobile-toggle{display:block}.nav-menu,.search-bar{display:none}.logo{gap:8px;font-size:18px}.logo-icon{font-size:24px}.comic-grid{gap:10px;grid-template-columns:repeat(3,1fr)!important}.hero-slider{grid-template-columns:1fr;height:auto}.hero-sidebar{display:none}.hero-main{border-radius:var(--radius);height:220px}.hero-main-title{font-size:18px}.hero-main-desc{-webkit-line-clamp:2;font-size:12px}.comic-detail-header{text-align:center;flex-direction:column;align-items:center}.detail-cover{width:160px}.detail-actions,.detail-meta{flex-wrap:wrap;justify-content:center}.detail-genres,.detail-stats{justify-content:center}.detail-title{font-size:22px}.footer-content{text-align:center;grid-template-columns:1fr}.section-title{font-size:18px}.section-header{margin-bottom:12px}.genre-pills{gap:6px}.genre-pill{padding:6px 10px;font-size:12px}.ranking-panel{margin-top:24px}.ranking-item{padding:8px 12px}.auth-buttons .btn span{display:none}.dropdown-menu.wide{grid-template-columns:repeat(2,1fr);min-width:280px}.container{padding:0 12px}.page-content{padding-top:16px;padding-bottom:32px}.updates-ticker{height:28px}.ticker-label{padding:2px 8px;font-size:10px}.ticker-item{font-size:11px}.chapter-grid{gap:6px;grid-template-columns:repeat(3,1fr)!important}.chapter-item{padding:8px 10px;font-size:13px}.reader-header{padding:6px 10px!important}.reader-header span{font-size:12px!important}}@media (max-width:480px){.comic-grid{gap:8px;grid-template-columns:repeat(3,1fr)!important}.comic-info{padding:6px 6px 8px}.comic-title{font-size:11px}.comic-chapter{font-size:9px}.comic-cover{border-radius:var(--radius-xs)}.section-title{font-size:15px}.hero-main{height:180px}.hero-main-title{font-size:16px}.hero-main-overlay{padding:12px}.logo{font-size:16px}.logo-icon{font-size:20px}.header{height:50px}.header-inner{padding:0 10px}.detail-cover{width:130px}.detail-title{font-size:18px}.detail-desc{font-size:13px}.btn{padding:7px 14px;font-size:12px}.chapter-grid{grid-template-columns:repeat(2,1fr)!important}.footer{padding:24px 0}.footer-title{font-size:14px}.footer-bottom{padding:12px 0;font-size:11px}.donate-hero{padding:30px 16px}.donate-title{font-size:22px!important}.donate-reasons,.donate-grid,.qr-grid{grid-template-columns:1fr}.donate-amount-pills{gap:6px}.amount-pill{padding:6px 12px;font-size:12px}.thanks-counter{flex-direction:column;gap:12px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.updates-ticker{background:linear-gradient(90deg,#1e1b4b,#312e81,#1e1b4b);border-bottom:1px solid #6366f133;height:32px;overflow:hidden}.ticker-inner{max-width:var(--max-width);align-items:center;gap:12px;height:100%;margin:0 auto;padding:0 16px;display:flex}.ticker-label{color:#fbbf24;white-space:nowrap;background:#fbbf2426;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.ticker-scroll{white-space:nowrap;gap:60px;animation:20s linear infinite tickerScroll;display:flex}.ticker-item{color:#c7d2fe;white-space:nowrap;font-size:12px}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.donate-hero-v2{text-align:center;background:linear-gradient(160deg,#0f0c29,#302b63,#24243e);border-radius:20px;margin-bottom:40px;padding:64px 24px 56px;position:relative;overflow:hidden}.donate-hero-glow{background:radial-gradient(at 20% 40%,#f59e0b26,#0000 55%),radial-gradient(at 80% 60%,#8b5cf626,#0000 55%),radial-gradient(at 50% 100%,#ec48991a,#0000 50%);animation:6s ease-in-out infinite alternate heroGlow;position:absolute;inset:0}@keyframes heroGlow{0%{opacity:.7}to{opacity:1}}.donate-hero-inner{z-index:1;position:relative}.donate-badge{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:100px;margin-bottom:20px;padding:6px 18px;font-size:13px;font-weight:600;display:inline-block}.donate-heading{color:#fff;margin-bottom:16px;font-size:38px;font-weight:900;line-height:1.25}.heading-accent{background:linear-gradient(135deg,#fbbf24,#f472b6,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.donate-desc{color:#c7d2fecc;max-width:480px;margin:0 auto;font-size:15px;line-height:1.7}.impact-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:48px;display:grid}.impact-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:16px;padding:28px 20px;transition:all .3s}.impact-card:hover{border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.impact-icon-wrap{background:color-mix(in srgb, var(--c) 15%, transparent);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;font-size:28px;display:flex}.impact-card h3{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:700}.impact-card p{color:var(--text-secondary);margin-bottom:14px;font-size:13px;line-height:1.5}.impact-bar{background:#ffffff0f;border-radius:4px;height:4px;position:relative;overflow:hidden}.impact-bar:after{content:"";width:var(--w);background:var(--c);border-radius:4px;animation:1.5s ease-out barGrow;position:absolute;top:0;bottom:0;left:0}@keyframes barGrow{0%{width:0}to{width:var(--w)}}.donate-bank-section{text-align:center;margin-bottom:48px}.bank-section-badge{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f640;border-radius:100px;margin-bottom:12px;padding:5px 14px;font-size:13px;font-weight:600;display:inline-block}.bank-section-title{color:var(--text-primary);margin-bottom:24px;font-size:26px;font-weight:800}.bank-transfer-card{background:var(--bg-card);border:1px solid var(--border);text-align:left;border-radius:20px;grid-template-columns:auto 1fr;gap:0;display:grid;position:relative;overflow:hidden}.bank-transfer-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#3b82f666,#06b6d433,#0000);border-radius:20px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bank-qr-side{border-right:1px solid var(--border);background:linear-gradient(#3b82f60f,#06b6d40a);flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.bank-qr-frame{background:#fff;border-radius:16px;width:220px;padding:12px;box-shadow:0 4px 24px #0003}.bank-qr-frame img{border-radius:8px;width:100%;height:auto;display:block}.bank-qr-hint{color:var(--text-muted);text-align:center;margin-top:12px;font-size:12px}.btn-download-qr{color:#60a5fa;cursor:pointer;background:#3b82f61f;border:1px solid #3b82f640;border-radius:100px;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-download-qr:hover{background:#3b82f638;border-color:#3b82f666;transform:translateY(-1px)}.btn-download-qr:active{transform:translateY(0)}.bank-details-side{flex-direction:column;gap:20px;padding:32px;display:flex}.bank-logo-row{align-items:center;gap:12px;display:flex}.bank-logo-icon{font-size:32px}.bank-name{color:var(--text-primary);font-size:16px;font-weight:700}.bank-type{color:var(--text-muted);font-size:12px}.bank-detail-rows{flex-direction:column;gap:0;display:flex}.bank-detail-item{border-bottom:1px solid #ffffff0a;border-radius:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.bank-detail-item:first-child{border-radius:10px 10px 0 0}.bank-detail-item:last-child{border-bottom:none;border-radius:0 0 10px 10px}.bank-detail-item.highlight-row{background:#10b98114}.bank-detail-label{color:var(--text-muted);font-size:13px}.bank-detail-value{color:var(--text-primary);letter-spacing:.5px;font-size:14px;font-weight:700}.bank-detail-value.accent{color:#10b981;background:#10b9811a;border-radius:6px;padding:4px 10px}.bank-amounts{flex-wrap:wrap;gap:8px;display:flex}.bank-amount-chip{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:default;border-radius:100px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.bank-amount-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.bank-amount-chip.active{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b66}.bank-amount-chip.premium{color:#a78bfa;background:linear-gradient(135deg,#8b5cf626,#ec48991a);border-color:#8b5cf64d}.bank-amount-chip.clickable{cursor:pointer;text-decoration:none;position:relative}.bank-amount-chip.clickable:after{content:"→";opacity:0;margin-left:4px;font-size:10px;transition:all .2s}.bank-amount-chip.clickable:hover:after{opacity:1;margin-left:6px}.btn-transfer-now{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;align-items:center;gap:14px;width:100%;padding:16px 20px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.btn-transfer-now:before{content:"";background:linear-gradient(135deg,#0000,#ffffff1a,#0000);animation:3s ease-in-out infinite transferShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes transferShimmer{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.btn-transfer-now:hover{background:linear-gradient(135deg,#34d399,#10b981);transform:translateY(-2px);box-shadow:0 8px 28px #10b98166}.btn-transfer-now:active{transform:translateY(0)}.btn-transfer-icon{flex-shrink:0;font-size:28px}.btn-transfer-text{letter-spacing:.3px;font-size:16px;font-weight:800;display:block}.btn-transfer-sub{opacity:.8;margin-top:2px;font-size:12px;font-weight:400;display:block}.bank-note{color:var(--text-secondary);border-left:3px solid var(--accent);background:#f59e0b0f;border-radius:10px;padding:12px 16px;font-size:13px;line-height:1.6}.donate-thankyou{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;margin-bottom:32px;padding:48px 24px;position:relative;overflow:hidden}.donate-thankyou:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#f59e0b14,#0000 60%);position:absolute;inset:0}.thankyou-sparkle{margin-bottom:12px;font-size:48px;animation:2s ease-in-out infinite sparkle}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.8;transform:scale(1.15)rotate(10deg)}}.donate-thankyou h2{color:var(--accent);margin-bottom:12px;font-size:24px;font-weight:800;position:relative}.donate-thankyou p{color:var(--text-secondary);font-size:14px;line-height:1.7;position:relative}.thankyou-stats{justify-content:center;gap:24px;margin-top:28px;display:flex;position:relative}.ty-stat{border:1px solid var(--border);background:#ffffff08;border-radius:12px;padding:14px 24px}.ty-stat-value{color:var(--accent);font-size:18px;font-weight:800}.ty-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px}@media (max-width:768px){.donate-hero-v2{border-radius:16px;margin-bottom:24px;padding:40px 16px 36px}.donate-heading{font-size:26px}.donate-desc{font-size:13px}.donate-badge{padding:5px 14px;font-size:12px}.impact-grid{grid-template-columns:1fr;gap:12px;margin-bottom:32px}.impact-card{padding:20px 16px}.impact-card p{margin-bottom:10px}.bank-section-title{margin-bottom:16px;font-size:20px}.bank-transfer-card{grid-template-columns:1fr}.bank-qr-side{border-right:none;border-bottom:1px solid var(--border);padding:24px 20px}.bank-qr-frame{width:180px;padding:10px}.bank-details-side{gap:16px;padding:20px 16px}.bank-name{font-size:14px}.bank-amounts{gap:6px}.bank-amount-chip{padding:6px 12px;font-size:12px}.donate-thankyou{border-radius:16px;padding:32px 16px}.thankyou-stats{flex-direction:column;align-items:center;gap:10px}.ty-stat{width:100%;max-width:200px}}@media (max-width:480px){.donate-hero-v2{padding:32px 14px 28px}.donate-heading{font-size:22px}.bank-qr-frame{width:160px}.bank-detail-value{font-size:13px}}.donate-icon{margin-bottom:16px;font-size:72px;animation:2s ease-in-out infinite donatePulse}@keyframes donatePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.donate-title{background:linear-gradient(135deg,#fbbf24,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:36px;font-weight:900}.donate-subtitle{color:#c7d2fe;max-width:500px;margin:0 auto;font-size:16px;line-height:1.7}.donate-reasons{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;display:grid}.donate-reason-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:var(--transition-slow);padding:32px 20px}.donate-reason-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 32px #f59e0b26}.reason-icon{margin-bottom:12px;font-size:40px}.donate-reason-card h3{color:var(--accent);margin-bottom:8px;font-size:18px;font-weight:700}.donate-reason-card p{color:var(--text-secondary);font-size:13px;line-height:1.6}.donate-section-title{text-align:center;margin-bottom:24px;font-size:24px;font-weight:800}.donate-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:48px;display:grid}.donate-method-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition-slow);overflow:hidden}.donate-method-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.donate-method-card.bank{border-color:#3b82f64d}.donate-method-card.momo{border-color:#d633844d}.method-header{border-bottom:1px solid var(--border);background:#ffffff08;align-items:center;gap:12px;padding:16px 20px;display:flex}.method-icon{font-size:24px}.method-header h3{font-size:16px;font-weight:700}.method-body{padding:20px}.bank-info{flex-direction:column;gap:12px;display:flex}.bank-row{justify-content:space-between;align-items:center;display:flex}.bank-label{color:var(--text-muted);font-size:13px}.bank-value{color:var(--text-primary);font-size:14px;font-weight:600}.donate-thanks{text-align:center;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:32px;padding:40px 20px}.thanks-icon{margin-bottom:12px;font-size:48px}.donate-thanks h2{color:var(--accent);margin-bottom:8px;font-size:24px;font-weight:800}.donate-thanks p{color:var(--text-secondary);font-size:14px;line-height:1.7}.comic-card-cover{aspect-ratio:3/4;background:var(--bg-surface);border-radius:var(--radius) var(--radius) 0 0;position:relative;overflow:hidden}.comic-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.comic-card:hover .comic-card-cover img{transform:scale(1.05)}.comic-card-overlay{background:linear-gradient(#0000,#000c);padding:24px 8px 8px;position:absolute;bottom:0;left:0;right:0}.comic-card-info{padding:10px 12px 12px}.comic-card-title{color:var(--text-primary);-webkit-line-clamp:2;transition:var(--transition);-webkit-box-orient:vertical;margin-bottom:4px;font-size:13px;font-weight:600;display:-webkit-box;overflow:hidden}.comic-card:hover .comic-card-title{color:var(--accent)}.comic-card-meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:6px;font-size:11px;display:flex}.comic-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.comic-card-author{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.comic-card-viewcount{color:var(--accent);flex-shrink:0;font-weight:600}.comic-card-views{color:#ffffffe6;font-size:11px;font-weight:500}.genre-pills{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.genre-pill{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);transition:var(--transition);cursor:pointer;border-radius:100px;padding:6px 14px;font-size:12px;font-weight:500}.genre-pill:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.donate-amount-pills{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.amount-pill{color:#e0e0ff;cursor:default;background:#ffffff1a;border:1px solid #ffffff26;border-radius:100px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .3s}.amount-pill.hot{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b66}.amount-pill.premium{color:#f9a8d4;background:linear-gradient(135deg,#ec489933,#8b5cf633);border-color:#ec489966}.amount-pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.section-glow{font-size:28px;animation:2s ease-in-out infinite glowPulse}@keyframes glowPulse{0%,to{filter:brightness()}50%{filter:brightness(1.5)drop-shadow(0 0 8px #f59e0b80)}}.qr-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;display:grid}.qr-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;transition:all .4s;position:relative;overflow:hidden}.qr-card:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(135deg,#0000,#0000);border-radius:16px;padding:2px;transition:all .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.qr-card.bank-card:before{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.qr-card.momo-card:before{background:linear-gradient(135deg,#ec4899,#a855f7)}.qr-card.zalo-card:before{background:linear-gradient(135deg,#3b82f6,#6366f1)}.qr-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0006}.qr-card.bank-card:hover{box-shadow:0 12px 40px #3b82f633}.qr-card.momo-card:hover{box-shadow:0 12px 40px #ec489933}.qr-card.zalo-card:hover{box-shadow:0 12px 40px #6366f133}.qr-card-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px;display:flex}.bank-header{background:linear-gradient(135deg,#3b82f61a,#06b6d40d)}.momo-header{background:linear-gradient(135deg,#ec48991a,#a855f70d)}.zalo-header{background:linear-gradient(135deg,#3b82f61a,#6366f10d)}.qr-method-icon{flex-shrink:0;font-size:28px}.qr-card-header h3{margin:0;font-size:16px;font-weight:700}.qr-method-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.qr-card-body{flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex}.qr-image-wrapper{aspect-ratio:auto;border-radius:12px;width:100%;max-width:240px;padding:8px;transition:transform .3s;overflow:hidden}.qr-card:hover .qr-image-wrapper{transform:scale(1.02)}.bank-bg{background:#fff}.momo-bg{background:#fce4ec}.zalo-bg{background:#e3f2fd}.qr-img{border-radius:8px;width:100%;height:auto;display:block}.qr-info{flex-direction:column;gap:8px;width:100%;display:flex}.qr-info-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.qr-info-row:last-child{border-bottom:none}.qr-label{color:var(--text-muted);font-size:12px}.qr-value{color:var(--text-primary);font-size:13px;font-weight:600}.qr-value.highlight{color:var(--green);font-weight:700}.qr-value.momo-text{color:#ec4899}.qr-value.zalo-text{color:#6366f1}.thanks-hearts{margin-bottom:12px;font-size:36px;animation:1.5s ease-in-out infinite heartBeat}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.05)}}.thanks-counter{justify-content:center;gap:32px;margin-top:24px;display:flex}.counter-item{text-align:center;border:1px solid var(--border);background:#ffffff08;border-radius:12px;padding:12px 24px}.counter-value{color:var(--accent);font-size:18px;font-weight:800}.counter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px}.star-rating-container{margin:16px 0}.star-rating-display{align-items:center;gap:12px;display:flex}.stars-interactive{gap:2px;display:flex}.star-btn{cursor:pointer;color:#374151;background:0 0;border:none;padding:2px;font-size:28px;transition:all .15s}.star-btn.active{color:#f59e0b;transform:scale(1.1)}.star-btn:hover{color:#fbbf24;transform:scale(1.2)}.star-btn.disabled{pointer-events:none;opacity:.5}.rating-info{align-items:baseline;gap:6px;display:flex}.rating-avg{color:#f59e0b;font-size:24px;font-weight:800}.rating-count{color:var(--text-muted);font-size:13px}.your-rating{color:var(--green);margin-top:4px;font-size:12px}.comment-section{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);margin-top:24px;padding:24px}.comment-title{align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:700;display:flex}.comment-count{color:var(--text-muted);font-size:14px;font-weight:400}.comment-form{margin-bottom:24px}.comment-input{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);resize:vertical;min-height:80px;transition:var(--transition);padding:12px 16px;font-family:inherit;font-size:14px}.comment-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.comment-input:disabled{opacity:.5;cursor:not-allowed}.comment-form-actions{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.char-count{color:var(--text-muted);font-size:12px}.btn-comment-submit{background:linear-gradient(135deg, var(--accent), #e67e22);color:#fff;transition:var(--transition);border-radius:100px;padding:8px 20px;font-size:13px;font-weight:600}.btn-comment-submit:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-comment-submit:disabled{opacity:.5;cursor:not-allowed}.comments-list{flex-direction:column;gap:12px;display:flex}.no-comments{text-align:center;color:var(--text-muted);padding:40px 20px}.no-comments p:first-child{margin-bottom:8px;font-size:24px}.comment-item{background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border);transition:var(--transition);padding:16px}.comment-item:hover{border-color:#ffffff1a}.comment-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.comment-avatar{background:var(--purple-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex;overflow:hidden}.comment-avatar.small{width:28px;height:28px;font-size:12px}.comment-avatar img{object-fit:cover;width:100%;height:100%}.comment-meta{flex:1}.comment-author{color:var(--accent);font-size:13px;font-weight:600}.comment-time{color:var(--text-muted);margin-left:8px;font-size:11px}.comment-content{color:var(--text-secondary);font-size:14px;line-height:1.6}.comment-actions-right{align-items:center;gap:8px;display:flex}.btn-reply{color:var(--text-muted);transition:var(--transition);border-radius:4px;padding:4px 8px;font-size:12px}.btn-reply:hover{color:var(--accent);background:var(--accent-dim)}.btn-delete-comment{color:var(--text-muted);padding:4px;font-size:14px}.btn-delete-comment:hover{color:var(--red)}.comment-replies{border-left:2px solid var(--border);flex-direction:column;gap:8px;margin-top:12px;margin-left:24px;padding-left:16px;display:flex}.reply-item{border-radius:var(--radius-xs);background:#0003;padding:10px 12px}.reply-form{gap:8px;margin-top:10px;margin-left:24px;display:flex}.reply-input{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);border-radius:100px;flex:1;padding:8px 14px;font-family:inherit;font-size:13px}.reply-input:focus{border-color:var(--accent);outline:none}.btn-reply-submit{background:var(--accent);color:#fff;border-radius:100px;padding:8px 16px;font-size:13px;font-weight:600}.btn-load-more{text-align:center;width:100%;color:var(--accent);border-radius:var(--radius-sm);transition:var(--transition);padding:12px;font-size:13px;font-weight:600}.btn-load-more:hover{background:var(--accent-dim)}.daily-checkin{background:linear-gradient(135deg, var(--bg-card), var(--bg-surface));border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 20px;display:flex}.checkin-info{flex:1;align-items:center;gap:16px;display:flex}.checkin-points{align-items:center;gap:6px;display:flex}.points-icon{font-size:20px}.points-value{color:var(--accent);font-size:22px;font-weight:800}.points-label{color:var(--text-muted);font-size:12px}.checkin-streak{color:var(--text-secondary);font-size:13px}.btn-checkin{color:#fff;transition:var(--transition);background:linear-gradient(135deg,#10b981,#059669);border-radius:100px;padding:10px 24px;font-size:14px;font-weight:700;position:relative;overflow:hidden}.btn-checkin:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #10b98166}.btn-checkin.checked{background:var(--bg-surface);color:var(--text-muted);cursor:default}.btn-checkin.animate{animation:.5s checkin-pop}@keyframes checkin-pop{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.checkin-message{color:var(--green);text-align:center;width:100%;margin-top:4px;font-size:13px}.share-button-container{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-share-fb{color:#fff;transition:var(--transition);background:#1877f2;border-radius:100px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:inline-flex}.btn-share-fb:hover{background:#166fe5;transform:translateY(-1px);box-shadow:0 4px 12px #1877f266}.btn-share-fb.shared{background:var(--green)}.share-points-msg{color:var(--green);font-size:13px;font-weight:600;animation:.3s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}