@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg: #08080b;--bg-1: #0c0d11;--bg-2: #121318;--bg-card: #14151b;--bg-elev: #1a1c24;--bg-glass: rgba(20, 21, 27, .6);--border: #23252e;--border-soft: #1c1e26;--border-gold: rgba(246, 168, 33, .35);--text: #f2f3f7;--text-dim: #9a9eb2;--text-faint: #5d6172;--primary: #f6a821;--primary-2: #ffc94d;--primary-dim: #c98410;--accent: #ffc24b;--violet: #8b7cff;--blue: #3ea6ff;--teal: #2dd4bf;--pink: #ff5d8f;--green: #34d399;--danger: #ff4d6d;--success: #35d9a0;--grad-gold: linear-gradient(135deg, #ffc94d 0%, #f6a821 45%, #ff8c1a 100%);--grad-primary: var(--grad-gold);--grad-hero: linear-gradient(135deg, #f6a821 0%, #ff8c1a 100%);--grad-accent: linear-gradient(135deg, #ffc24b, #ff8a5b);--grad-violet: linear-gradient(135deg, #8b7cff, #b57cff);--grad-panel: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 40%);--radius: 14px;--radius-lg: 20px;--radius-sm: 10px;--shadow: 0 14px 44px rgba(0,0,0,.5);--shadow-glow: 0 6px 28px rgba(246,168,33,.28);--shadow-card: 0 8px 26px rgba(0,0,0,.35);--ring: 0 0 0 3px rgba(246,168,33,.25);--tap: cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;zoom:.94}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1100px 500px at 15% -10%,rgba(246,168,33,.07),transparent 60%),radial-gradient(900px 500px at 100% -5%,rgba(139,124,255,.06),transparent 55%),var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,.logo{font-family:Sora,sans-serif;letter-spacing:-.02em}a{color:inherit;text-decoration:none}::selection{background:#f6a82152}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:20px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:content-box}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius-sm);font-weight:600}input,textarea,select{font-family:inherit;background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:11px 14px;font-size:14px;width:100%;transition:border-color .2s,box-shadow .2s,background .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring);background:var(--bg-1)}input::placeholder,textarea::placeholder{color:var(--text-faint)}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.7)}:root{--container-pad: 24px}.container{max-width:1480px;margin:0 auto;padding:0 var(--container-pad)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;background:var(--grad-gold);color:#1d1200;border-radius:11px;transition:transform .18s var(--tap),box-shadow .25s,filter .2s;box-shadow:0 4px 20px #f6a82152;position:relative;overflow:hidden;font-weight:800;white-space:nowrap;letter-spacing:.01em}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35),transparent 70%);transform:translate(-120%);transition:transform .6s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f6a82173}.btn:hover:after{transform:translate(120%)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;filter:grayscale(.3)}.btn-ghost{background:#ffffff0a;border:1px solid var(--border);color:var(--text);box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:600}.btn-ghost:after{display:none}.btn-ghost:hover{border-color:var(--border-gold);background:#f6a82117;box-shadow:none;color:var(--primary-2)}.btn-danger{background:linear-gradient(135deg,#ff4d6d,#ff7a5b);color:#fff;box-shadow:0 4px 18px #ff4d6d59}.btn-sm{padding:7px 15px;font-size:13px;border-radius:9px}.nav{position:sticky;top:0;z-index:60;background:#08080bc7;-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid rgba(255,255,255,.05);transition:transform .25s ease}.nav.nav-hidden{transform:translateY(-100%)}.nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(246,168,33,.35),transparent)}.nav-inner{display:flex;align-items:center;gap:18px;height:68px}.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:20px;flex-shrink:0}.logo-mark{width:36px;height:36px;border-radius:11px;background:var(--grad-gold);display:grid;place-items:center;color:#1d1200;font-weight:900;font-size:18px;box-shadow:var(--shadow-glow);font-family:Sora}.logo span.logo-hub{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:2px;margin-left:4px}.nav-links a{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:8px;color:var(--text-dim);font-weight:600;font-size:14px;transition:color .2s,background .2s}.nav-links a svg{width:15px;height:15px;opacity:.8}.nav-links a:hover{color:var(--text);background:#ffffff0d}.nav-links a.active{color:var(--primary-2);background:#ffffff0d;font-weight:700}.nav-links a.active svg{opacity:1}.nav-right{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0}.coins-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;background:#ffffff0a;border:1px solid var(--border);padding:6px 13px;border-radius:20px;color:var(--accent);font-weight:700}.avatar{width:34px;height:34px;border-radius:50%;background:var(--grad-violet);display:grid;place-items:center;font-weight:700;color:#fff;font-size:14px;border:1px solid rgba(255,255,255,.12);transition:transform .2s,border-color .2s}.avatar:hover{transform:scale(1.05);border-color:var(--primary)}.search-box{flex:1;max-width:340px;display:flex;align-items:center;gap:9px;background:#ffffff0a;border:1px solid var(--border);border-radius:10px;padding:0 15px;transition:border-color .2s,box-shadow .2s,background .2s}.search-box:focus-within{border-color:var(--border-gold);box-shadow:var(--ring);background:var(--bg-1)}.search-box svg{width:15px;height:15px;color:var(--text-faint);flex-shrink:0}.search-box input{border:none;background:transparent;padding:10px 0}.search-box input:focus{box-shadow:none;background:transparent}.search-wrap{position:relative;flex:1;max-width:340px}.search-wrap .search-box{max-width:none;width:100%}.search-suggestions{position:absolute;top:calc(100% + 8px);right:0;z-index:70;width:max(100%,300px);max-width:min(360px,92vw);background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;padding:6px;max-height:70vh;overflow-y:auto}.search-suggestion{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;padding:8px;border-radius:9px;color:var(--text);transition:background .15s}.search-suggestion:hover,.search-suggestion:focus-visible{background:#ffffff0f}.search-suggestion img{width:36px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0;background:var(--bg-card)}.ss-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.ss-title{font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.ss-meta{font-size:11.5px;color:var(--text-dim);text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-burger{display:none;margin-left:auto;background:#ffffff0a;border:1px solid var(--border);border-radius:10px;padding:8px;color:var(--text);align-items:center;justify-content:center;flex-shrink:0}.nav-burger svg{width:20px;height:20px;display:block}.nav-mobile{display:none;flex-direction:column;gap:14px;padding:16px 0 20px;border-top:1px solid var(--border-soft);animation:fadeUp .25s var(--tap) both}.nav-mobile-links{display:flex;flex-direction:column;gap:2px}.nav-mobile-links a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;color:var(--text-dim);font-weight:600;font-size:15px}.nav-mobile-links a svg{width:16px;height:16px;opacity:.8}.nav-mobile-links a.active{color:var(--primary-2);background:#f6a8211a}.nav-mobile-actions{display:flex;gap:10px;flex-wrap:wrap}.nav-mobile-actions .btn{flex:1}.announce{display:flex;align-items:center;gap:16px;margin-top:24px;background:linear-gradient(90deg,#f6a82114,#ffffff05 55%);border:1px solid rgba(246,168,33,.18);border-radius:var(--radius);padding:15px 20px;transition:border-color .25s,transform .2s var(--tap)}.announce:hover{border-color:var(--border-gold);transform:translateY(-2px)}.announce-icon{width:44px;height:44px;border-radius:12px;background:var(--grad-gold);display:grid;place-items:center;font-size:20px;flex-shrink:0;box-shadow:var(--shadow-glow)}.announce-body{flex:1;min-width:0}.announce-title{font-weight:800;font-size:15px}.announce-sub{color:var(--text-dim);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announce-tag{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--green);background:#34d3991f;border:1px solid rgba(52,211,153,.3);padding:3px 9px;border-radius:20px;text-transform:uppercase}.announce-arrow{color:var(--text-faint);font-size:18px;transition:transform .2s,color .2s}.announce:hover .announce-arrow{transform:translate(4px);color:var(--primary)}.hero{padding:26px 0 6px}.hero-carousel{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:340px;display:flex;align-items:flex-end;box-shadow:var(--shadow),0 0 0 1px #ffffff0d}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .9s ease;background-size:cover;background-position:center 25%}.hero-slide.active{opacity:1}.hero-slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#08080bf5,#08080bb8 42%,#08080b33),linear-gradient(0deg,rgba(8,8,11,.92),transparent 60%)}.hero-content{position:relative;z-index:2;padding:34px 40px;max-width:600px}.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:var(--accent);letter-spacing:.09em;text-transform:uppercase;margin-bottom:11px;background:#ffc24b1a;border:1px solid rgba(255,194,75,.28);padding:5px 12px;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-content h1{font-size:clamp(24px,3.6vw,38px);margin:0 0 10px;line-height:1.08;font-weight:800;text-shadow:0 4px 30px rgba(0,0,0,.6)}.hero-content p{color:#cdd1e0;font-size:14.5px;max-width:500px;margin:0 0 20px;text-shadow:0 2px 12px rgba(0,0,0,.6)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-dots{position:absolute;bottom:16px;right:22px;z-index:3;display:flex;gap:8px}.hero-dots button{width:9px;height:9px;border-radius:50%;background:#ffffff4d;padding:0;transition:all .3s}.hero-dots button.active{background:var(--grad-gold);width:28px;border-radius:5px;box-shadow:0 0 10px #f6a82199}.section{padding:40px 0 10px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-head h2{font-size:22px;margin:0;display:flex;align-items:center;gap:12px}.section-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:19px;flex-shrink:0;box-shadow:0 6px 20px #00000059}.section-icon.gold{background:linear-gradient(135deg,#f6a82140,#ff8c1a1f);border:1px solid rgba(246,168,33,.35)}.section-icon.violet{background:linear-gradient(135deg,#8b7cff40,#b57cff1f);border:1px solid rgba(139,124,255,.35)}.section-icon.teal{background:linear-gradient(135deg,#2dd4bf38,#3ea6ff1f);border:1px solid rgba(45,212,191,.35)}.section-icon.pink{background:linear-gradient(135deg,#ff5d8f38,#ff7a5b1f);border:1px solid rgba(255,93,143,.35)}.section-head .see-all{color:var(--primary-2);font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:20px;border:1px solid transparent;transition:all .2s}.section-head .see-all:hover{border-color:var(--border-gold);background:#f6a82114;gap:9px}.grid{display:grid;gap:28px 20px;grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}.novel-card{display:block;position:relative;transition:transform .28s var(--tap)}.novel-card:hover{transform:translateY(-7px)}.novel-cover{aspect-ratio:5/7;border-radius:var(--radius);overflow:hidden;background:var(--bg-card);position:relative;box-shadow:var(--shadow-card),0 0 0 1px #ffffff0f;transition:box-shadow .3s}.novel-card:hover .novel-cover{box-shadow:0 22px 50px #0009,0 0 0 1px #f6a8218c,0 0 30px #f6a82126}.novel-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s var(--tap)}.novel-card:hover .novel-cover img{transform:scale(1.09)}.novel-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(0deg,rgba(8,8,11,.75),transparent 38%)}.rating-badge{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:4px;background:#08080bc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,194,75,.35);color:var(--accent);font-size:11.5px;font-weight:800;padding:4px 9px;border-radius:8px;box-shadow:0 3px 12px #0006}.badge{position:absolute;top:10px;right:10px;z-index:2;background:var(--grad-gold);color:#1d1200;font-size:10px;font-weight:800;padding:4px 9px;border-radius:7px;letter-spacing:.05em;box-shadow:0 3px 12px #f6a82173}.badge.status{top:auto;bottom:10px;right:auto;left:10px;background:#08080bb8;color:#e6e8f2;text-transform:capitalize;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none;letter-spacing:.02em}.badge.sale{background:var(--success);color:#06281f;box-shadow:0 3px 12px #35d9a080}.cover-views{position:absolute;bottom:10px;right:10px;z-index:2;font-size:10.5px;color:#cfd3e2;font-weight:600;background:#08080b99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:3px 8px;border-radius:7px;border:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(4px);transition:all .25s var(--tap)}.novel-card:hover .cover-views{opacity:1;transform:translateY(0)}.novel-title{font-weight:700;font-size:14.5px;margin:12px 2px 4px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;transition:color .2s}.novel-card:hover .novel-title{color:var(--primary-2)}.novel-meta{font-size:12px;color:var(--text-dim);display:flex;gap:6px;align-items:center;padding:0 2px}.star{color:var(--accent);font-weight:800}.filter-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;margin-bottom:24px;background-image:var(--grad-panel)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.filters:last-child{margin-bottom:0}.chip{padding:8px 16px;border-radius:22px;background:#ffffff0a;border:1px solid var(--border);color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s var(--tap);-webkit-user-select:none;user-select:none}.chip:hover{color:var(--text);border-color:var(--text-faint);transform:translateY(-1px)}.chip.active{background:var(--grad-gold);color:#1d1200;border-color:transparent;box-shadow:0 4px 16px #f6a82166;font-weight:700}.sort-tabs{display:inline-flex;gap:3px;padding:5px;margin-bottom:22px;background:#ffffff08;border:1px solid var(--border);border-radius:14px;overflow-x:auto;max-width:100%}@media (max-width: 560px){.sort-tabs{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 22px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 22px),transparent 100%)}}.sort-tabs .tab{padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;color:var(--text-dim);cursor:pointer;white-space:nowrap;transition:all .2s var(--tap);background:transparent;border:none}.sort-tabs .tab:hover{color:var(--text);background:#ffffff0d}.sort-tabs .tab.active{background:linear-gradient(135deg,#2dd4bf,#14b8a6);color:#04211c;font-weight:800;box-shadow:0 3px 14px #2dd4bf59}.results-line{display:flex;align-items:center;justify-content:space-between;color:var(--text-dim);font-size:14px;margin-bottom:18px}.rank-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-soft);transition:background .2s,transform .2s var(--tap)}.rank-row:last-child{border-bottom:none}.rank-row:hover{background:#f6a8210d;transform:translate(4px)}.rank-num{font-size:20px;font-weight:800;width:44px;text-align:center;flex-shrink:0;font-family:Sora;color:var(--text-faint)}.rank-num.top{font-size:15px;width:44px;height:36px;border-radius:10px;display:inline-grid;place-items:center}.rank-num.r1{background:var(--grad-gold);color:#1d1200;box-shadow:0 4px 16px #f6a82166}.rank-num.r2{background:linear-gradient(135deg,#e3e6f0,#9aa2b8);color:#171a22;box-shadow:0 4px 14px #c8cddc40}.rank-num.r3{background:linear-gradient(135deg,#e0955c,#b2652f);color:#241000;box-shadow:0 4px 14px #e0955c4d}.detail-hero{position:relative;margin:0 calc(-1 * var(--container-pad));padding:0 var(--container-pad);overflow:hidden}.detail-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center top;filter:blur(48px) brightness(.42) saturate(1.2);opacity:.55;transform:scale(1.25)}.detail-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(0deg,var(--bg),transparent);pointer-events:none}.detail-head{position:relative;display:flex;gap:38px;padding:48px 0 40px;flex-wrap:wrap;z-index:1}.detail-cover{width:236px;flex-shrink:0}.detail-cover img{width:100%;border-radius:var(--radius);box-shadow:0 24px 60px #000000a6,0 0 0 1px #ffffff1a}.detail-info{flex:1;min-width:290px}.detail-info h1{font-size:clamp(26px,4vw,38px);margin:6px 0 8px;text-shadow:0 3px 20px rgba(0,0,0,.5)}.detail-genres{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.tag{font-size:12px;padding:5px 13px;border-radius:20px;background:#ffffff0d;border:1px solid var(--border);color:var(--text-dim);transition:all .2s}.tag:hover{border-color:var(--border-gold);color:var(--primary-2)}.genre-tag{font-size:12px;padding:5px 13px;border-radius:20px;font-weight:700;transition:all .2s}.stat-row{display:flex;gap:34px;margin:22px 0;flex-wrap:wrap}.stat-row .s{font-size:23px;font-weight:800;font-family:Sora}.stat-row .l{font-size:12px;color:var(--text-dim)}.pill.premium{background:#ffc24b21;color:var(--accent);border:1px solid rgba(255,194,75,.3)}.detail-page{position:relative;overflow:hidden}.detail-bg{position:fixed;top:0;left:0;right:0;height:1100px;background-size:cover;background-position:center top;filter:brightness(.5) saturate(1.1);opacity:.9;pointer-events:none;z-index:0;mask-image:linear-gradient(180deg,#000 0%,#000 40%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 40%,transparent 100%)}.detail-page>.container{position:relative;z-index:1}.detail2{display:flex;gap:32px;align-items:flex-start;padding:26px 0 40px;flex-wrap:wrap}.detail2-side{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.detail2-main{flex:1;min-width:320px;padding-top:6px}.detail2-cover-wrap{position:relative;width:100%;aspect-ratio:5 / 7;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 50px #0000008c,0 0 0 1px #ffffff14;margin-bottom:4px}.detail2-cover-wrap img{width:100%;height:100%;display:block;object-fit:cover}.side-card{background:var(--bg-card);background-image:var(--grad-panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.side-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:10px;border-radius:var(--radius-sm);font-weight:700;font-size:13.5px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:all .2s var(--tap)}.side-btn:hover{border-color:var(--border-gold);background:var(--bg-elev)}.side-btn.following{background:#35d9a01f;border-color:#35d9a059;color:var(--success)}.side-btn.primary{background:var(--grad-gold);border:none;color:#1d1200;box-shadow:var(--shadow-glow)}.unlock-card .unlock-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.unlock-card .unlock-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#35d9a024;color:var(--success);flex-shrink:0}.unlock-days{display:flex;gap:4px;margin-bottom:14px}.unlock-days span{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:10.5px;font-weight:700;color:var(--text-faint);background:var(--bg-elev)}.unlock-days span.active{background:#35d9a02e;color:var(--success)}.unlock-meta{color:var(--text-faint);font-size:12px;margin-bottom:14px}.countdown{display:flex;gap:8px;margin-bottom:12px}.countdown-box{flex:1;background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:10px 0;text-align:center}.countdown-box .n{font-size:22px;font-weight:800;font-family:Sora}.countdown-box .u{font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.unlock-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--success);background:#35d9a01f;border:1px solid rgba(53,217,160,.25);padding:5px 12px;border-radius:20px;margin-bottom:12px}.unlock-date{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:13px;padding-top:12px;border-top:1px solid var(--border-soft)}.info-rows{display:flex;flex-direction:column;gap:11px}.info-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.info-row .k{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:13.5px}.info-row .v{font-weight:700;font-size:14.5px;display:flex;align-items:center;gap:6px}.info-row .v .ic-star{color:var(--accent)}.chapter-list{display:flex;flex-direction:column;gap:5px}.chapter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:12px;background:#14151b99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border-soft);transition:all .2s var(--tap)}.chapter-row:hover{border-color:var(--border-gold);background:#1a1c24bf;transform:translate(5px)}.chapter-row>span:first-child{min-width:0}.chapter-row>span:first-child,.chapter-row>span:first-child strong,.chapter-row>span:first-child>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-row>span:last-child{flex-shrink:0}.lock{color:var(--accent);font-size:13px;font-weight:700}.chapter-row .chapter-thumb{width:34px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}.chapter-row .chapter-main{display:flex;align-items:center;gap:12px;min-width:0}.recs-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#8b7cff14;border:1px solid rgba(139,124,255,.25);border-radius:var(--radius);padding:12px 18px;margin-bottom:20px;font-size:13.5px;color:var(--text-dim)}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.collection-card{position:relative;border-radius:var(--radius-lg);padding:20px;min-height:150px;border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;gap:6px;transition:transform .2s var(--tap),border-color .2s}.collection-card:hover{transform:translateY(-3px);border-color:var(--border-gold)}.collection-card .cc-icon{font-size:22px;margin-bottom:4px}.collection-card .cc-title{font-family:Sora;font-weight:800;font-size:17px}.collection-card .cc-meta{color:var(--text-dim);font-size:12.5px;margin-top:auto}.reader{max-width:760px;margin:0 auto;padding:40px 22px 90px}.reader h1{font-size:28px;margin-bottom:6px}.reader-body{font-size:19px;line-height:1.95;white-space:pre-wrap}.reader-body img{max-width:100%;height:auto;border-radius:10px;display:block;margin:16px auto}.reader-nav{display:flex;justify-content:space-between;margin-top:46px;gap:12px}.reader-locked{text-align:center;padding:64px 24px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);background-image:radial-gradient(420px 210px at 50% 0%,rgba(246,168,33,.1),transparent)}.auth-wrap{min-height:84vh;display:grid;place-items:center;padding:40px 20px}.auth-card{width:100%;max-width:430px;background:linear-gradient(180deg,var(--bg-elev),var(--bg-card));border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow);position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-gold)}.auth-card h1{font-size:26px;margin:0 0 6px}.auth-card p.sub{color:var(--text-dim);margin:0 0 26px;font-size:14px}.field{margin-bottom:17px}.field label{display:block;font-size:13px;margin-bottom:7px;color:var(--text-dim);font-weight:600}.field small{display:block;margin-top:6px;line-height:1.45}.error{color:var(--danger);font-size:13px;margin:8px 0;padding:9px 12px;background:#ff4d6d1a;border:1px solid rgba(255,77,109,.25);border-radius:8px}.switch-link{text-align:center;margin-top:20px;font-size:14px;color:var(--text-dim)}.switch-link a{color:var(--primary-2);font-weight:700}.pw-wrap{position:relative}.pw-wrap input{padding-right:46px}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:none;font-size:16px;padding:6px;line-height:1;opacity:.75}.pw-toggle:hover{opacity:1}.dash-layout{display:grid;grid-template-columns:236px 1fr;gap:32px;padding:32px 0}.dash-layout>main{min-width:0}.side-nav{display:flex;flex-direction:column;gap:4px;position:sticky;top:90px;align-self:start;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px;background-image:var(--grad-panel)}.side-nav a{padding:11px 15px;border-radius:10px;color:var(--text-dim);font-weight:600;font-size:14px;transition:all .2s}.side-nav a:hover{background:#ffffff0d;color:var(--text)}.side-nav a.active{background:#f6a8211f;color:var(--primary-2);box-shadow:inset 3px 0 0 var(--primary)}.studio-banner{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border);padding:26px 30px;margin-bottom:26px;background:radial-gradient(500px 200px at 0% 0%,rgba(62,166,255,.14),transparent 60%),radial-gradient(500px 200px at 100% 100%,rgba(246,168,33,.12),transparent 60%),var(--bg-card);display:flex;align-items:center;gap:20px;flex-wrap:wrap}.studio-banner:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--teal),var(--primary))}.studio-banner-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;font-size:25px;background:linear-gradient(135deg,#3ea6ff4d,#2dd4bf26);border:1px solid rgba(62,166,255,.4);flex-shrink:0}.studio-banner h1{margin:0;font-size:23px}.studio-banner p{margin:2px 0 0;color:var(--text-dim);font-size:14px}.studio-banner .actions{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:var(--bg-card);background-image:var(--grad-panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:transform .2s,border-color .2s,box-shadow .25s}.stat-card:hover{transform:translateY(-3px);border-color:var(--border-gold);box-shadow:0 10px 30px #00000059}.stat-card .num{font-size:27px;font-weight:800;font-family:Sora;line-height:1.15}.stat-card .lbl{color:var(--text-dim);font-size:12.5px;font-weight:600}.stat-ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:21px;flex-shrink:0}.stat-ico.blue{background:linear-gradient(135deg,#3ea6ff,#2563eb);box-shadow:0 6px 18px #3ea6ff59}.stat-ico.green{background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 6px 18px #34d39959}.stat-ico.gold{background:var(--grad-gold);box-shadow:0 6px 18px #f6a82159}.stat-ico.pink{background:linear-gradient(135deg,#ff5d8f,#d6336c);box-shadow:0 6px 18px #ff5d8f59}.stat-ico.violet{background:var(--grad-violet);box-shadow:0 6px 18px #8b7cff59}.panel{background:var(--bg-card);background-image:var(--grad-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;margin-bottom:22px}.split-bar{height:14px;border-radius:999px;background:#8b7cff59;overflow:hidden}.split-bar-fill{height:100%;background:var(--grad-gold);border-radius:999px 0 0 999px}.split-bar-legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:12px;font-size:13px;color:var(--text-dim)}.split-bar-legend .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.split-bar-legend .dot-gold{background:var(--primary)}.split-bar-legend .dot-violet{background:#8b7cff}.table-wrap{width:100%;overflow-x:auto}.table{width:100%;min-width:560px;border-collapse:collapse}.table th{text-align:left;font-size:11px;color:var(--text-faint);padding:11px 12px;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.table td{padding:13px 12px;border-bottom:1px solid var(--border-soft);font-size:14px;white-space:nowrap}.table td>a:only-child{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.table tr:hover td{background:#ffffff05}.row-actions{display:flex;gap:8px;white-space:nowrap}.coin-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,230px));gap:18px;justify-content:center}.coin-pack{background:var(--bg-card);background-image:var(--grad-panel);border:1px solid var(--border);border-radius:var(--radius);padding:26px;text-align:center;position:relative;transition:transform .2s var(--tap),border-color .2s,box-shadow .25s}.coin-pack:hover{transform:translateY(-3px);border-color:var(--border-gold)}.coin-pack.featured{border-color:var(--primary);box-shadow:var(--shadow-glow)}.coin-pack.featured:before{content:"BEST VALUE";position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:10px;font-weight:800;letter-spacing:.04em;background:var(--grad-gold);color:#1d1200;padding:3px 11px;border-radius:20px;white-space:nowrap}.coin-pack .cp-icon{font-size:30px;margin-bottom:8px}.coin-pack .cp-amount{font-size:19px;font-weight:800;font-family:Sora;margin-bottom:5px}.coin-pack .cp-bonus{font-size:12px;font-weight:700;color:var(--success);margin-bottom:8px}.coin-pack .cp-price{font-size:25px;font-weight:800;font-family:Sora;margin-bottom:16px}.pill{font-size:11px;padding:3px 11px;border-radius:20px;font-weight:700;display:inline-block;text-transform:capitalize}.pill.ongoing{background:#35d9a021;color:var(--success);border:1px solid rgba(53,217,160,.25)}.pill.completed{background:#3ea6ff21;color:var(--blue);border:1px solid rgba(62,166,255,.25)}.pill.hiatus,.pill.draft{background:#9a9eb21f;color:var(--text-dim);border:1px solid rgba(154,158,178,.2)}.pill.active{background:#35d9a021;color:var(--success);border:1px solid rgba(53,217,160,.25)}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elev) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:8px}.skel-cover{aspect-ratio:5/7;border-radius:var(--radius)}.skel-line{height:12px;margin-top:10px}.skel-line.short{width:60%}@keyframes shimmer{to{background-position:-200% 0}}.center-msg{text-align:center;padding:90px 20px;color:var(--text-dim)}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:70px auto}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:var(--bg-elev);border:1px solid var(--border-gold);padding:14px 24px;border-radius:12px;box-shadow:var(--shadow);z-index:100;animation:toastIn .3s var(--tap)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,16px)}}.footer{border-top:1px solid var(--border-soft);padding:44px 0 36px;color:var(--text-dim);font-size:14px;margin-top:60px;background:linear-gradient(180deg,var(--bg-1),var(--bg));position:relative}.footer:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(246,168,33,.3),transparent)}.footer a{transition:color .2s}.footer a:hover{color:var(--primary-2)}.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:28px}.footer-brand{max-width:320px}.footer-cols{display:flex;gap:60px;flex-wrap:wrap}.footer-col-title{font-weight:800;font-size:13px;color:var(--text);margin-bottom:10px;letter-spacing:.05em}.footer-col-links{display:flex;flex-direction:column;gap:8px;font-size:13.5px}.flex{display:flex}.between{justify-content:space-between}.items-center{align-items:center}.gap{gap:12px}.mt{margin-top:16px}.mb{margin-bottom:16px}.grow{flex:1}.fade-in{animation:fadeUp .5s var(--tap) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}}.stagger>*{animation:fadeUp .5s var(--tap) both}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.06s}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.14s}.stagger>*:nth-child(5){animation-delay:.18s}.stagger>*:nth-child(6){animation-delay:.22s}.stagger>*:nth-child(7){animation-delay:.26s}.stagger>*:nth-child(8){animation-delay:.3s}.home-cols{display:grid;grid-template-columns:1fr 320px;gap:34px;align-items:start}.rail{position:sticky;top:92px}.rail-panel{background:var(--bg-card);background-image:var(--grad-panel);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.rail-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border-soft);font-weight:800;font-family:Sora}.rail-item{display:flex;align-items:center;gap:12px;padding:11px 16px;transition:background .2s}.rail-item:hover{background:#f6a8210f}.rail-item img{width:42px;height:58px;border-radius:7px;object-fit:cover;flex-shrink:0;box-shadow:0 4px 12px #0006}.rail-item .t{font-size:13.5px;font-weight:700;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rail-item .m{font-size:11.5px;color:var(--text-dim);margin-top:2px}@media (max-width: 1020px){.home-cols{grid-template-columns:1fr}.rail{position:static}}@media (max-width: 860px){.dash-layout{grid-template-columns:1fr}.side-nav{position:static;flex-direction:row;overflow-x:auto}:root{--container-pad: 18px}}@media (max-width: 1320px){.nav-links{gap:0;margin-left:0}.nav-links a{padding:8px 10px}}@media (max-width: 1180px){.search-box{display:none}}@media (max-width: 900px){.nav-links,.search-box,.nav-right{display:none}.nav-burger{display:inline-flex}.nav-mobile{display:flex}.nav-mobile .search-box{display:flex;max-width:none}}@media (max-width: 720px){.hero-content{padding:20px}.hero-carousel{min-height:260px}.detail-cover{width:170px;margin:0 auto}.detail-head{padding:30px 0;gap:24px}.studio-banner .actions{margin-left:0;width:100%}.studio-banner .actions .btn{flex:1}.stat-row{gap:20px;justify-content:space-between}.footer-cols{gap:32px 40px}.detail2{flex-direction:column}.detail2-side{width:100%}}@media (max-width: 560px){:root{--container-pad: 14px}.nav-inner{height:60px;gap:10px}.logo{font-size:17px}.logo-mark{width:30px;height:30px;font-size:15px}.hero-content h1{font-size:clamp(21px,7vw,28px)}.hero-actions .btn{flex:1;justify-content:center}.grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:20px 12px}.section-head h2{font-size:18px}.section{padding:28px 0 6px}.auth-card{padding:26px 22px}.stat-cards{grid-template-columns:1fr}.reader{padding:24px 16px 70px}.reader h1{font-size:22px}.reader-body{font-size:17px}.studio-banner{padding:20px}.rank-row{padding:12px 14px;flex-wrap:wrap;gap:10px}.chapter-row{padding:12px 14px}.footer-cols{gap:26px 30px}.footer-col-links{font-size:13px}}