:root{--accent:#7c5cff;--accent-2:#f5c542;--accent-glow:#7c5cff66;--bg:#08080c;--bg-2:#0e0e16;--surface:#14141f;--surface-2:#1c1c2b;--surface-3:#25253a;--border:#ffffff14;--border-strong:#ffffff24;--text:#ededf2;--text-dim:#a3a3b3;--text-mute:#6b6b7d;--shadow:0 24px 80px -20px #0009;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--d-pad:16px;--d-gap:16px}[data-theme=light]{--bg:#f6f4ef;--bg-2:#ecebe6;--surface:#fff;--surface-2:#f1efe9;--surface-3:#e6e3db;--border:#00000014;--border-strong:#00000024;--text:#1a1a22;--text-dim:#54545f;--text-mute:#8a8a96;--shadow:0 24px 60px -28px #00000040}[data-density=compact]{--d-pad:12px;--d-gap:10px}[data-density=comfy]{--d-pad:22px;--d-gap:24px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";letter-spacing:-.005em;text-wrap:pretty;min-height:100vh;font-family:Geist,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}.serif{letter-spacing:-.02em;font-family:Bricolage Grotesque,Geist,system-ui,sans-serif;font-weight:600}.mono{font-feature-settings:"ss01";font-family:JetBrains Mono,ui-monospace,SF Mono,monospace}.italic-serif{letter-spacing:-.015em;font-family:Instrument Serif,Bricolage Grotesque,serif;font-style:italic;font-weight:400}::selection{background:var(--accent);color:#fff}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}.app-root{flex-direction:column;width:100%;min-height:100vh;display:flex}.app-main{width:100%;max-width:1640px;margin:0 auto;padding:0 40px 80px}.nav{z-index:80;background:color-mix(in oklab, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(20px)saturate(140%);border-bottom:1px solid var(--border);align-items:center;gap:28px;max-width:100%;padding:14px 40px;display:flex;position:sticky;top:0}.nav-logo{letter-spacing:-.04em;align-items:center;gap:10px;margin-right:8px;font-family:Bricolage Grotesque,serif;font-size:22px;font-weight:700;display:flex}.nav-logo-mark{background:linear-gradient(135deg, var(--accent), #ff3a8c 60%, var(--accent-2));color:#fff;width:30px;height:30px;box-shadow:0 6px 18px -4px var(--accent-glow);border-radius:9px;place-items:center;font-size:14px;font-weight:800;display:grid;position:relative;overflow:hidden}.nav-logo-mark:after{content:"";background:radial-gradient(circle at 30% 20%,#fff6,#0000 60%);position:absolute;inset:0}.nav-search{flex:1;max-width:540px;position:relative}.nav-search input{background:var(--surface);border:1px solid var(--border);width:100%;height:40px;color:var(--text);font:inherit;border-radius:12px;outline:none;padding:0 16px 0 42px;font-size:13.5px;transition:border-color .15s,background .15s}.nav-search input::placeholder{color:var(--text-mute)}.nav-search input:focus{border-color:var(--accent);background:var(--surface-2)}.nav-search-icon{color:var(--text-mute);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.nav-search-kbd{color:var(--text-mute);border:1px solid var(--border);background:var(--bg);border-radius:5px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.nav-links{align-items:center;gap:4px;display:flex}.nav-link{color:var(--text-dim);border-radius:9px;padding:8px 14px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s}.nav-link:hover{background:var(--surface);color:var(--text)}.nav-link.active{color:var(--text);background:var(--surface-2)}.nav-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.nav-icon-btn{width:38px;height:38px;color:var(--text-dim);background:0 0;border:0;border-radius:10px;place-items:center;transition:background .15s,color .15s;display:grid;position:relative}.nav-icon-btn:hover{background:var(--surface);color:var(--text)}.nav-icon-btn .dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:8px;right:8px}.nav-avatar{color:#fff;background:linear-gradient(135deg, var(--accent), #ff3a8c);cursor:pointer;border:2px solid var(--bg);width:36px;height:36px;box-shadow:0 0 0 1px var(--border-strong);border-radius:50%;place-items:center;margin-left:4px;font-size:13px;font-weight:700;display:grid}.cover{border-radius:var(--r-md);background:var(--surface);isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.cover-fill{background-position:50%;background-size:cover;position:absolute;inset:0}.cover-grain{mix-blend-mode:overlay;background-image:radial-gradient(at 30% 20%,#ffffff2e,#0000 40%),radial-gradient(at 70% 80%,#00000059,#0000 50%);position:absolute;inset:0}.cover-title{color:#fff;background:linear-gradient(#0000,#0000008c 60%,#000000d9);flex-direction:column;gap:4px;padding:14px 12px;display:flex;position:absolute;inset:auto 0 0}.cover-title .t{letter-spacing:-.02em;font-family:Bricolage Grotesque,serif;font-size:16px;font-weight:700;line-height:1.1}.cover-title .s{opacity:.8;font-size:11px;font-weight:500}.cover-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.04em;text-transform:uppercase;background:#0000008c;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;top:10px;left:10px}.cover-rating{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border-radius:6px;align-items:center;gap:3px;padding:4px 7px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:10px;right:10px}.cover-rating .star{color:var(--accent-2)}.card{cursor:pointer;flex-direction:column;gap:8px;transition:transform .2s;display:flex}.card .cover{aspect-ratio:2/3}.card-meta{flex-direction:column;gap:2px;padding:0 2px;display:flex}.card-title{letter-spacing:-.01em;color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.card-sub{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:11.5px}.card:hover{transform:translateY(-2px)}.card:hover .cover-fill{transform:scale(1.04)}.cover-fill{transition:transform .4s}[data-cards=info] .card .cover-title,[data-cards=cover] .card-meta{display:none}.section{margin-top:56px}.section-h{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.section-title{letter-spacing:-.03em;align-items:center;gap:14px;font-family:Bricolage Grotesque,serif;font-size:28px;font-weight:700;line-height:1;display:flex}.section-title .num{color:var(--text-mute);letter-spacing:0;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:400}.section-sub{color:var(--text-mute);margin-top:4px;font-size:13px}.section-h-right{color:var(--text-dim);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.section-h-right a:hover{color:var(--text)}.grid{gap:var(--d-gap);display:grid}.grid-7{grid-template-columns:repeat(7,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.hero{border-radius:var(--r-xl);isolation:isolate;border:1px solid var(--border);min-height:520px;margin-top:24px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg:after{content:"";background:linear-gradient(to right, var(--bg) 0%, #000000a6 35%, #00000026 65%, transparent 100%);position:absolute;inset:0}[data-theme=light] .hero-bg:after{background:linear-gradient(to right, var(--bg) 0%, #14141eb3 35%, #14141e33 70%, transparent 100%)}.hero-content{z-index:2;color:#fff;flex-direction:column;justify-content:end;width:56%;padding:56px 64px;display:flex;position:relative}[data-theme=light] .hero-content{color:#fff}.hero-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:18px;padding:5px 11px 5px 7px;font-size:11.5px;font-weight:600;display:inline-flex}.hero-tag .pulse{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 0 var(--accent);border-radius:50%;animation:1.6s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--accent)}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}.hero h1{letter-spacing:-.045em;text-wrap:balance;margin:0 0 18px;font-family:Bricolage Grotesque,serif;font-size:80px;font-weight:700;line-height:.92}.hero-alt{color:#ffffffb3;margin-bottom:18px;font-family:Instrument Serif,serif;font-size:18px;font-style:italic}.hero-meta{color:#ffffffd1;align-items:center;gap:18px;margin-bottom:22px;font-size:13px;display:flex}.hero-meta .dot{background:#fff6;border-radius:50%;width:3px;height:3px}.hero-meta .star{color:var(--accent-2)}.hero-desc{color:#ffffffc7;max-width:540px;margin-bottom:28px;font-size:15.5px;line-height:1.55}.hero-actions{gap:10px;display:flex}.btn{cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:13.5px;font-weight:600;transition:transform .12s,background .15s,color .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 24px -6px var(--accent-glow)}.btn-primary:hover{background:color-mix(in oklab, var(--accent), white 10%)}.btn-ghost{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #fff3}.btn-ghost:hover{background:#ffffff2e}.btn-outline{border:1px solid var(--border-strong);color:var(--text);background:0 0}.btn-outline:hover{background:var(--surface)}.btn-solid{background:var(--text);color:var(--bg)}.hero-side{z-index:2;justify-content:end;align-items:center;gap:20px;width:44%;padding:56px 64px 56px 0;display:flex;position:relative}.hero-poster{aspect-ratio:2/3;border-radius:var(--r-md);height:380px;transition:transform .4s;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 30px 60px -10px #00000080}.hero-poster:hover{transform:rotate(0)scale(1.02)}.hero-minimal{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);grid-template-columns:280px 1fr;gap:36px;min-height:auto;padding:32px;display:grid}.hero-minimal .hero-bg,.hero-minimal:after{display:none}.hero-minimal .hero-side,.hero-minimal .hero-content{all:unset}.hero-minimal .featured-poster{aspect-ratio:2/3;border-radius:var(--r-md);box-shadow:var(--shadow);overflow:hidden}.hero-minimal .featured-info{flex-direction:column;justify-content:center;gap:14px;display:flex}.continue-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;grid-template-columns:110px 1fr;gap:16px;padding:12px;transition:background .15s,border-color .15s,transform .15s;display:grid}.continue-card:hover{background:var(--surface-2);border-color:var(--border-strong);transform:translateY(-2px)}.continue-card .cover{aspect-ratio:2/3;height:100%}.continue-info{flex-direction:column;justify-content:space-between;min-width:0;padding:4px 4px 4px 0;display:flex}.continue-info .t{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.continue-info .ch{color:var(--text-mute);font-family:JetBrains Mono,monospace;font-size:11.5px}.progress{background:var(--surface-3);border-radius:999px;height:4px;overflow:hidden}.progress>span{background:linear-gradient(90deg, var(--accent), #ff3a8c);border-radius:999px;height:100%;display:block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.chip:hover{background:var(--surface-2);color:var(--text)}.chip.active{background:var(--text);color:var(--bg);border-color:var(--text)}.chip-mini{background:var(--surface-2);color:var(--text-dim);letter-spacing:.01em;border-radius:5px;align-items:center;padding:3px 8px;font-size:10.5px;font-weight:500;display:inline-flex}.status-pill{letter-spacing:.02em;border-radius:5px;align-items:center;gap:5px;padding:3px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.status-pill.ongoing{color:#22d3a8;background:#22d3a81f}.status-pill.completed{color:var(--accent);background:#7c5cff24}.status-pill.hiatus{color:#f59e0b;background:#f59e0b24}.status-pill .d{background:currentColor;border-radius:50%;width:5px;height:5px}.discover-layout{grid-template-columns:260px 1fr;gap:36px;margin-top:36px;display:grid}.filter-panel{scrollbar-width:thin;flex-direction:column;align-self:start;gap:28px;max-height:calc(100vh - 100px);padding-right:6px;display:flex;position:sticky;top:80px;overflow-y:auto}.filter-group h4{letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);margin:0 0 12px;font-size:11px;font-weight:600}.filter-options{flex-direction:column;gap:8px;display:flex}.filter-opt{color:var(--text-dim);cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.filter-opt:hover{color:var(--text)}.filter-opt input{accent-color:var(--accent)}.filter-opt .count{color:var(--text-mute);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11.5px}.detail-hero{isolation:isolate;margin:0 -40px;padding:56px 40px 36px;position:relative}.detail-hero-bg{z-index:0;position:absolute;inset:0}.detail-hero-bg:after{content:"";background:linear-gradient(to bottom, #000000a6, var(--bg) 95%), radial-gradient(ellipse at 50% 0%, transparent 0%, var(--bg) 70%);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);position:absolute;inset:0}.detail-hero-content{z-index:2;grid-template-columns:260px 1fr;align-items:end;gap:40px;max-width:1400px;margin:0 auto;display:grid;position:relative}.detail-poster{aspect-ratio:2/3;border-radius:var(--r-md);width:260px;overflow:hidden;box-shadow:0 30px 60px -10px #0009}.detail-info h1{letter-spacing:-.035em;text-wrap:balance;margin:8px 0 10px;font-family:Bricolage Grotesque,serif;font-size:56px;font-weight:700;line-height:.95}.detail-stats{color:var(--text-dim);gap:24px;margin:18px 0;font-size:13px;display:flex}.detail-stats .v{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.detail-actions{gap:10px;margin-top:22px;display:flex}.detail-body{grid-template-columns:1fr 320px;gap:48px;margin-top:48px;display:grid}.chapter-list{flex-direction:column;display:flex}.chapter-row{border-top:1px solid var(--border);cursor:pointer;grid-template-columns:60px 1fr 100px 80px;align-items:center;gap:20px;padding:12px 4px;transition:background .12s;display:grid}.chapter-row:hover{background:var(--surface);border-color:#0000;border-radius:8px;margin:0 -8px;padding-left:12px;padding-right:12px}.chapter-row .n{color:var(--text-mute);font-family:JetBrains Mono,monospace;font-size:12px}.chapter-row.read .t{color:var(--text-mute)}.chapter-row.read .read-dot{background:var(--accent)}.chapter-row .t{font-size:14px;font-weight:500}.chapter-row .d{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:11.5px}.chapter-row .views{color:var(--text-mute);font-variant-numeric:tabular-nums;text-align:right;font-size:11.5px}.reader-root{z-index:100;color:#ededed;background:#050505;flex-direction:column;display:flex;position:fixed;inset:0}.reader-top{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#000000f2,#0009);align-items:center;gap:16px;padding:14px 24px;transition:transform .3s;display:flex;position:sticky;top:0}.reader-top.hidden{transform:translateY(-100%)}.reader-bottom{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#0009,#000000f2);justify-content:center;align-items:center;gap:8px;padding:14px 24px;transition:transform .3s;display:flex;position:sticky;bottom:0}.reader-bottom.hidden{transform:translateY(100%)}.reader-page{-webkit-user-select:none;user-select:none;border-radius:0;width:100%;max-width:720px;margin:0 auto;display:block}.reader-pages{flex-direction:column;padding:0;display:flex}.reader-pages.padded>*{margin-top:4px}.reader-pager{flex:1;place-items:center;padding:20px;display:grid;position:relative}.reader-iconbtn{color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.reader-iconbtn:hover{background:#ffffff26}.reader-progressbar{background:#ffffff14;height:2px;position:absolute;bottom:0;left:0;right:0}.reader-progressbar>span{background:var(--accent);height:100%;display:block}.novel-root{z-index:100;background:var(--n-bg,#faf7f0);color:var(--n-text,#1a1a1a);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.novel-content{flex-direction:column;flex:1;align-items:center;padding:80px 40px 200px;display:flex;overflow-y:auto}.novel-body{width:var(--n-width,720px);max-width:100%;font-family:var(--n-font,"Lora", serif);font-size:var(--n-size,19px);line-height:var(--n-leading,1.75);color:var(--n-text)}.novel-body h1{letter-spacing:-.03em;margin:0 0 14px;font-family:Bricolage Grotesque,serif;font-size:40px;line-height:1.1}.novel-body .chapter-meta{color:var(--n-dim,#6b6b7d);border-bottom:1px solid var(--n-border,#0000001a);gap:16px;margin-bottom:48px;padding-bottom:20px;font-family:Geist,sans-serif;font-size:13px;display:flex}.novel-body p{margin:0 0 1.2em}.novel-body p:first-of-type:first-letter{float:left;color:var(--accent);margin:.05em .08em 0 0;font-family:Instrument Serif,serif;font-size:3.6em;line-height:.85}.novel-themes{gap:8px;display:flex}.novel-theme-swatch{cursor:pointer;border:1px solid #fff3;border-radius:50%;width:26px;height:26px}.novel-theme-swatch.active{box-shadow:0 0 0 2px var(--accent)}.lib-tabs{border-bottom:1px solid var(--border);gap:4px;margin:32px 0 28px;display:flex;overflow-x:auto}.lib-tab{color:var(--text-dim);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:12px 18px;font-size:14px;font-weight:500;display:flex}.lib-tab.active{color:var(--text);border-color:var(--accent)}.lib-tab .cnt{background:var(--surface-2);color:var(--text-mute);border-radius:5px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:11px}.lib-tab.active .cnt{background:var(--accent);color:#fff}.lib-row{cursor:pointer;border-radius:10px;grid-template-columns:60px 1fr 120px 160px 90px;align-items:center;gap:16px;padding:12px;transition:background .12s;display:grid}.lib-row:hover{background:var(--surface)}.lib-row .cover{aspect-ratio:2/3;width:60px;height:90px}.lib-row .t{margin-bottom:4px;font-size:14px;font-weight:600}.lib-row .s{color:var(--text-mute);font-size:12px}.lib-row .ch{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:12px}.profile-hero{grid-template-columns:160px 1fr auto;align-items:center;gap:32px;padding:36px 0;display:grid}.profile-avatar{color:#fff;background:linear-gradient(135deg, var(--accent), #ff3a8c 70%, var(--accent-2));width:160px;height:160px;box-shadow:0 30px 60px -10px var(--accent-glow);letter-spacing:-.04em;border-radius:50%;place-items:center;font-family:Bricolage Grotesque,serif;font-size:76px;font-weight:700;display:grid}.profile-name{letter-spacing:-.035em;align-items:center;gap:12px;margin:0 0 4px;font-family:Bricolage Grotesque,serif;font-size:44px;font-weight:700;display:flex}.profile-handle{color:var(--text-mute);font-size:14px}.profile-bio{color:var(--text-dim);max-width:540px;margin-top:12px;font-size:15px;line-height:1.55}.stat-card{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:6px;padding:22px;display:flex}.stat-card .v{letter-spacing:-.035em;font-family:Bricolage Grotesque,serif;font-size:42px;font-weight:700;line-height:1}.stat-card .l{color:var(--text-mute);letter-spacing:.02em;font-size:12px}.badge-card{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:8px;padding:18px;display:flex;position:relative;overflow:hidden}.badge-card .icon{background:linear-gradient(135deg, var(--accent), #ff3a8c);color:#fff;border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:4px;font-size:24px;display:grid}.badge-card.rare{background:linear-gradient(180deg, #f5c54214, var(--surface));border-color:#f5c5424d}.badge-card.rare .icon{background:linear-gradient(135deg, var(--accent-2), #ff7a1a)}.notif-pop{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);width:380px;box-shadow:var(--shadow);z-index:90;flex-direction:column;max-height:540px;display:flex;position:fixed;top:70px;right:40px;overflow:hidden}.notif-h{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.notif-h h3{letter-spacing:-.02em;margin:0;font-family:Bricolage Grotesque,serif;font-size:18px;font-weight:700}.notif-list{flex:1;overflow-y:auto}.notif-item{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:36px 1fr;gap:12px;padding:12px 16px;transition:background .12s;display:grid}.notif-item:hover{background:var(--surface-2)}.notif-item.unread{background:color-mix(in oklab, var(--accent) 6%, var(--surface))}.notif-item .ico{background:var(--surface-2);width:36px;height:36px;color:var(--text-dim);border-radius:10px;place-items:center;display:grid}.notif-item .t{font-size:13px;line-height:1.4}.notif-item .time{color:var(--text-mute);margin-top:4px;font-size:11px}.comment{border-top:1px solid var(--border);grid-template-columns:36px 1fr;gap:14px;padding:16px 0;display:grid}.comment:first-of-type{border:0}.comment-av{color:#fff;background:linear-gradient(135deg,#7c5cff,#ff3a8c);border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}.comment-meta{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.comment-meta .u{font-size:13.5px;font-weight:600}.comment-meta .t{color:var(--text-mute);font-size:11.5px}.comment-body{color:var(--text-dim);font-size:14px;line-height:1.5}.comment-actions{color:var(--text-mute);gap:16px;margin-top:8px;font-size:12px;display:flex}.comment-actions span{cursor:pointer;align-items:center;gap:4px;display:flex}.comment-actions span:hover{color:var(--text)}.spoiler-mask{background:var(--surface-2);color:#0000;text-shadow:0 0 12px #000000b3;cursor:pointer;-webkit-user-select:none;user-select:none;filter:blur(4px);border-radius:6px;padding:8px 12px;transition:filter .2s}.spoiler-mask:hover{filter:blur();color:var(--text-dim);text-shadow:none}.kbd{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:5px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-block}.divider{background:var(--border);height:1px;margin:24px 0}body.reader-open{overflow:hidden}.section-rule{background:linear-gradient(to right, var(--border), transparent);flex:1;align-self:end;height:1px;margin-bottom:10px}.icon-btn-sm{background:var(--surface);border:1px solid var(--border);width:30px;height:30px;color:var(--text-dim);border-radius:8px;place-items:center;display:inline-grid}.icon-btn-sm:hover{background:var(--surface-2);color:var(--text)}.fmt-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.fmt-manhwa{color:#a78bfa;background:#7c5cff2e}.fmt-manhua{color:#f5c542;background:#f5c5422e}.fmt-manga{color:#f472b6;background:#f472b629}.fmt-novel{color:#34d399;background:#34d39929}.footer{border-top:1px solid var(--border);color:var(--text-mute);grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-top:100px;padding:48px 0 24px;font-size:13px;display:grid}.footer h5{color:var(--text);letter-spacing:.04em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:600}.footer ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.footer li{cursor:pointer}.footer li:hover{color:var(--text)}.auth-page{background:var(--bg);place-items:center;min-height:100vh;padding:40px 20px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:420px;box-shadow:var(--shadow);flex-direction:column;gap:18px;padding:36px;display:flex}.auth-card h1{letter-spacing:-.02em;margin:0;font-family:Bricolage Grotesque,serif;font-size:28px;font-weight:700}.auth-card .sub{color:var(--text-mute);margin-top:-8px;font-size:13.5px}.auth-card .auth-foot{color:var(--text-mute);text-align:center;margin-top:8px;font-size:13px}.auth-card .auth-foot a{color:var(--accent);cursor:pointer;font-weight:600}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-dim);letter-spacing:.02em;font-size:12px;font-weight:600}.form-input,.form-textarea{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text);font:inherit;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s,background .15s}.form-input:focus,.form-textarea:focus{border-color:var(--accent);background:var(--surface)}.form-textarea{resize:vertical;min-height:80px}.form-error{color:#f87171;margin-top:2px;font-size:12px}.form-banner{border-radius:var(--r-sm);color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40;padding:10px 12px;font-size:13px}.form-banner.error{color:#f472b6;background:#f472b61f;border-color:#f472b640}.form-banner.success{color:#22d3a8;background:#22d3a81f;border-color:#22d3a840}.tw-overlay{z-index:110;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;position:fixed;inset:0}.tw-drawer{z-index:111;background:var(--surface);border-left:1px solid var(--border-strong);flex-direction:column;width:360px;max-width:96vw;animation:.2s tw-slide;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 60px #0006}@keyframes tw-slide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.tw-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.tw-head h3{letter-spacing:-.02em;margin:0;font-family:Bricolage Grotesque,serif;font-size:18px;font-weight:700}.tw-body{flex-direction:column;flex:1;gap:20px;padding:18px 20px;display:flex;overflow-y:auto}.tw-group{flex-direction:column;gap:10px;display:flex}.tw-group h4{letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);margin:0;font-size:11px;font-weight:600}.tw-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.tw-radio{background:var(--surface-2);border-radius:10px;gap:4px;padding:3px;display:flex}.tw-radio button{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:8px 10px;font-size:12.5px;font-weight:500}.tw-radio button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000026}.tw-swatches{flex-wrap:wrap;gap:6px;display:flex}.tw-swatch{border:1px solid var(--border-strong);cursor:pointer;border-radius:8px;width:28px;height:28px;transition:transform .12s,box-shadow .12s}.tw-swatch:hover{transform:translateY(-1px)}.tw-swatch.active{box-shadow:0 0 0 2px var(--accent)}.tw-slider{width:100%;accent-color:var(--accent)}.toast-host{z-index:200;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow);color:var(--text);align-items:start;gap:10px;max-width:360px;padding:12px 16px;font-size:13px;animation:.2s toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.toast.error{border-color:#f472b666}.toast.success{border-color:#22d3a866}.skeleton{background:linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.4s ease-in-out infinite skel}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}