@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #0a0a0a;--bg-elevated: #111111;--surface: #161616;--surface-hover: #1c1c1c;--surface-active: #232323;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--text: #f2f2f2;--text-dim: #9c9c9c;--text-faint: #626262;--accent: #e8384f;--accent-hot: #ff4d64;--accent-soft: rgba(232, 56, 79, .14);--accent-glow: rgba(232, 56, 79, .35);--accent-text: #ff5f73;--accent-gradient: linear-gradient(135deg, #ff4d64 0%, #d92742 100%);--reader-bg: #000;--radius-sm: 9px;--radius: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 2px 6px rgba(0, 0, 0, .45), 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 20px rgba(0, 0, 0, .5), 0 24px 56px rgba(0, 0, 0, .45);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-swift: cubic-bezier(.4, 0, .2, 1);--titlebar-height: 40px;--content-pad: 32px;--font-display: "Archivo Variable", "Segoe UI Variable Display", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);overscroll-behavior:none}#root{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}body{color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI Variable Display,Segoe UI,system-ui,sans-serif;font-size:14px;overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;border:none;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}input,select,textarea{font:inherit;color:inherit}a{color:var(--accent-text)}:focus-visible{outline:2px solid var(--accent-glow);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#262626;border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.app{display:flex;flex-direction:column;height:100%}.titlebar{display:none}.topbar{flex:none;display:flex;align-items:center;gap:36px;padding:14px 40px;border-bottom:1px solid var(--border);background:#0a0a0ae0;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);z-index:40;-webkit-app-region:drag}.topbar button,.topbar input{-webkit-app-region:no-drag}.topbar-brand{display:flex;align-items:center;gap:10px;flex:none;font-family:var(--font-display);font-size:18px;font-weight:900;letter-spacing:-.02em;transition:transform .25s var(--ease-out)}.topbar-brand:hover{transform:scale(1.03)}.topbar-brand img{width:26px;height:26px;object-fit:contain}.topbar-nav{display:flex;align-items:center;gap:4px;min-width:0}.topbar-link{padding:9px 15px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;color:var(--text-dim);white-space:nowrap;transition:color .2s var(--ease-swift),background .25s var(--ease-swift),transform .2s var(--ease-swift)}.topbar-link:hover{color:var(--text);transform:translateY(-1px)}.topbar-link.active{background:var(--accent);color:#fff}.topbar-right{display:flex;align-items:center;gap:14px;margin-left:auto;flex:none}.topbar-search{display:flex;align-items:center;gap:10px;width:280px;padding:9px 14px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-faint);font-size:14px;transition:border-color .25s var(--ease-swift),color .25s var(--ease-swift),box-shadow .25s var(--ease-swift)}.topbar-search:hover{border-color:var(--accent);color:var(--text-dim);box-shadow:0 0 0 4px #e8384f1a}.topbar-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-search kbd{margin-left:auto;font:inherit;font-size:12px;color:var(--text-faint)}.topbar-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--accent-gradient);color:#fff;font-weight:800;font-size:13px;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-swift)}.topbar-avatar:hover{transform:scale(1.08);box-shadow:0 0 0 5px #e8384f2e}.topbar-menu{position:relative}.topbar-dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;padding:6px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);z-index:80;animation:dropdown-in .2s var(--ease-out) both}.topbar-dropdown.right{left:auto;right:0}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}}.topbar-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:var(--radius-sm);color:var(--text-dim);font-size:13px;text-align:left;transition:background .18s var(--ease-swift),color .18s var(--ease-swift)}.topbar-dropdown-item:hover{background:var(--surface-hover);color:var(--text)}.topbar-dropdown-item.active{color:var(--text);font-weight:600}.topbar-dropdown-item img{width:20px;height:20px;border-radius:5px;object-fit:cover;flex:none;background:var(--surface)}.topbar-dropdown-item .dot{width:20px;height:20px;border-radius:5px;flex:none;background:var(--surface)}.topbar-dropdown-item .avatar{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;flex:none;background:var(--accent-gradient);color:#fff;font-size:11px;font-weight:700}.topbar-dropdown-item .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-dropdown-item .count{font-size:11px;color:var(--text-faint)}.tabbar{display:none}.tab-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;padding:7px 4px;border-radius:16px;color:var(--text-dim);font-size:10.5px;font-weight:600;transition:color .18s var(--ease-swift),transform .12s var(--ease-swift)}.tab-item:active{transform:scale(.94)}.tab-item.active{color:var(--accent-text)}.tab-item.active:before{content:"";position:absolute;left:50%;bottom:1px;translate:-50% 0;width:4px;height:4px;border-radius:999px;background:var(--accent-gradient);box-shadow:0 0 12px var(--accent-glow)}.tab-item .icon{width:22px;height:22px;flex:none;transition:transform .25s var(--ease-out)}.tab-item .icon svg{width:100%;height:100%;display:block}.tab-item.active .icon{transform:translateY(-1px)}.tab-item.active .icon svg{animation:icon-settle .35s var(--ease-out)}@keyframes icon-settle{0%{transform:scale(.82)}55%{transform:scale(1.08)}to{transform:scale(1)}}.rail-profile-menu{position:absolute;left:12px;right:12px;bottom:calc(100% + 4px);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:6px;z-index:80}.rail-profile-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-dim);font-size:13px;text-align:left}.rail-profile-option:hover{background:var(--surface-hover);color:var(--text)}.rail-profile-option.active{color:var(--text);font-weight:600}.rail-profile-option .avatar{flex:none;width:24px;height:24px;border-radius:999px;background:var(--accent-gradient);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}.rail-profile-option .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-profile-option .count{margin-left:auto;font-size:11px;color:var(--text-faint)}.content{display:flex;flex-direction:column;overflow:hidden;min-width:0;position:relative}.content:before{content:"";position:absolute;inset:0 0 auto 0;height:420px;background:radial-gradient(ellipse 90% 100% at 30% -20%,rgba(232,56,79,.055),transparent 65%);pointer-events:none;z-index:0}.content-scroll{overflow-y:auto;flex:1;padding:22px var(--content-pad) 64px;scroll-behavior:smooth;position:relative;z-index:1;animation:page-in .38s var(--ease-out)}@keyframes page-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.page-title{font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:-.03em;margin:12px 0 20px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:10px 0 24px}.page-header-text{min-width:0}.page-header h1{margin:0;font-family:var(--font-display);font-size:38px;font-weight:900;letter-spacing:-.035em;line-height:1.02}.page-header-sub{margin-top:7px;color:var(--text-dim);font-size:14px;max-width:70ch}.page-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:34px 0 14px}.section-header h2{font-family:var(--font-display);font-size:21px;font-weight:800;letter-spacing:-.02em;margin:0}.section-tools{display:flex;align-items:center;gap:8px;flex:none}.shelf-arrows{display:none;gap:6px}@media(hover:hover)and (pointer:fine){.shelf-arrows{display:flex}}.shelf-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);color:var(--text-dim);transition:background .18s var(--ease-swift),border-color .18s var(--ease-swift),color .18s var(--ease-swift),transform .18s var(--ease-out)}.shelf-arrow:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.08)}.shelf-arrow:active{transform:scale(.94)}.section-heading{display:flex;align-items:center;min-width:0}.section-heading-text{min-width:0}.section-pill{display:inline-block;margin-left:9px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:650;letter-spacing:0;vertical-align:3px;color:var(--text-dim);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.section-hint{color:var(--text-faint);font-size:12px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-more{color:var(--accent-text);font-weight:600;display:flex;align-items:center;gap:4px;font-size:13px;padding:4px 10px;border-radius:999px;transition:background .18s var(--ease-swift),gap .18s var(--ease-swift)}.section-more:hover{background:var(--accent-soft)}.chip-row{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;background:var(--surface);color:var(--text-dim);font-weight:600;font-size:13px;white-space:nowrap;flex:none;border:1px solid transparent;transition:background .18s var(--ease-swift),color .18s var(--ease-swift),border-color .18s var(--ease-swift),transform .12s var(--ease-swift)}.chip:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-strong)}.chip:active{transform:scale(.95)}.chip.active{background:var(--accent-soft);color:var(--accent-text);border-color:#e8384f66;box-shadow:0 0 16px #e8384f1f}.chip img{width:16px;height:16px;border-radius:4px;object-fit:cover}.chip .count{color:var(--text-faint);font-weight:500}.genre-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(3,auto);justify-content:start;gap:8px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none}.genre-grid::-webkit-scrollbar{display:none}.genre-grid .chip{justify-self:start}.cover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:20px 18px}.cover-grid>*,.carousel>*{animation:tile-in .45s var(--ease-out) backwards}.cover-grid>*:nth-child(1),.carousel>*:nth-child(1){animation-delay:.02s}.cover-grid>*:nth-child(2),.carousel>*:nth-child(2){animation-delay:.05s}.cover-grid>*:nth-child(3),.carousel>*:nth-child(3){animation-delay:.08s}.cover-grid>*:nth-child(4),.carousel>*:nth-child(4){animation-delay:.11s}.cover-grid>*:nth-child(5),.carousel>*:nth-child(5){animation-delay:.14s}.cover-grid>*:nth-child(6),.carousel>*:nth-child(6){animation-delay:.17s}.cover-grid>*:nth-child(7),.carousel>*:nth-child(7){animation-delay:.2s}.cover-grid>*:nth-child(8),.carousel>*:nth-child(8){animation-delay:.23s}@keyframes tile-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.cover{display:flex;flex-direction:column;gap:8px;text-align:left;width:100%;border-radius:var(--radius);transition:transform .25s var(--ease-out)}.cover:active{transform:scale(.97)}.cover-art{position:relative;aspect-ratio:2 / 3;border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}.cover:hover .cover-art{transform:translateY(-4px);box-shadow:var(--shadow-md),0 0 0 1px var(--border-strong)}.cover-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s var(--ease-out),opacity .4s var(--ease-swift)}.cover:hover .cover-art img{transform:scale(1.06)}.img-loading{opacity:0}.cover-art:has(.img-loading){background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.035) 48%,transparent 65%) no-repeat,var(--surface);background-size:220% 100%;animation:shimmer 1.6s ease infinite}.cover-art .placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-faint);font-size:11px;padding:8px;text-align:center;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.035) 48%,transparent 65%) no-repeat,var(--surface);background-size:220% 100%;animation:shimmer 1.6s ease infinite}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.cover-badge{position:absolute;top:8px;right:8px;background:var(--accent-gradient);color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:3px 8px;box-shadow:0 2px 8px #00000080}.cover-badge.new{right:auto;left:8px;background:#14161ed9;border:1px solid var(--accent);color:var(--accent-text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cover-rank{position:absolute;left:6px;bottom:-10px;z-index:1;font-size:52px;font-weight:800;line-height:1;letter-spacing:-.06em;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.9);pointer-events:none}.cover-art:has(.cover-rank):after{content:"";position:absolute;top:55%;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent);pointer-events:none}.cover-overlay{position:absolute;left:10px;bottom:7px;z-index:1;font-size:12px;font-weight:700;color:#e2e2e8;text-shadow:0 1px 6px rgba(0,0,0,.8);pointer-events:none}.cover-art:has(.cover-overlay):after{content:"";position:absolute;top:55%;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);pointer-events:none}.cover-readstate{position:absolute;top:8px;left:8px;width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:#000000a6;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:12px;line-height:1;box-shadow:0 2px 8px #00000080}.cover-readstate.completed{background:var(--accent);border-color:transparent;color:#fff;font-weight:700}.cover-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#0000008c}.cover-progress span{display:block;height:100%;background:var(--accent-gradient);border-radius:0 2px 2px 0;box-shadow:0 0 8px var(--accent-glow)}.cover-title{font-size:13px;font-weight:600;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .18s var(--ease-swift)}.cover:hover .cover-title{color:var(--accent-text)}.cover-sub{font-size:12px;color:var(--text-faint)}.carousel{display:flex;gap:16px;overflow-x:auto;padding:6px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.carousel>*{flex:none;width:158px;scroll-snap-align:start}.spotlight-wrap{position:relative;margin:0 0 6px}@media(min-width:821px){.spotlight-wrap{margin-inline:calc(-1 * (var(--content-pad) - 22px))}}.spotlight-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:var(--radius-lg);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);scrollbar-width:none;overscroll-behavior-x:contain}.spotlight-track::-webkit-scrollbar{display:none}.spotlight{position:relative;flex:none;width:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;min-height:340px;background:var(--bg-elevated);isolation:isolate}.spotlight-backdrop{position:absolute;top:-70px;right:-70px;bottom:-70px;left:-70px;width:calc(100% + 140px);height:calc(100% + 140px);object-fit:cover;filter:blur(56px) saturate(1.5) brightness(.62);z-index:-1;animation:spotlight-drift 22s var(--ease-swift) infinite alternate}.spotlight-backdrop.is-banner{filter:blur(2px) saturate(1.15) brightness(.6)}@keyframes spotlight-drift{0%{transform:scale(1.14) translate(0)}to{transform:scale(1.24) translate(3%,-2.5%)}}.spotlight-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#08080af0 6%,#08080a80 58%,#08080acc);box-shadow:inset 0 -120px 120px -60px #08080ae6}.spotlight-inner{position:relative;display:flex;align-items:center;gap:40px;height:100%;padding:34px 40px 46px}.spotlight-poster{position:relative;flex:none;width:210px;aspect-ratio:3 / 4;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 70px #000000bf;display:grid;place-items:center;transition:transform .7s var(--ease-out),filter .7s var(--ease-out)}.spotlight-poster:hover{transform:rotate(-2deg) scale(1.05);filter:brightness(1.05)}.spotlight-poster img{width:100%;height:100%;object-fit:cover;display:block}.spotlight-poster-fallback{font-family:var(--font-display);font-size:72px;font-weight:900;color:var(--text-faint)}.spotlight-text{flex:1;min-width:0}.spotlight-kicker{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;color:#ff8f9d}.spotlight-kicker .rule{width:26px;height:2px;flex:none;background:var(--accent)}.spotlight-title{margin:14px 0 0;font-family:var(--font-display);font-size:clamp(32px,4vw,62px);font-weight:900;letter-spacing:-.045em;line-height:.94;text-wrap:balance;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.spotlight-blurb{margin:16px 0 0;max-width:52ch;color:#c8c8d0;font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.spotlight-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.spotlight-chips span{padding:6px 13px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:700}.spotlight-actions{display:flex;align-items:center;gap:12px;margin-top:24px}.spotlight-actions .btn{padding:14px 28px;font-size:15px;border-radius:var(--radius-sm)}.spotlight-lines{position:absolute;left:0;right:0;bottom:20px;display:flex;justify-content:center;gap:10px}.spotlight-line{width:54px;height:3px;border-radius:999px;background:#ffffff38;overflow:hidden;transition:transform .25s var(--ease-swift),background .25s var(--ease-swift)}.spotlight-line:hover{transform:scaleY(2.2);background:#fff6}.spotlight-line span{display:block;width:0;height:100%;background:var(--accent)}.spotlight-line.active span{width:100%;animation:spotlight-fill 6s linear}@keyframes spotlight-fill{0%{width:0}to{width:100%}}.update-row{display:flex;gap:14px;align-items:center;padding:8px;border-radius:var(--radius);width:100%;text-align:left;transition:background .18s var(--ease-swift),transform .12s var(--ease-swift)}.update-row:hover{background:var(--surface)}.update-row:active{transform:scale(.99)}.update-row .thumb{width:54px;aspect-ratio:2 / 3;border-radius:9px;object-fit:cover;flex:none;background:var(--surface);box-shadow:var(--shadow-sm)}.update-row .meta{min-width:0}.update-row .title{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.update-row .sub{color:var(--text-dim);font-size:13px;margin-top:3px}.search-bar{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid transparent;border-radius:var(--radius);padding:11px 15px;margin-bottom:6px;transition:border-color .2s var(--ease-swift),box-shadow .2s var(--ease-swift),background .2s var(--ease-swift)}.search-bar:focus-within{border-color:#e8384f73;background:var(--bg-elevated);box-shadow:0 0 0 3px #e8384f14}.search-bar input{background:none;border:none;outline:none;flex:1;font-size:15px}.search-bar input::placeholder{color:var(--text-faint)}.search-bar.compact{margin-bottom:0;padding:9px 13px;width:min(260px,60vw);border-color:var(--border)}.search-bar.compact input{font-size:14px;min-width:0}.search-bar input:focus-visible,.search-bar input:focus{outline:none;box-shadow:none}.hero-backdrop{position:absolute;inset:0 0 auto 0;height:440px;overflow:hidden;pointer-events:none;z-index:-1;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent);animation:backdrop-in .8s var(--ease-swift)}.hero-backdrop img{width:100%;height:100%;object-fit:cover;filter:blur(60px) saturate(1.3);transform:scale(1.3);opacity:.32}.manga-hero{display:flex;gap:26px;padding:6px 0 22px}.manga-hero .art{width:208px;aspect-ratio:2 / 3;border-radius:var(--radius-lg);object-fit:cover;flex:none;box-shadow:var(--shadow-lg);background:var(--surface);animation:hero-art-in .5s var(--ease-out) backwards}.manga-hero .art-fallback{display:grid;place-items:center;background:radial-gradient(120% 90% at 20% 0%,rgba(232,56,79,.12),transparent 60%),linear-gradient(160deg,var(--surface) 0%,var(--bg-elevated) 100%);border:1px solid var(--border)}.manga-hero .art-fallback span{font-size:84px;font-weight:800;letter-spacing:-.04em;color:var(--text-faint);opacity:.85;-webkit-user-select:none;user-select:none}@keyframes hero-art-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.manga-hero h1{font-family:var(--font-display);font-size:34px;line-height:1.05;font-weight:900;letter-spacing:-.035em;margin:0 0 10px}.hero-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}.hero-eyebrow.accent{color:var(--accent-text)}.source-cards-hint{margin:-6px 0 12px;font-size:13px}.source-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.source-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:border-color .18s var(--ease-swift),background .18s var(--ease-swift),transform .18s var(--ease-swift)}.source-card:hover{background:var(--surface-hover);border-color:var(--border-strong)}.source-card:active{transform:scale(.98)}.source-card.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 10px var(--accent-glow)}.source-card.ghost{opacity:.55;border-style:dashed}.source-card.add{border-style:dashed;background:transparent;color:var(--text-dim);justify-content:center}.source-card.add:hover{color:var(--text);background:var(--surface)}.source-card-name{font-weight:650;font-size:14px;letter-spacing:-.01em}.source-card-meta{font-size:12px;color:var(--text-dim)}.source-card.selected .source-card-meta{color:var(--accent-text)}.source-card-open{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-dim);font-size:11px;transition:color .18s var(--ease-swift),border-color .18s var(--ease-swift)}.source-card-open:hover{color:var(--text);border-color:var(--border-strong)}.manga-hero .byline{color:var(--text-dim);margin-bottom:14px}.byline-link{color:var(--text-dim);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color .18s var(--ease-swift),text-decoration-color .18s var(--ease-swift)}.byline-link:hover{color:var(--text);text-decoration-color:var(--border-strong)}.fact-row{display:flex;flex-wrap:wrap;gap:8px 18px;margin:4px 0 12px}.fact{display:inline-flex;gap:7px;align-items:baseline;font-size:12px}.fact-key{color:var(--text-faint)}.fact-value{color:var(--text-dim);font-weight:600}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.tag{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px 11px;font-size:12px;color:var(--text-dim);transition:border-color .18s var(--ease-swift),color .18s var(--ease-swift)}.tag:hover{border-color:var(--border-strong);color:var(--text)}.synopsis{color:var(--text-dim);line-height:1.6;max-width:76ch;white-space:pre-wrap}.synopsis.clamped{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);font-weight:600;transition:background .18s var(--ease-swift),border-color .18s var(--ease-swift),transform .12s var(--ease-swift),box-shadow .18s var(--ease-swift)}.btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.btn:active{transform:scale(.96)}.btn.primary{background:var(--accent-gradient);border-color:transparent;color:#fff;box-shadow:0 2px 12px #e8384f40}.btn.primary:hover{box-shadow:0 4px 20px #e8384f66;filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-row{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.chapter-row{position:relative;display:flex;align-items:center;gap:14px;padding:12px 14px 12px 30px;width:100%;text-align:left;border-bottom:1px solid var(--border);transition:background .15s var(--ease-swift),padding-left .2s var(--ease-out)}.chapter-row:before{content:"";position:absolute;left:14px;top:50%;translate:0 -50%;width:7px;height:7px;border-radius:999px;background:var(--accent);box-shadow:0 0 8px var(--accent-glow);transition:background .25s var(--ease-swift),box-shadow .25s var(--ease-swift)}.chapter-row.read:before{background:var(--surface-active);box-shadow:none}.chapter-row:hover{background:var(--surface);padding-left:34px}.chapter-row.read .chapter-title{color:var(--text-faint)}.chapter-title{font-weight:600;font-size:14px}.chapter-sub{color:var(--text-faint);font-size:12px;margin-top:3px;display:flex;gap:10px}.chapter-resume{color:var(--accent-text);font-size:12px;font-weight:600}.chapter-lock{margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-size:11px;font-weight:600;vertical-align:1px}.title-hero{position:relative;margin:calc(-1 * var(--titlebar-height) - 8px) calc(-1 * var(--content-pad)) 26px;padding:calc(var(--titlebar-height) + 18px) var(--content-pad) 38px;overflow:hidden;isolation:isolate;animation:backdrop-in .7s var(--ease-swift)}.title-hero-backdrop{position:absolute;top:-80px;right:-80px;bottom:-80px;left:-80px;width:calc(100% + 160px);height:calc(100% + 160px);object-fit:cover;object-position:50% 26%;filter:blur(60px) saturate(1.4) brightness(.6);z-index:-2}.title-hero-backdrop.is-banner{top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:blur(3px) saturate(1.1) brightness(.55)}.title-hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(100deg,#08080af0 8%,#08080a8c 62%,#08080ad9),linear-gradient(180deg,transparent 40%,var(--bg) 100%)}.back-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 16px 8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);font-size:13px;font-weight:600;transition:background .2s var(--ease-swift),transform .25s var(--ease-out)}.back-pill:hover{background:#ffffff1f;transform:translate(-4px)}.title-hero-inner{display:flex;gap:36px;margin-top:24px}.title-hero-art{flex:none;width:224px;transition:transform .7s var(--ease-out)}.title-hero-art:hover{transform:rotate(-2deg) scale(1.03)}.title-hero-art .art{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius);border:1px solid rgba(255,255,255,.18);box-shadow:0 36px 80px #000000c7;display:block}.title-hero-text{flex:1;min-width:0}.title-hero-kicker{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;color:#ff8f9d}.title-hero-kicker .rule{width:24px;height:2px;flex:none;background:var(--accent)}.title-hero h1{margin:14px 0 0;font-family:var(--font-display);font-size:clamp(30px,3.4vw,50px);font-weight:900;letter-spacing:-.04em;line-height:.98;text-wrap:balance;overflow-wrap:anywhere}.title-hero-facts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:14px;font-size:13.5px;color:#b6b6c0}.title-hero-facts .strong{color:#fff;font-weight:700}.title-hero-blurb{margin-top:16px;max-width:72ch;color:#c8c8d0;font-size:14.5px;line-height:1.6;white-space:pre-wrap;cursor:pointer;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.title-hero-blurb.open{-webkit-line-clamp:unset;display:block}.title-hero .tag-row{margin:16px 0 0}.title-hero .tag{background:#ffffff17;border-color:#ffffff29;color:#d4d4dc;font-weight:600;padding:6px 13px}.title-hero .btn-row{margin-top:24px}.title-hero .btn{padding:14px 26px;border-color:#ffffff42;background:#ffffff0f}.title-hero .btn:hover{background:#ffffff24}.title-hero .btn.primary{background:var(--accent-gradient);border-color:transparent;box-shadow:0 14px 34px var(--accent-glow)}.btn.active{border-color:var(--accent);color:var(--accent-text)}.btn.icon-only{padding:14px}.btn.small{padding:7px 14px;font-size:12.5px;font-weight:600}.btn.wide{width:100%}.art-strip{margin:4px 0 26px}.art-strip-head{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.art-strip-head h2{font-family:var(--font-display);font-size:19px;font-weight:800;letter-spacing:-.02em;margin:0}.art-strip-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.art-thumb{position:relative;flex:0 0 auto;height:190px;width:135px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;padding:0;background:var(--surface);cursor:pointer;transition:border-color .15s ease,transform .15s ease}.art-thumb.banner{width:340px}.art-thumb:hover{border-color:var(--border-strong);transform:translateY(-2px)}.art-thumb img{width:100%;height:100%;object-fit:cover;display:block}.art-thumb.page img{height:auto;min-height:100%;object-fit:unset;object-position:top}.art-thumb-label{position:absolute;left:0;right:0;bottom:0;padding:10px 8px 6px;font-size:11px;font-weight:700;color:var(--text);text-align:left;background:linear-gradient(transparent,#000000bf)}.art-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#000000e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out;animation:fade-in .15s ease}.art-lightbox img{max-width:min(94vw,900px);max-height:88vh;object-fit:contain;border-radius:var(--radius-sm)}.art-lightbox .art-lightbox-scroll{max-height:88vh;overflow-y:auto;border-radius:var(--radius-sm);cursor:default}.art-lightbox .art-lightbox-scroll img{max-height:none;width:min(94vw,720px)}.art-lightbox-label{color:var(--text-dim);font-size:13px;font-weight:600}.char-card{flex:0 0 auto;width:92px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.char-card img,.char-card-fallback{width:76px;height:76px;border-radius:50%;object-fit:cover;object-position:top;border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;background:var(--surface);font-family:var(--font-display);font-weight:800;font-size:24px}.char-card-name{font-size:11.5px;font-weight:650;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.char-card-role{font-size:10px;font-weight:700;color:var(--accent-text);text-transform:uppercase;letter-spacing:.06em}.tag .tag-rank{font-style:normal;margin-left:5px;color:var(--text-faint);font-size:10.5px}.about-rows{display:flex;flex-direction:column;gap:7px;font-size:13px}.about-row{display:flex;gap:8px;justify-content:space-between}.about-row .faint{color:var(--text-faint);flex-shrink:0}.about-row a{color:var(--accent-text);text-decoration:none}.about-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.about-links a{font-size:12px;font-weight:650;color:var(--text-dim);text-decoration:none;border:1px solid var(--border);border-radius:999px;padding:4px 11px;background:var(--surface)}.about-links a:hover{color:var(--text);border-color:var(--border-strong)}.series-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}.series-main{min-width:0}.series-main .section-header:first-child{margin-top:0}.series-aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:8px}.panel{border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius);padding:18px}.panel-title{font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:-.015em;margin-bottom:14px}.panel-figure{display:flex;align-items:baseline;gap:9px}.panel-figure strong{font-family:var(--font-display);font-size:38px;font-weight:900;letter-spacing:-.04em;line-height:1}.panel-figure span{color:var(--text-dim);font-size:12.5px}.panel-bar{margin-top:14px;height:5px;border-radius:999px;background:var(--surface-active);overflow:hidden}.panel-bar span{display:block;height:100%;background:var(--accent-gradient);box-shadow:0 0 10px var(--accent-glow)}.panel-note{margin-top:14px;color:var(--text-dim);font-size:12.5px;line-height:1.5}.panel .source-cards{grid-template-columns:1fr}.source-picker{margin-bottom:4px}.candidate-list{display:flex;flex-direction:column;gap:10px}.candidate-row{display:flex;align-items:center;gap:10px}.candidate-row img{width:34px;height:46px;border-radius:6px;object-fit:cover;flex:none}.candidate-row .grow{flex:1;min-width:0}.candidate-row .name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-list{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-elevated)}.chapter-list .chapter-row:last-child{border-bottom:none}@media(max-width:1099px){.series-body{grid-template-columns:minmax(0,1fr);gap:24px}.series-aside{position:static}.panel .source-cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:820px){.title-hero-inner{flex-direction:column;gap:20px;margin-top:18px}.title-hero-art{width:150px;align-self:center}.title-hero h1{font-size:30px}.title-hero .btn{padding:13px 20px;flex:1 1 auto;white-space:nowrap}.title-hero .btn.icon-only{flex:none;padding:13px}.title-hero{margin-top:calc(-1*max(env(safe-area-inset-top,0px),12px));padding-top:calc(max(env(safe-area-inset-top,0px),12px) + 12px)}}.reader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--reader-bg);z-index:100;display:flex;flex-direction:column;animation:reader-in .3s var(--ease-swift)}@keyframes reader-in{0%{opacity:0}to{opacity:1}}.reader-scroll{flex:1;overflow-y:auto;overflow-x:hidden;scroll-behavior:auto;overflow-anchor:none}.reader-strip{display:block;margin:0 auto;font-size:0;line-height:0}.reader-page{display:block;width:100%;margin:0;padding:0;border:0;background:var(--reader-bg)}.reader-page.pending{position:relative}.reader-page .page-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-faint);font-size:12px;letter-spacing:.04em;background:linear-gradient(100deg,#0b0b0b 40%,#161616,#0b0b0b 60%);background-size:200% 100%;animation:page-skeleton-shimmer 1.6s linear infinite;pointer-events:none}@keyframes page-skeleton-shimmer{0%{background-position:120% 0}to{background-position:-80% 0}}@media(prefers-reduced-motion:reduce){.reader-page .page-skeleton{animation:none}}.reader-page img{display:block;width:100%;height:auto;margin:0;padding:0;border:0}.reader-page .page-fallback{display:grid;place-items:center;width:100%;color:var(--text-faint);font-size:13px;line-height:1.5;background:#0d0d0d;gap:10px;padding:40px 12px;text-align:center}.reader-chapter-divider{padding:34px 16px;text-align:center;color:var(--text-dim);font-size:13px;line-height:1.6;background:#050505;font-weight:600}.reader-chapter-divider .next{color:var(--text);font-size:16px;margin-top:4px}.reader-topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:14px;padding:10px 18px;background:linear-gradient(to bottom,#000000e6,#0000);z-index:3;transition:opacity .25s var(--ease-swift),transform .25s var(--ease-out);-webkit-app-region:drag}.reader-topbar>*{-webkit-app-region:no-drag}.reader-topbar.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.reader-topbar .titles{min-width:0;text-align:left;border-radius:8px}.reader-topbar .titles:hover .manga{color:var(--accent-text, var(--text))}.reader-topbar .manga{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-topbar .chapter{font-size:12px;color:var(--text-dim)}.reader-bottombar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:16px;padding:14px 20px;background:linear-gradient(to top,#000000eb,#0000);z-index:3;transition:opacity .25s var(--ease-swift),transform .25s var(--ease-out)}.reader-bottombar.hidden{opacity:0;transform:translateY(10px);pointer-events:none}.reader-progress{flex:1;height:4px;background:#ffffff2e;border-radius:999px;overflow:hidden}.reader-progress span{display:block;height:100%;background:var(--accent-gradient);box-shadow:0 0 8px var(--accent-glow);transition:width .15s linear}.reader-counter{font-variant-numeric:tabular-nums;font-size:13px;color:var(--text-dim);min-width:84px;text-align:right}.icon-btn{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#ffffff14;flex:none;transition:background .18s var(--ease-swift),transform .12s var(--ease-swift)}.icon-btn:hover{background:#ffffff29}.icon-btn:active{transform:scale(.92)}.icon-btn.is-active{background:var(--accent);color:#fff}.icon-btn.is-active:hover{background:var(--accent-hot)}.reader-paged{flex:1;display:grid;place-items:center;overflow:hidden;position:relative;touch-action:none}.reader-paged img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center center}.reader-paged.zoomed{cursor:grab}.reader-paged.fit-width img{width:100%;height:auto;max-height:none;object-fit:contain}.empty{display:grid;place-items:center;gap:12px;padding:72px 20px;color:var(--text-dim);text-align:center;animation:page-in .4s var(--ease-out)}.empty h3{margin:0;color:var(--text);font-size:17px}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--surface-active);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:16px}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.error-banner{background:#e8384f1a;border:1px solid rgba(232,56,79,.35);color:#ff8a99;padding:12px 16px;border-radius:var(--radius-sm);margin:12px 0;line-height:1.5;animation:page-in .3s var(--ease-out)}.toast{position:fixed;bottom:22px;left:50%;background:#1e1e28eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-strong);padding:11px 18px;border-radius:999px;z-index:200;box-shadow:var(--shadow-lg);font-weight:500;animation:toast-in .35s var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(16px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.toast{transform:translate(-50%)}.setting-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin-bottom:14px;transition:border-color .2s var(--ease-swift)}.setting-card:hover{border-color:var(--border-strong)}.setting-card h3{margin:0 0 4px;font-size:16px}.profile-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;margin-top:12px}.profile-avatar{flex:none;width:32px;height:32px;border-radius:999px;background:var(--accent-gradient);color:#fff;font-size:14px;font-weight:700;display:grid;place-items:center}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:none}select,input[type=text],input[type=url],input[type=password],input[type=number]{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:9px 12px;outline:none;transition:border-color .2s var(--ease-swift),box-shadow .2s var(--ease-swift)}select:focus,input:focus{border-color:#e8384f8c;box-shadow:0 0 0 3px #e8384f1a}.ext-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border)}.ext-row img{width:38px;height:38px;border-radius:9px;object-fit:cover;background:var(--bg-elevated);flex:none}.ext-row .grow{flex:1;min-width:0}.spotlight-wrap{animation:spotlight-fade .55s var(--ease-out)}@keyframes spotlight-fade{0%{opacity:.3;transform:scale(.995)}to{opacity:1;transform:none}}.seg{display:flex;gap:4px;padding:4px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border)}.seg-btn{padding:7px 15px;border-radius:7px;font-size:12.5px;font-weight:650;color:var(--text-dim);transition:background .22s var(--ease-swift),color .22s var(--ease-swift)}.seg-btn:hover{color:var(--text)}.seg-btn.active{background:var(--accent);color:#fff}.library-list{display:flex;flex-direction:column;gap:8px}.library-row{display:flex;align-items:center;gap:16px;padding:10px 16px 10px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);text-align:left;width:100%;transition:transform .35s var(--ease-out),border-color .25s var(--ease-swift),background .3s var(--ease-swift),box-shadow .35s var(--ease-out)}.library-row:hover{transform:translate(8px);border-color:var(--border-strong);background:var(--surface);box-shadow:-14px 0 38px #00000073}.library-row .thumb{flex:none;width:50px;height:68px;border-radius:8px;object-fit:cover;background:var(--surface-active)}.library-row .grow{flex:1;min-width:0}.library-row .name{font-size:15px;font-weight:650;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-row .meta{margin-top:4px;color:var(--text-dim);font-size:12px}.library-row .bar{margin-top:9px;max-width:420px;height:3px;border-radius:999px;background:var(--surface-active);overflow:hidden}.library-row .bar span{display:block;height:100%;background:var(--accent)}.library-row .pill{flex:none;padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--surface-active);color:var(--text-dim)}.library-row .pill.fresh{background:var(--accent);color:#fff}.library-row .pill.done{color:var(--text-faint);background:transparent;box-shadow:inset 0 0 0 1px var(--border)}.history-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.history-days{display:flex;flex-direction:column;gap:26px;min-width:0}.history-day-head{display:flex;align-items:baseline;gap:12px;padding-bottom:12px}.history-day-head h2{margin:0;font-family:var(--font-display);font-size:18px;font-weight:800;letter-spacing:-.02em}.history-day-head span{color:var(--text-faint);font-size:12.5px}.history-group{display:flex;flex-direction:column;gap:6px}.history-aside{position:sticky;top:8px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.panel-flag{font-size:12px;font-weight:700;color:var(--accent-text)}.wk-bars{display:flex;align-items:stretch;gap:6px;height:92px}.wk-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.wk-bar .track{flex:1;min-height:0;width:100%;display:flex;align-items:flex-end}.wk-bar .track span{flex:none;width:100%;border-radius:4px 4px 0 0;background:var(--accent-gradient);transition:transform .25s var(--ease-out);transform-origin:bottom}.wk-bar em{flex:none}.wk-bar:hover .track span{transform:scaleY(1.08)}.wk-bar em{font-style:normal;font-size:11px;line-height:1.2;color:var(--text-faint)}.panel-rows{margin-top:18px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:11px;font-size:13px}.panel-rows>div{display:flex;justify-content:space-between;gap:12px}.panel-rows span{color:var(--text-dim)}.panel-rows strong{font-weight:700}@media(max-width:1099px){.history-layout{grid-template-columns:minmax(0,1fr)}.history-aside{position:static;order:-1}}.history-row{display:flex;align-items:center;gap:8px;position:relative}.history-open{flex:1;min-width:0;display:flex;align-items:center;gap:16px;padding:9px 16px 9px 9px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);text-align:left;transition:transform .3s var(--ease-out),border-color .22s var(--ease-swift),background .28s var(--ease-swift)}.history-open:hover{transform:translate(7px);border-color:var(--accent-glow);background:var(--surface)}.history-open .thumb{flex:none;width:44px;height:60px;border-radius:7px;object-fit:cover;background:var(--surface-active)}.history-open .grow{flex:1;min-width:0}.history-open .name{font-size:14.5px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-open .meta{margin-top:4px;color:var(--text-dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-bar{margin-top:8px;max-width:260px;height:3px;border-radius:999px;background:var(--surface-active);overflow:hidden}.history-bar span{display:block;height:100%;background:var(--accent)}.history-bar.done span{background:var(--text-faint)}.history-time{flex:none;align-self:flex-start;width:52px;text-align:right;color:var(--text-faint);font-size:12px}.history-details{flex:none;opacity:0;transition:opacity .18s var(--ease-swift)}.history-row:hover .history-details{opacity:1}@media(hover:none){.history-details{opacity:1}}.form-modal{width:min(560px,94vw);max-height:82vh;display:flex;flex-direction:column}.form-body{overflow-y:auto;margin-top:10px;transition:opacity .15s var(--ease-swift)}.form-body.busy{opacity:.55;pointer-events:none}.form-section{margin-top:16px}.form-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:6px}.form-footer{font-size:12px;color:var(--text-faint);margin-top:6px;line-height:1.5}.form-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.form-flow{display:flex;flex-wrap:wrap;gap:8px}.form-row{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:11px 14px;text-align:left;border-bottom:1px solid var(--border)}.form-list>.form-row:last-child,.form-list>.form-row-button:last-child{border-bottom:none}.form-row.as-button{transition:background .15s var(--ease-swift)}.form-row.as-button:hover{background:var(--surface-hover)}.form-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.form-row-title{font-weight:600;font-size:14px}.form-row-title.style-error{color:#ff6b6b}.form-row-title.style-warning{color:#ffb454}.form-row-title.style-success{color:#6bd58c}.form-row-title.style-tinted{color:var(--accent-text)}.form-row-sub{font-size:12px;color:var(--text-faint);line-height:1.45}.form-row-value{display:inline-flex;align-items:center;gap:6px;color:var(--text-dim);font-size:13px;flex:none}.form-row-button{width:100%;border-radius:0;border:none;border-bottom:1px solid var(--border);background:transparent}.form-stepper{display:inline-flex;align-items:center;gap:8px}.form-stepper-value{min-width:34px;text-align:center;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.stat-value{font-size:28px;font-weight:800;letter-spacing:-.02em}.stat-label{color:var(--text-dim);font-size:13px;margin-top:2px}.stat-hint{color:var(--text-faint);font-size:11px;margin-top:5px}.week-chart{display:flex;align-items:stretch;gap:8px;height:160px;padding:6px 2px 0}.week-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;min-width:0}.week-value{font-size:11px;color:var(--text-faint);height:14px}.week-bar{width:min(26px,70%);border-radius:4px 4px 0 0;background:var(--accent-gradient);opacity:.9;transition:opacity .15s var(--ease-swift)}.week-col:hover .week-bar{opacity:1}.week-label{font-size:10px;color:var(--text-faint);height:13px;white-space:nowrap}.top-title-row{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:9px 10px;border-radius:var(--radius-sm);border-bottom:1px solid var(--border);transition:background .15s var(--ease-swift)}.top-title-row:hover{background:var(--surface)}.top-title-row .rank{width:22px;text-align:center;font-weight:800;color:var(--text-faint);flex:none}.top-title-row img,.top-title-row .thumb-placeholder{width:34px;height:46px;border-radius:4px;object-fit:cover;background:var(--surface);flex:none}.top-title-name{display:flex;flex-direction:column;min-width:0;flex:1}.top-title-name .name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-title-count{color:var(--text-dim);font-weight:700;font-size:13px;flex:none}.comments-drawer{position:absolute;top:0;right:0;bottom:0;z-index:6;width:min(400px,92vw);display:flex;flex-direction:column;background:#1a1a22f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-left:1px solid var(--border-strong);box-shadow:var(--shadow-lg);animation:drawer-in .28s var(--ease-out)}@keyframes drawer-in{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}@keyframes sheet-up{0%{transform:translateY(48px);opacity:0}to{transform:none;opacity:1}}.comments-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.comments-list{overflow-y:auto;padding:12px 16px 24px;display:flex;flex-direction:column;gap:16px}.comment{display:flex;gap:11px}.comment.pinned{background:var(--surface);border-radius:var(--radius-sm);padding:10px}.comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:none;background:var(--surface)}.comment-avatar.placeholder{display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text-dim)}.comment-meta{display:flex;align-items:baseline;gap:8px;font-size:12px}.comment-author{font-weight:700}.comment-pin{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-text)}.comment-body{margin-top:3px;font-size:13px;line-height:1.55;color:var(--text-dim);white-space:pre-wrap;overflow-wrap:anywhere}.comment-foot{display:flex;gap:14px;margin-top:5px;font-size:11px;color:var(--text-faint)}.settings-nav{margin-bottom:18px}.form-row.form-oauth{flex-direction:column;align-items:stretch;gap:10px}.form-oauth-controls{display:flex;flex-wrap:wrap;gap:8px}.form-oauth-controls input{flex:1;min-width:160px}.stat-trend{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px}.comment-media{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.comment-media img{max-width:180px;max-height:180px;border-radius:var(--radius-sm);background:var(--surface)}.comment-replies-toggle{border:none;background:none;padding:0;font:inherit;color:var(--accent-text);cursor:pointer}.comment-replies{margin-top:10px;padding-left:12px;border-left:2px solid var(--surface);display:flex;flex-direction:column;gap:12px}.comment.reply .comment-avatar{width:26px;height:26px}.reader-popover{position:absolute;right:18px;bottom:74px;z-index:5;width:290px;background:#20202aeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-strong);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow-lg);animation:pop-in .25s var(--ease-out);transform-origin:bottom right}@keyframes pop-in{0%{opacity:0;transform:scale(.94) translateY(6px)}to{opacity:1;transform:none}}.reader-popover-row{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:13px}.reader-popover-row>span:first-child{width:86px;flex:none;color:var(--text-dim)}.reader-popover-row input[type=range]{flex:1;min-width:0}.context-menu{position:fixed;z-index:300;min-width:226px;max-height:70vh;overflow-y:auto;background:#20202af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-strong);border-radius:var(--radius);padding:6px;box-shadow:var(--shadow-lg);animation:pop-in .2s var(--ease-out);transform-origin:top left}.context-menu-title{padding:8px 10px 6px;font-weight:600;font-size:12.5px;color:var(--text-dim);border-bottom:1px solid var(--border);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-hint{padding:8px 10px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:700}.context-item{display:block;width:100%;text-align:left;padding:10px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;transition:background .15s var(--ease-swift)}.context-item:hover{background:var(--surface-hover)}.context-item.danger:hover{background:var(--accent-soft);color:var(--accent-text)}.context-split{display:flex;gap:4px;align-items:stretch}.context-split .context-item{flex:1}.context-item.narrow{width:auto;flex:0 0 auto;color:var(--text-faint);font-size:11.5px}.context-item.narrow:hover{color:var(--accent-text)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;display:grid;place-items:center;padding:20px;animation:backdrop-in .25s var(--ease-swift)}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:22px;width:min(620px,100%);max-height:84vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modal-in .3s var(--ease-out)}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:none}}.migrate-list{margin-top:8px}input[type=range]{accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px}@media(min-width:1100px){.content-scroll{--content-pad: 44px;padding:22px var(--content-pad) 72px}.cover-grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:28px 22px}.carousel{gap:20px}.carousel>*{width:196px}.cover-title{font-size:14px}.spotlight{min-height:520px}.spotlight-inner{gap:52px;padding:40px 52px 52px}.spotlight-poster{width:300px}.manga-hero .art{width:288px}.manga-hero h1{font-size:52px}.update-row .thumb{width:66px}}@media(min-width:1650px){.content-scroll{--content-pad: 60px;padding:22px var(--content-pad) 72px}.cover-grid{grid-template-columns:repeat(auto-fill,minmax(224px,1fr))}.carousel>*{width:224px}.spotlight{min-height:580px}.spotlight-poster{width:340px}}.mobile-profile{display:none}@media(min-width:821px)and (max-width:1099px){.topbar{gap:20px;padding:12px 20px}.topbar-search{width:190px}.content-scroll{--content-pad: 20px;padding:18px var(--content-pad) 64px}}@media(max-width:820px){.topbar{display:none}.mobile-profile{display:block;position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);right:14px;z-index:70}.mobile-profile-button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--border-strong);border-radius:50%;background:#121212d1;-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);box-shadow:var(--shadow-lg);cursor:pointer}.mobile-profile-button .avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:700}.rail-profile-menu.mobile{position:absolute;top:calc(100% + 8px);right:0;bottom:auto;left:auto;min-width:200px}.tabbar{display:flex;justify-content:space-around;position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:60;padding:6px 4px;border:1px solid var(--border-strong);border-radius:24px;background:#121212d1;-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);box-shadow:var(--shadow-lg)}.content-scroll{--content-pad: 16px;padding:max(env(safe-area-inset-top,0px),12px) var(--content-pad) calc(96px + env(safe-area-inset-bottom,0px))}.content .titlebar{display:none}.content:after{content:"";position:fixed;top:0;left:0;right:0;height:calc(env(safe-area-inset-top,0px) + 8px);background:linear-gradient(to bottom,rgba(9,9,13,.92) 55%,transparent);z-index:55;pointer-events:none}.page-title{font-size:24px;margin:8px 0 14px}.cover-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:16px 12px}.carousel>*{width:124px}.manga-hero{flex-direction:column;gap:16px}.manga-hero .art{width:148px;align-self:center}.manga-hero h1{font-size:23px}.spotlight-wrap{margin-bottom:0}.spotlight-track{border-radius:26px;border-color:#ffffff1a;box-shadow:none}.spotlight{min-height:0;aspect-ratio:3 / 4;background:var(--surface)}.spotlight-backdrop,.spotlight-veil{display:none}.spotlight-inner{display:block;padding:0;height:100%}.spotlight-poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:auto;height:100%;aspect-ratio:auto;border:none;border-radius:0;box-shadow:none;transform:none}.spotlight-poster img{object-position:50% 12%}.spotlight-text{position:absolute;inset:auto 0 0 0;z-index:2;padding:0 18px 18px}.spotlight-text:before{content:"";position:absolute;top:-150px;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,transparent 0%,rgba(8,8,10,.62) 48%,rgba(8,8,10,.97) 100%);pointer-events:none}.spotlight-kicker{font-size:12px;color:#ff9aa7}.spotlight-kicker .rule{width:18px}.spotlight-title{margin-top:8px;font-size:34px;line-height:.96;-webkit-line-clamp:2}.spotlight-blurb,.spotlight-chips{display:none}.spotlight-actions{margin-top:16px}.spotlight-actions .btn{width:100%;padding:15px;border-radius:15px;font-size:16px;font-weight:600}.spotlight-lines{top:14px;bottom:auto;z-index:3}.spotlight-line{width:34px}.spotlight-line span{background:#fff}.section-header{margin:26px 0 12px}.section-header h2{font-size:22px;font-weight:700;letter-spacing:-.03em}.section-hint{font-size:12px}.page-header{margin:4px 0 16px}.page-header h1{font-size:34px;font-weight:800;letter-spacing:-.04em}.page-header-sub{font-size:14px;margin-top:5px}.page-header-actions{width:100%}.has-mobile-profile .page-header{padding-right:46px}input,select,textarea,.search-bar input,.search-bar.compact input{font-size:16px}.search-bar.compact{width:100%}.carousel,.continue-strip,.chip-row,.genre-grid{margin-inline:calc(-1 * var(--content-pad));padding-inline:var(--content-pad);scroll-padding-left:var(--content-pad)}.carousel,.continue-strip{padding-right:calc(var(--content-pad) + 24px);gap:12px}.cover-art{border-radius:13px}.mcontinue{margin-top:26px}.mcontinue-head{display:flex;align-items:center;gap:10px;padding-bottom:12px}.mcontinue-head h2{margin:0;font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:-.03em}.library-list,.history-group,.chapter-list{gap:0;border-radius:16px;overflow:hidden;border:none;background:var(--bg-elevated)}.library-row,.history-row .history-open{border:none;border-radius:0;background:transparent}.library-row+.library-row,.history-group .history-row+.history-row .history-open,.chapter-list .chapter-row+.chapter-row{box-shadow:inset 0 1px 0 var(--border)}.chapter-list .chapter-row{border-bottom:none}.history-details{display:none}.history-layout,.history-days{gap:22px}.history-day-head{padding:0 4px 10px}.library-row .bar,.history-bar{max-width:150px}.panel{border-radius:16px;padding:16px}.chip{padding:9px 16px}.btn{padding:12px 18px}.chapter-row{padding:13px 8px 13px 26px}.chapter-row:before{left:11px}.reader-bottombar{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));padding-left:calc(20px + env(safe-area-inset-left,0px));padding-right:calc(20px + env(safe-area-inset-right,0px))}.reader-topbar{padding-top:calc(10px + env(safe-area-inset-top,0px));padding-left:calc(18px + env(safe-area-inset-left,0px));padding-right:calc(18px + env(safe-area-inset-right,0px))}.comments-drawer{top:auto;left:0;right:0;bottom:0;width:100%;height:min(72vh,640px);border-left:none;border-top:1px solid var(--border-strong);border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);animation:sheet-up .28s var(--ease-out)}.toast{bottom:calc(92px + env(safe-area-inset-bottom,0px))}.modal-backdrop{padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px))}.ios-letterboxed .tabbar{bottom:10px}.ios-letterboxed .content-scroll{padding-bottom:96px}.ios-letterboxed .reader-bottombar{padding-bottom:14px}.ios-letterboxed .modal-backdrop{padding-bottom:16px}.ios-letterboxed .toast{bottom:92px}}@media(hover:none){.art-thumb:hover,.about-links a:hover,.cover:hover .cover-art,.cover:hover .cover-art img,.continue-card:hover,.continue-card:hover .continue-art img,.continue-card:hover .continue-play,.update-card:hover,.update-card:hover>img,.library-row:hover,.history-open:hover,.spotlight-poster:hover,.title-hero-art:hover,.back-pill:hover,.source-card:hover,.tag:hover,.chip:hover,.btn:hover,.seg-btn:hover,.section-more:hover,.home-customize-btn:hover,.topbar-link:hover,.topbar-brand:hover,.topbar-avatar:hover,.wk-bar:hover .track span,.featured-dot:hover,.spotlight-line:hover{transform:none;filter:none}.cover:hover .cover-art,.continue-card:hover{box-shadow:var(--shadow-sm)}.update-card:hover,.library-row:hover,.topbar-avatar:hover{box-shadow:none}.cover:hover .cover-title{color:inherit}.continue-card:hover .continue-play{background:#ffffff24}.update-card:hover,.library-row:hover{border-color:var(--border)}.library-row:hover,.history-open:hover{background:var(--bg-elevated)}.history-open:hover{border-color:var(--border)}.chapter-row:hover{background:transparent;padding-left:26px}.chip:hover{background:var(--surface);color:var(--text-dim);border-color:transparent}.chip.active:hover{background:var(--accent-soft);color:var(--accent-text);border-color:#e8384f66}.btn:hover{background:var(--surface);border-color:var(--border)}.btn.primary:hover{background:var(--accent-gradient);border-color:transparent}.title-hero .btn:hover{background:#ffffff0f}.title-hero .btn.primary:hover{background:var(--accent-gradient)}.seg-btn:hover{color:var(--text-dim)}.seg-btn.active:hover{background:var(--accent);color:#fff}.tag:hover{border-color:var(--border);color:var(--text-dim)}.source-card:hover{background:var(--surface);border-color:var(--border)}.source-card.selected:hover{background:var(--accent-soft);border-color:var(--accent)}.section-more:hover,.back-pill:hover,.home-customize-btn:hover{background:transparent}.home-customize-btn:hover{color:var(--text-dim);border-color:var(--border-strong)}.topbar-link:hover{color:var(--text-dim)}.topbar-link.active:hover{color:#fff}.spotlight-line:hover{background:#ffffff38}.cover:active,.update-card:active,.library-row:active,.history-open:active,.continue-card:active,.mcontinue-card:active,.source-card:active,.chip:active,.btn:active,.seg-btn:active,.tab-item:active{transform:scale(.96)}.library-row:active,.history-open:active,.chapter-row:active{background:var(--surface)}.link-action:active,.section-more:active{opacity:.5}.reader-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.reader-page img,.cover-art img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tabbar,.chip,.btn,.page-title,.page-header,.section-header,.mcontinue-head,.cover .meta{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}.reader{touch-action:pan-y}.badge{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--surface-active);border:1px solid var(--border);color:var(--text-dim);font-weight:600}.btn.danger{border-color:#e8384f80;color:#f0687c}.btn.danger:hover{background:#e8384f1f}.badge.rating-mature{background:#e49b0f24;border-color:#e49b0f73;color:#e8b04b}.badge.rating-adult{background:#e8384f24;border-color:#e8384f80;color:#f0687c}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:calc(24px + var(--safe-top)) 24px calc(24px + var(--safe-bottom));background:radial-gradient(120% 90% at 50% -10%,var(--accent-soft) 0%,transparent 60%),var(--bg)}.login-card{width:min(380px,100%);display:flex;flex-direction:column;gap:14px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:login-rise .45s var(--ease-out) both}@keyframes login-rise{0%{opacity:0;transform:translateY(12px) scale(.985)}}.login-title{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em}.login-subtitle{margin:-8px 0 6px;color:var(--text-dim)}.login-field{display:flex;flex-direction:column;gap:6px}.login-field span{font-size:12px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.login-field input{width:100%;font-size:16px}.login-error{margin:0;color:var(--accent-text);font-size:13px}.login-submit{margin-top:6px;padding:12px;border-radius:var(--radius-sm);background:var(--accent-gradient);color:#fff;font-weight:650;cursor:pointer;transition:filter .2s var(--ease-swift),transform .2s var(--ease-swift)}.login-submit:hover:not(:disabled){filter:brightness(1.08)}.login-submit:active:not(:disabled){transform:scale(.985)}.login-submit:disabled{opacity:.6;cursor:default}.home-block:empty{display:none}.home-footer{display:flex;justify-content:center;margin:46px 0 8px}.home-customize-btn{padding:11px 22px;border-radius:999px;border:1px solid var(--border-strong);color:var(--text-dim);font-size:13px;font-weight:600;transition:color .18s var(--ease-swift),border-color .18s var(--ease-swift),background .18s var(--ease-swift),transform .18s var(--ease-out)}.home-customize-btn:hover{color:var(--text);border-color:var(--accent-glow);background:var(--accent-soft);transform:translateY(-2px)}.updates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.update-card{position:relative;height:118px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);text-align:left;min-width:0;transition:border-color .4s var(--ease-out),box-shadow .5s var(--ease-out),transform .2s var(--ease-out)}.update-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.update-card:active{transform:scale(.99)}.update-card>img,.update-card>.placeholder{position:absolute;top:-26px;right:-26px;bottom:-26px;left:-26px;width:calc(100% + 52px);height:calc(100% + 52px);object-fit:cover;object-position:50% 22%;background:var(--surface);transition:transform .9s var(--ease-out)}.update-card:hover>img{transform:translate(20px) scale(1.04)}.update-card-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#08080af2 32%,#08080a4d)}.update-card-body{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:16px}.update-card-title{font-family:var(--font-display);font-size:16px;font-weight:800;letter-spacing:-.02em;line-height:1.2;max-width:76%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.update-card-facts{display:flex;align-items:center;gap:10px;font-size:11.5px}.update-card-badge{padding:4px 10px;border-radius:999px;font-weight:700;background:var(--surface-active);color:var(--text-dim);box-shadow:inset 0 0 0 1px var(--border)}.update-card-badge.fresh{background:var(--accent);color:#fff;box-shadow:0 2px 10px var(--accent-glow)}.update-card-ago{color:var(--text-dim)}.continue-strip{display:flex;gap:16px;overflow-x:auto;padding:6px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:none}.continue-strip::-webkit-scrollbar{display:none}.continue-card{flex:none;width:292px;border-radius:var(--radius-lg);overflow:hidden;text-align:left;scroll-snap-align:start;box-shadow:var(--shadow-sm);transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out)}.continue-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md),0 0 0 1px var(--border-strong)}.continue-card:active{transform:scale(.985)}.continue-art{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--surface-active)}.continue-art img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;transition:transform .45s var(--ease-out)}.continue-card:hover .continue-art img{transform:scale(1.05)}.continue-art .placeholder{width:100%;height:100%;background:var(--surface)}.continue-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(6,6,9,.88) 0%,rgba(6,6,9,.35) 45%,transparent 72%)}.continue-play{position:absolute;right:10px;bottom:14px;display:grid;place-items:center;width:32px;height:32px;border-radius:999px;color:#fff;background:#ffffff24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #ffffff38;transition:background .18s var(--ease-swift),transform .18s var(--ease-swift)}.continue-card:hover .continue-play{background:var(--accent);transform:scale(1.08)}.continue-meta{position:absolute;left:0;right:50px;bottom:7px;padding:0 0 0 13px;min-width:0}.continue-title{font-weight:680;font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 6px rgba(0,0,0,.6)}.continue-sub{margin-top:2px;color:#ffffffb8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 6px rgba(0,0,0,.6)}.continue-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff24}.continue-bar span{display:block;height:100%;border-radius:0 2px 2px 0;background:var(--accent-gradient);box-shadow:0 0 8px var(--accent-glow)}.section-source{display:inline-flex;align-items:center;gap:6px;margin-left:10px;padding:3px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-dim);font-size:11px;font-weight:600;vertical-align:3px}.section-source img{width:14px;height:14px;border-radius:4px}.home-customizer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#05050899;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .2s var(--ease-out) both}@keyframes fade-in{0%{opacity:0}}.home-customizer{width:min(440px,100%);max-height:min(600px,85vh);overflow-y:auto;padding:18px;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);animation:login-rise .3s var(--ease-out) both}.home-customizer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:16px}.home-customizer-scope{padding:12px;margin-bottom:14px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border)}.home-customizer-scope .name{font-weight:600;font-size:13px}.home-customizer-scope .hint{color:var(--text-faint);font-size:11px;margin:2px 0 8px;line-height:1.45}.home-customizer-row{display:flex;align-items:center;gap:8px;padding:10px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);margin-bottom:8px}.home-customizer-row.off{opacity:.55}.home-customizer-row .grow{flex:1;min-width:0}.home-customizer-row .name{font-weight:600;font-size:13px}.home-customizer-row .hint{color:var(--text-faint);font-size:11px;margin-top:1px}.home-customizer-row .icon-btn:disabled{opacity:.3;cursor:default}.home-customizer-toggle{flex:none;width:64px;padding:5px 0;border-radius:999px;font-size:11px;font-weight:650;border:1px solid var(--border-strong);color:var(--text-faint);transition:background .18s var(--ease-swift),color .18s var(--ease-swift)}.home-customizer-toggle.on{background:var(--accent-soft);border-color:var(--accent-glow);color:var(--accent-text)}.resume-popin{position:fixed;right:24px;bottom:24px;z-index:58;width:360px;height:182px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-strong);box-shadow:0 30px 70px #000c,0 70px 130px #0000008c;cursor:pointer;animation:resume-pop .5s var(--ease-out) both;transition:transform .45s var(--ease-out),border-color .3s var(--ease-swift),box-shadow .45s var(--ease-out)}.resume-popin:hover{transform:translateY(-6px);border-color:var(--accent-glow);box-shadow:0 44px 90px #000000db,0 90px 160px #0009}.resume-popin:active{transform:translateY(-2px) scale(.995)}@keyframes resume-pop{0%{opacity:0;transform:translateY(26px) scale(.96)}60%{transform:translateY(-4px) scale(1.008)}to{opacity:1;transform:none}}.resume-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 24%;background:var(--surface)}.resume-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,rgba(8,8,10,.78) 66%,rgba(8,8,10,.97) 100%)}.resume-close{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:#08080a8c;color:#d3d3db;transition:background .2s var(--ease-swift),color .2s var(--ease-swift),transform .25s var(--ease-out)}.resume-close:hover{background:var(--accent);color:#fff;transform:rotate(90deg)}.resume-body{position:absolute;left:18px;right:18px;bottom:15px}.resume-kicker{font-size:12px;font-weight:600;color:#d0d0d8}.resume-title{margin-top:5px;font-family:var(--font-display);font-size:20px;font-weight:900;letter-spacing:-.025em;line-height:1.14;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.resume-meta{display:flex;align-items:center;gap:10px;margin-top:9px;font-size:13px;color:#b6b6c0}.resume-go{margin-left:auto;color:#fff;font-size:15px;transition:transform .3s var(--ease-out)}.resume-popin:hover .resume-go{transform:translate(4px)}.resume-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#fff3}.resume-bar span{display:block;height:100%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.mcontinue-card{position:relative;display:block;width:100%;height:200px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.09);text-align:left;transition:transform .2s var(--ease-out)}.mcontinue-card:active{transform:scale(.98)}.mcontinue-card>img,.mcontinue-card>.placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 16%;background:var(--surface)}.mcontinue-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#08080a00 34%,#08080acc 74%,#08080af5)}.mcontinue-body{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:flex-end;gap:14px}.mcontinue-body .grow{flex:1;min-width:0}.mcontinue-kicker{font-size:12px;font-weight:700;letter-spacing:.04em;color:#ff9aa7}.mcontinue-title{margin-top:5px;font-size:21px;font-weight:700;letter-spacing:-.03em;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mcontinue-meta{margin-top:5px;font-size:14px;color:#b4b4be;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcontinue-play{flex:none;display:grid;place-items:center;width:54px;height:54px;padding-left:3px;border-radius:999px;background:#ffffffeb;color:#0d0d10;box-shadow:0 10px 24px #00000073}.mcontinue-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff29}.mcontinue-bar span{display:block;height:100%;background:var(--accent)}.link-action{margin-left:auto;flex:none;padding:4px 2px;color:var(--accent-text);font-size:15px;font-weight:500;transition:opacity .2s var(--ease-swift)}.link-action:active{opacity:.5}.reader-page.parked{background:linear-gradient(180deg,#ffffff04,#ffffff01)}.reader-sync-pill{position:fixed;left:50%;bottom:calc(74px + var(--safe-bottom));transform:translate(-50%);z-index:45;display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:#101016eb;border:1px solid var(--accent-glow);box-shadow:var(--shadow-md),0 0 24px var(--accent-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:sync-pill-rise .35s var(--ease-out) both;transition:bottom .25s var(--ease-swift)}.reader-sync-pill.lowered{bottom:calc(18px + var(--safe-bottom))}@keyframes sync-pill-rise{0%{opacity:0;transform:translate(-50%) translateY(10px)}}.reader-sync-jump{padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--text);transition:background .18s var(--ease-swift)}.reader-sync-jump:hover{background:var(--accent-soft)}.reader-sync-jump .from{display:block;font-size:11px;font-weight:500;color:var(--text-dim)}.reader-sync-dismiss{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--text-faint);transition:color .18s var(--ease-swift),background .18s var(--ease-swift)}.reader-sync-dismiss:hover{color:var(--text);background:var(--surface-active)}@media(min-width:1100px){.page-header h1{font-size:44px}.continue-card{width:348px}.continue-title{font-size:15px}.updates-grid{grid-template-columns:repeat(4,1fr)}.update-card{height:130px}}@media(max-width:820px){.has-mobile-profile .section-header:first-child{padding-right:46px}.continue-strip{scroll-snap-type:x mandatory}.continue-card{width:min(320px,82vw)}.cover-rank{font-size:42px}.updates-grid{grid-template-columns:1fr;gap:10px}.update-card{height:96px}.update-card-title{font-size:15px;max-width:70%}.home-footer{margin:34px 0 4px}.resume-popin{display:none}}.press-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0505088c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-in .22s var(--ease-out) both}.press-clone{position:fixed;z-index:71;pointer-events:none;filter:drop-shadow(0 12px 32px rgba(0,0,0,.55));animation:press-pop .34s var(--ease-out) both}@keyframes press-pop{0%{transform:scale(.965)}62%{transform:scale(1.06)}to{transform:scale(1.03)}}.press-menu{position:fixed;z-index:72;padding:6px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);animation:menu-pop .28s var(--ease-out) both;animation-delay:.06s}@keyframes menu-pop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.press-menu-head{padding:8px 12px;border-bottom:1px solid var(--border);margin-bottom:4px}.press-menu-title{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.press-menu-subtitle{color:var(--text-dim);font-size:11px;margin-top:2px}.press-menu .context-item{display:block;width:100%;text-align:left;padding:13px 12px;font-size:15px;border-radius:var(--radius-sm)}.press-menu .context-item:active{background:var(--surface-active)}.press-menu .context-item:disabled{opacity:.5}.press-menu .context-hint{padding:8px 12px}.chapter-status{display:flex;align-items:center;gap:6px;flex:none;padding:0 2px}.chapter-status-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:50%}.chapter-status-icon.downloaded{color:var(--accent-text);background:var(--accent-soft)}.chapter-status-icon.read{color:var(--text-faint)}.chapter-status-progress{font-size:10px;font-weight:700;color:var(--accent-text);min-width:28px;text-align:center}.offline-banner{margin:2px 2px 14px;padding:10px 14px;border-radius:var(--radius);background:var(--surface);border:1px dashed var(--border-strong);color:var(--text-dim);font-size:13px}@media(hover:none){html{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,.synopsis,.comment-body{-webkit-user-select:text;user-select:text}.cover:active,.continue-card:active,.chapter-row:active,.update-row:active,.history-row:active{transform:scale(.965);transition:transform .28s var(--ease-swift)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}