:root{--bg: #0a0907;--bg-elev: #14110d;--bg-soft: #1a1611;--bg-violet: #110a1d;--ink: #f4efe4;--ink-soft: #b8b1a3;--ink-faint: #8a8575;--accent: #8b3ffb;--accent-bright: #a76bff;--accent-soft: #a87ce8;--accent-deep: #5b2a91;--accent-darker: #2d1147;--accent-glow: rgba(139, 63, 251, .18);--accent-glow-soft: rgba(139, 63, 251, .06);--accent-glow-strong: rgba(139, 63, 251, .34);--accent-glow-dim: rgba(139, 63, 251, .04);--warm: #d9a14a;--cool: #6bd0d6;--danger: #ff5b6b;--rule: rgba(244, 239, 228, .08);--rule-strong: rgba(244, 239, 228, .18);--font-display: "Fraunces", "Times New Roman", Georgia, serif;--font-body: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--font-jp: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;--ease-luxe: cubic-bezier(.16, 1, .3, 1);--ease-quick: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--text-xs: .72rem;--text-sm: .82rem;--text-base: .95rem;--text-lg: 1.1rem;--text-xl: 1.3rem;--text-2xl: 1.6rem;--text-3xl: 2rem;--text-4xl: 2.6rem;--text-5xl: 3.4rem;--text-display: clamp(2rem, 4.5vw, 4.4rem);--touch-min: 44px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 12px 32px -8px rgba(0, 0, 0, .5);--shadow-lg: 0 30px 80px -12px rgba(0, 0, 0, .7);--grain: url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.96 0 0 0 0 0.94 0 0 0 0 0.89 0 0 0 0.6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>")}:root{color:var(--ink);background:var(--bg);font-family:var(--font-body);font-weight:400;font-feature-settings:"ss01","ss02"}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(ellipse 60% 40% at 50% 0%,var(--accent-glow),transparent 70%),radial-gradient(ellipse 50% 30% at 50% 100%,var(--accent-glow-soft),transparent 70%),var(--bg);background-attachment:fixed}button,input,select{font:inherit;font-family:var(--font-body)}button{cursor:pointer}button:disabled{cursor:not-allowed}*:focus-visible{outline:1px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 4px var(--accent-glow)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:1px solid var(--accent);outline-offset:0;box-shadow:none}h1,h2,h3,p{margin-top:0;font-family:var(--font-display);font-weight:500;letter-spacing:-.005em;font-variation-settings:"opsz" 144,"SOFT" 30}h1{font-weight:300;font-style:italic}h2,h3{font-weight:400;font-style:italic}p{font-family:var(--font-body);font-weight:400;font-variation-settings:"opsz" 14,"SOFT" 0}::selection{background:var(--accent);color:var(--ink)}.app-shell{min-height:100vh;padding-top:var(--header-h, 72px)}.site-header{position:fixed;inset:0 0 auto;z-index:50;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"brand tabs settings" "search search search";gap:var(--space-3) var(--space-4);align-items:center;min-height:var(--header-h, 72px);border-bottom:1px solid var(--rule);padding:var(--space-3) clamp(var(--space-4),4vw,var(--space-10));background:#0a0907d9;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.brand{grid-area:brand}.tabs{grid-area:tabs}.header-search{grid-area:search}.settings-wrap{grid-area:settings}.site-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle 220px at 14% 50%,var(--accent-glow-soft),transparent 70%)}.brand{position:relative;display:inline-flex;align-items:center;border:0;padding:0;color:var(--accent);background:transparent;text-decoration:none}.brand:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .28s var(--ease-luxe)}.brand:hover:after,.brand:focus-visible:after{opacity:.7}.brand-lockup{display:inline-flex;align-items:center;color:var(--accent)}.brand .wordmark-header .wordmark-accent{color:var(--accent)}.brand-image{display:block;object-fit:contain}.header-logo{width:clamp(120px,14vw,180px);height:44px;flex:0 0 auto;object-fit:contain;object-position:center;filter:drop-shadow(0 12px 28px var(--accent-glow-strong))}.tabs{display:inline-flex;height:var(--touch-min);align-items:stretch;gap:4px;background:transparent}.tabs button{min-width:0;border:0;padding:0 clamp(var(--space-3),1.5vw,var(--space-5));color:var(--ink-soft);background:transparent;font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.18em;text-transform:uppercase;transition:color .24s var(--ease-quick),background .24s var(--ease-quick)}.tabs button:hover,.tabs button.active{color:var(--ink);background:var(--accent-glow-strong);box-shadow:inset 0 -2px 0 var(--accent)}.header-search{width:100%}.top-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);width:100%}.top-search input,.top-search button{min-height:var(--touch-min);border-radius:0}.top-search input{min-width:0;border:0;border-bottom:1px solid var(--rule-strong);color:var(--ink);background:transparent;padding:0 4px;outline:none;font-size:.95rem;font-weight:300;transition:border-color .24s var(--ease-quick)}.top-search input::placeholder{color:var(--ink-faint);font-style:italic;font-family:var(--font-display);font-size:1rem}.top-search input:focus{border-color:var(--accent)}.top-search button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--accent);color:var(--accent);background:transparent;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;position:relative;overflow:hidden;transition:color .28s var(--ease-quick)}.top-search button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);transform:translate(-101%);transition:transform .32s var(--ease-luxe);z-index:-1}.top-search button:hover:not(:disabled){color:var(--ink)}.top-search button:hover:not(:disabled):before{transform:translate(0)}.top-search button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}.top-search button:disabled{color:var(--ink-faint);border-color:var(--rule)}.settings-wrap{position:relative}.settings-button{display:grid;width:var(--touch-min);height:var(--touch-min);place-items:center;border:1px solid var(--rule-strong);color:var(--ink);background:transparent;transition:color .24s var(--ease-quick),border-color .24s var(--ease-quick)}.settings-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4}.settings-button:hover,.settings-button[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.settings-menu{position:absolute;top:calc(100% + 14px);right:0;z-index:70;display:grid;width:min(420px,calc(100vw - 28px));gap:16px;border:1px solid var(--rule-strong);padding:22px 22px 20px;background:var(--bg-elev);box-shadow:0 30px 80px #0009}.bell-wrap{position:relative}.bell-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--rule);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:border-color .2s var(--ease-quick),color .2s var(--ease-quick)}.bell-button svg{width:18px;height:18px}.bell-button:hover,.bell-button[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.bell-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:var(--ink);font-family:var(--font-body);font-size:11px;font-weight:700;line-height:18px;text-align:center;pointer-events:none}.bell-dropdown{position:absolute;top:calc(100% + 14px);right:0;z-index:70;display:grid;width:min(380px,calc(100vw - 28px));max-height:min(520px,80vh);border:1px solid var(--rule-strong);background:var(--bg-elev);box-shadow:0 30px 80px #0009}.bell-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--rule);font-family:var(--font-display);font-size:.95rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--ink)}.bell-mark-all{border:0;padding:0;background:transparent;color:var(--accent);font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.bell-mark-all:hover{text-decoration:underline}.bell-list{list-style:none;margin:0;padding:0;overflow-y:auto;max-height:460px}.bell-item button{display:grid;gap:4px;width:100%;padding:12px 18px;border:0;background:transparent;text-align:left;cursor:pointer;color:var(--ink);transition:background .2s var(--ease-quick)}.bell-item button:hover{background:var(--bg-soft)}.bell-message{font-family:var(--font-body);font-size:.92rem;line-height:1.4}.bell-time{font-family:var(--font-body);font-size:.72rem;color:var(--ink-soft)}.bell-item.is-read .bell-message{color:var(--ink-soft)}.bell-item.is-read{background:transparent}.bell-empty{padding:24px 18px;margin:0;text-align:center;color:var(--ink-soft);font-family:var(--font-body);font-size:.88rem}.settings-head{display:grid;gap:6px;border-bottom:1px solid var(--rule);padding-bottom:14px}.settings-head span{overflow:hidden;font-family:var(--font-display);font-size:1.15rem;font-weight:500;text-overflow:ellipsis}.settings-head small{color:var(--accent);font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.settings-block,.blocked-list{display:grid;gap:10px}.settings-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-title h3{margin:0;font-size:1.05rem}.ghost-button,.blocked-user button,.logout-button{border:1px solid var(--rule-strong);color:var(--ink);background:transparent;font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;transition:color .24s var(--ease-quick),border-color .24s var(--ease-quick)}.ghost-button,.blocked-user button{padding:10px 14px}.logout-button{height:44px}.ghost-button:hover,.blocked-user button:hover,.logout-button:hover{border-color:var(--accent);color:var(--accent)}.blocked-user{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;border:1px solid var(--rule);padding:12px 14px;background:#f4efe405}.blocked-user span{overflow:hidden;font-family:var(--font-mono);font-size:.85rem;font-weight:400;text-overflow:ellipsis}.blocked-user small{grid-column:1;color:var(--ink-faint);font-family:var(--font-mono);font-size:.75rem;font-weight:400;letter-spacing:.05em}.blocked-user button{grid-row:1 / span 2}.admin-empty{margin:0;border:1px dashed var(--rule-strong);padding:16px;color:var(--ink-faint);font-family:var(--font-display);font-style:italic;font-size:.95rem;text-align:center}.settings-subblock{display:grid;gap:12px;border:1px solid var(--rule);padding:14px;background:#f4efe404}.settings-subtitle{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-subtitle h4{margin:0;color:var(--ink-soft);font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.admin-form{display:grid;gap:10px}.admin-field{display:grid;gap:6px}.admin-field span{color:var(--ink-faint);font-family:var(--font-body);font-size:.65rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.admin-field input,.admin-field select{width:100%;border:1px solid var(--rule);padding:10px 12px;color:var(--ink);background:var(--bg);font-family:var(--font-mono);font-size:.85rem;outline:none;transition:border-color .2s var(--ease-quick)}.admin-field input:focus,.admin-field select:focus{border-color:var(--accent)}.admin-form-submit{height:38px;border:1px solid var(--accent);color:var(--ink);background:var(--accent);font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;transition:filter .2s var(--ease-quick)}.admin-form-submit:hover:not(:disabled){filter:brightness(1.1)}.admin-form-submit:disabled{opacity:.6;cursor:not-allowed}.users-list{display:grid;gap:8px;max-height:200px;overflow-y:auto}.user-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;border:1px solid var(--rule);padding:10px 12px;background:#f4efe405}.user-info{display:grid;gap:2px;min-width:0}.user-info span{overflow:hidden;font-family:var(--font-mono);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.user-info small{color:var(--ink-faint);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em}.user-actions{display:flex;gap:6px}.user-actions button{border:1px solid var(--rule-strong);padding:6px 10px;color:var(--ink-soft);background:transparent;font-family:var(--font-body);font-size:.65rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;transition:color .2s var(--ease-quick),border-color .2s var(--ease-quick)}.user-actions button:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.user-actions button.danger:hover:not(:disabled){color:#ff5b6b;border-color:#ff5b6b}.user-actions button:disabled{opacity:.5;cursor:not-allowed}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:clamp(var(--space-3),4vw,var(--space-6));background:#0a0907b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal-card{display:grid;gap:14px;width:min(440px,100%);border:1px solid var(--rule-strong);padding:24px;background:var(--bg-elev);box-shadow:0 40px 100px #0009}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--rule);padding-bottom:12px}.modal-head h3{margin:0;font-size:1.05rem}.modal-head button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--rule);color:var(--ink-soft);background:transparent;font-size:1.2rem;line-height:1;cursor:pointer;transition:color .2s var(--ease-quick),border-color .2s var(--ease-quick)}.modal-head button:hover{color:var(--accent);border-color:var(--accent)}.modal-email{margin:0;color:var(--ink-faint);font-family:var(--font-mono);font-size:.85rem;word-break:break-all}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-actions button{height:38px;border:1px solid var(--rule-strong);padding:0 18px;color:var(--ink);background:transparent;font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;transition:color .2s var(--ease-quick),border-color .2s var(--ease-quick)}.modal-actions button[type=submit]{background:var(--accent);border-color:var(--accent);color:var(--ink)}.modal-actions button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.modal-actions button[type=submit]:hover:not(:disabled){filter:brightness(1.1);color:var(--ink)}.modal-actions button.danger{background:transparent;border-color:var(--danger);color:var(--danger)}.modal-actions button.danger:hover:not(:disabled){background:var(--danger);color:var(--ink);border-color:var(--danger)}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}.workspace{width:min(1280px,100%);margin:0 auto;padding:clamp(var(--space-6),4vw,var(--space-12)) clamp(var(--space-4),4vw,var(--space-10)) var(--space-16)}.detail-workspace{display:grid;gap:clamp(var(--space-4),2vw,var(--space-6))}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);align-items:end;min-height:200px;padding:clamp(var(--space-6),5vw,var(--space-16)) 0 clamp(var(--space-4),3vw,var(--space-10));border-bottom:1px solid var(--rule);margin-bottom:var(--space-3);position:relative}.home-stack{display:grid;gap:var(--space-5);padding-top:var(--space-4)}.home-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.home-toolbar .eyebrow{margin:0}.rail__title{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:.02em}.home-hero:after{content:"";position:absolute;left:0;bottom:-1px;width:120px;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}.home-hero h1{max-width:820px;margin:0 0 var(--space-4);font-size:var(--text-display);font-weight:300;font-style:italic;line-height:1;letter-spacing:-.01em;background:linear-gradient(135deg,var(--ink) 0%,var(--ink) 50%,var(--accent-soft) 110%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.home-hero h1:first-line{font-style:normal;font-weight:500}.home-hero .refresh-icon-btn{display:grid;width:var(--touch-min);height:var(--touch-min);place-items:center;border:1px solid var(--rule-strong);padding:0;color:var(--ink-soft);background:transparent;border-radius:50%;transition:color .28s var(--ease-quick),border-color .28s var(--ease-quick),transform .6s var(--ease-luxe)}.home-hero .refresh-icon-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent);transform:rotate(-90deg)}.home-hero .refresh-icon-btn:disabled{color:var(--ink-faint);border-color:var(--rule)}.home-hero .refresh-icon-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.back-button{width:fit-content;height:42px;border:1px solid var(--rule-strong);padding:0 18px;color:var(--ink-soft);background:transparent;font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;transition:color .24s var(--ease-quick),border-color .24s var(--ease-quick)}.back-button:hover{border-color:var(--accent);color:var(--accent)}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--accent-soft);font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:24px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}.lede{max-width:580px;margin-bottom:0;color:var(--ink-soft);font-family:var(--font-display);font-size:1.15rem;font-weight:300;font-style:italic;line-height:1.55}.rail{display:grid;gap:12px;margin-top:20px}.rail-head,.panel-bar{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap}.panel-bar>div:first-child{min-width:0;flex:1 1 200px}.rail-scroll{display:flex;gap:10px;overflow-x:auto;padding:4px 0 14px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.rail-scroll>*{flex:0 0 155px!important;min-width:0!important;width:155px!important;max-width:155px!important}.rail-scroll::-webkit-scrollbar,.episode-list::-webkit-scrollbar,.bell-list::-webkit-scrollbar,.settings-menu::-webkit-scrollbar,.users-list::-webkit-scrollbar{height:8px;width:8px}.rail-scroll::-webkit-scrollbar-thumb,.episode-list::-webkit-scrollbar-thumb,.bell-list::-webkit-scrollbar-thumb,.settings-menu::-webkit-scrollbar-thumb,.users-list::-webkit-scrollbar-thumb{background:var(--rule-strong);border-radius:4px}.rail-scroll::-webkit-scrollbar-track,.episode-list::-webkit-scrollbar-track,.bell-list::-webkit-scrollbar-track,.settings-menu::-webkit-scrollbar-track,.users-list::-webkit-scrollbar-track{background:transparent}.search-panel,.reader-panel,.watch-panel{display:grid;gap:18px;border:0;background:transparent}.search-panel{padding:8px 0}.grid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,170px));gap:18px 14px}.media-card{display:grid;min-width:0;gap:8px;border:0;padding:0;color:inherit;background:transparent;text-align:left;scroll-snap-align:start;transition:transform .28s var(--ease-luxe)}.media-card-cover,.media-card .media-meta{border:0;padding:0;background:transparent;color:inherit;text-align:left;width:100%;cursor:pointer}.media-card-cover{position:relative;display:block}.media-card .media-meta{margin-top:0}.media-card:hover{transform:translateY(-3px)}.media-card:focus-visible,.media-card-cover:focus-visible,.media-card .media-meta:focus-visible,.tabs button:focus-visible,.top-search button:focus-visible,.settings-button:focus-visible,.back-button:focus-visible,.spotlight-actions .primary-cta:focus-visible,.spotlight-actions .ghost-cta:focus-visible,.action-bar .bookmark-toggle:focus-visible,.action-bar .share-button:focus-visible,.ghost-button:focus-visible,.blocked-user button:focus-visible,.logout-button:focus-visible,.modal-actions button:focus-visible,.user-actions button:focus-visible,.admin-form-submit:focus-visible,.reading-mode-toggle button:focus-visible,.chapter-tools button:focus-visible,.refresh-icon-btn:focus-visible,.bell-button:focus-visible,.bell-item button:focus-visible,.bell-mark-all:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.poster{position:relative;width:100%;aspect-ratio:2 / 3;border:1px solid var(--rule);overflow:hidden;background:var(--bg-soft);transition:border-color .25s var(--ease-quick),box-shadow .25s var(--ease-quick)}.media-card:hover .poster{border-color:var(--accent);box-shadow:0 18px 40px -16px #8b3ffb47}.poster>img,.poster>.cover-fallback,.detail-cover img,.cover-fallback{display:block}.poster>img,.poster>.cover-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.detail-cover img,.cover-fallback{width:100%;height:100%}.poster>img,.detail-cover img{object-fit:cover;transition:transform .6s var(--ease-luxe),filter .4s var(--ease-quick)}.media-card:hover .poster>img{transform:scale(1.04);filter:brightness(.85)}.poster-action{position:absolute;inset:auto 12px 12px;z-index:3;transform:translateY(10px);opacity:0;padding:8px 12px;color:var(--ink);background:var(--accent);font-family:var(--font-body);font-size:.68rem;font-weight:600;letter-spacing:.18em;text-align:center;text-transform:uppercase;transition:opacity .25s var(--ease-luxe),transform .4s var(--ease-luxe)}.media-card:hover .poster-action{transform:translateY(0);opacity:1}.media-card:hover .card-progress{top:10px;left:10px;bottom:auto}.media-meta{min-height:52px;padding:0 2px}.media-meta h3{display:-webkit-box;min-height:30px;margin:0 0 4px;overflow:hidden;color:var(--ink);font-size:.82rem;font-weight:500;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:color .24s var(--ease-quick)}.media-card:hover .media-meta h3{color:var(--accent)}.media-meta p{margin:0;overflow:hidden;color:var(--ink-faint);font-family:var(--font-body);font-size:.62rem;font-weight:400;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.cover-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#8b3ffb2e,#14110d66),var(--bg-soft)}.cover-fallback.wide{aspect-ratio:16 / 9}.cover-fallback span{color:var(--accent);font-family:var(--font-display);font-size:1.6rem;font-weight:300;font-style:italic;letter-spacing:.04em}.skeleton{background:linear-gradient(90deg,var(--bg-elev),var(--bg-soft),var(--bg-elev));background-size:220% 100%;animation:pulse 1.6s ease-in-out infinite}.skeleton-line{height:12px;width:60%;background:var(--bg-elev)}.wide-line{width:92%}.floating-error,.floating-toast{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;max-width:min(520px,calc(100vw - 48px));align-items:center;gap:14px;padding:14px 16px;color:var(--ink);box-shadow:0 20px 60px #00000080;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.floating-toast.is-error,.floating-error{border:1px solid rgba(255,99,99,.4);background:#3c1010eb}.floating-toast.is-success{border:1px solid rgba(99,255,170,.35);background:#103020eb}.floating-error button,.floating-toast button{border:0;color:var(--ink);background:transparent;font-family:var(--font-display);font-size:1.4rem;line-height:1}.notice{padding:14px 16px;font-weight:500}.notice.error{color:var(--ink);background:#3c1010eb}.notice.warning{color:var(--ink);background:#3c3010eb;max-width:420px;margin:0 auto 16px;border-radius:12px;text-align:center}.auth-shell{position:relative;display:grid;min-height:100vh;place-items:center;padding:32px;background:radial-gradient(ellipse 70% 60% at 50% 25%,rgba(139,63,251,.12),transparent 65%),radial-gradient(ellipse 50% 40% at 50% 85%,rgba(91,42,145,.1),transparent 60%),var(--bg);overflow:hidden}.auth-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(244,239,228,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(244,239,228,.02) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);pointer-events:none;opacity:.5}.auth-card{position:relative;display:grid;width:min(540px,100%);gap:18px;border:1px solid rgba(139,63,251,.18);padding:56px 48px 48px;background:linear-gradient(180deg,#2d114759,#14110d00),var(--bg-elev);box-shadow:0 0 0 1px #8b3ffb0f inset,0 40px 100px #00000080,0 0 80px #8b3ffb14}.auth-card:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.compact-card{place-items:start}.auth-card h1{margin:0;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:300;font-style:italic;line-height:1;background:linear-gradient(135deg,var(--ink) 0%,var(--ink) 40%,var(--accent-soft) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.auth-card label,.login-form-card label{display:grid;gap:6px;color:var(--ink-soft);font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.auth-card input,.login-form-card input{height:44px;border:0;border-bottom:1px solid var(--rule-strong);color:var(--ink);background:transparent;padding:0 0 8px;outline:none;font-size:1rem;font-weight:300;text-transform:none;letter-spacing:normal;font-family:var(--font-body);transition:border-color .24s var(--ease-quick)}.auth-card input::placeholder,.login-form-card input::placeholder{color:var(--ink-faint);font-family:var(--font-display);font-style:italic}.auth-card input:focus,.login-form-card input:focus{border-color:var(--accent)}.auth-card button[type=submit],.login-form-card button[type=submit]{display:inline-flex;align-items:center;justify-content:center;height:48px;border:0;margin-top:6px;color:var(--ink);background:var(--accent);font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;transition:background .24s var(--ease-quick),box-shadow .24s var(--ease-quick);position:relative;overflow:hidden}.auth-card button[type=submit]:hover:not(:disabled),.login-form-card button[type=submit]:hover:not(:disabled){background:var(--accent-bright);box-shadow:0 12px 40px var(--accent-glow-strong)}.auth-card button[type=submit]:disabled,.login-form-card button[type=submit]:disabled{color:var(--ink-faint);background:var(--bg-soft);cursor:not-allowed}.login-form-card{display:grid;gap:18px}.wordmark-header{display:inline-flex;align-items:baseline;font-family:var(--font-display);font-weight:300;font-style:italic;letter-spacing:-.02em;font-variation-settings:"opsz" 144,"SOFT" 30;color:var(--ink)}.wordmark-header .wordmark-main{font-size:1.45rem}.wordmark-header .wordmark-accent{font-size:1.45rem;color:var(--accent);font-weight:500;font-style:italic}.wordmark-login{display:grid;gap:4px;color:var(--ink)}.wordmark-login .wordmark-roman{font-family:var(--font-display);font-style:italic;font-size:.85rem;color:var(--accent-soft);font-variation-settings:"opsz" 144;letter-spacing:.1em}.wordmark-login .wordmark-main{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:2.6rem;line-height:1;font-variation-settings:"opsz" 144,"SOFT" 30;background:linear-gradient(135deg,var(--ink) 0%,var(--accent-soft) 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.wordmark-login .wordmark-tag{font-family:var(--font-display);font-style:italic;font-size:.85rem;color:var(--ink-faint);letter-spacing:.18em;text-transform:lowercase}.title-hero{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:36px;align-items:start;border:1px solid var(--rule);padding:36px;background:linear-gradient(120deg,rgba(139,63,251,.1),transparent 55%),linear-gradient(0deg,var(--bg-elev),var(--bg-elev));position:relative;overflow:hidden;isolation:isolate}.title-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--bg-cover, none);background-size:cover;background-position:center;filter:blur(60px) saturate(1.1) brightness(.35);opacity:.5;transform:scale(1.15);pointer-events:none;z-index:0;mask-image:linear-gradient(120deg,black 0%,transparent 80%);-webkit-mask-image:linear-gradient(120deg,black 0%,transparent 80%)}.title-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#14110dd9,#14110d99 60%,#14110d66);pointer-events:none;z-index:0}.title-hero>*{position:relative;z-index:1}.detail-cover{aspect-ratio:2 / 3;border:1px solid var(--rule-strong);overflow:hidden;background:var(--bg-soft)}.detail-copy{min-width:0}.detail-kicker{display:inline-block;margin-bottom:14px;padding:5px 10px;border:1px solid var(--accent);color:var(--accent);background:transparent;font-family:var(--font-body);font-size:.68rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.detail-copy h1{max-width:900px;margin:0 0 18px;font-size:clamp(2.2rem,4.4vw,4.2rem);font-weight:300;font-style:italic;line-height:1;letter-spacing:-.01em;background:linear-gradient(135deg,var(--ink) 0%,var(--ink) 55%,var(--accent-soft) 115%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.detail-copy p{max-width:720px;color:var(--ink-soft);font-family:var(--font-display);font-size:1.1rem;font-weight:300;font-style:italic;line-height:1.7}dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin:28px 0 0;border:1px solid var(--rule);background:var(--rule)}dl div{min-width:0;padding:14px 16px;background:var(--bg-elev)}dt{color:var(--accent);font-family:var(--font-body);font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}dd{margin:8px 0 0;overflow-wrap:anywhere;color:var(--ink);font-family:var(--font-display);font-size:1.05rem;font-weight:400}.reader-panel,.watch-panel{padding:0}.panel-bar{position:sticky;top:88px;z-index:20;padding:18px 24px;border-bottom:1px solid var(--rule);background:#14110df5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.chapter-tools{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.chapter-tools select,.chapter-tools button{height:40px;border-radius:0;font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.chapter-tools select{min-width:0;max-width:280px;border:1px solid var(--rule-strong);color:var(--ink);background:var(--bg);padding:0 36px 0 14px;outline:none;transition:border-color .24s var(--ease-quick);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--accent) 50%),linear-gradient(135deg,var(--accent) 50%,transparent 50%);background-position:calc(100% - 18px) 16px,calc(100% - 13px) 16px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.chapter-tools select:focus{border-color:var(--accent)}.chapter-tools button{border:1px solid var(--rule-strong);color:var(--ink);background:transparent;padding:0 16px;transition:color .24s var(--ease-quick),border-color .24s var(--ease-quick)}.chapter-tools button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.chapter-tools button:disabled{color:var(--ink-faint);border-color:var(--rule)}.reader-pages{display:grid;justify-items:center;gap:0;padding:32px 0;background:var(--bg)}.reader-page{width:min(900px,100%);margin:0;overflow:hidden;background:var(--bg-soft)}.reader-page img{display:block;width:100%;height:auto}.reader-page figcaption{display:none}.episode-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;padding:24px}.player-frame{position:sticky;top:160px;aspect-ratio:16 / 9;align-self:start;overflow:hidden;border:1px solid var(--rule-strong);background:var(--bg-soft)}.player-frame iframe{display:block;width:100%;height:100%;border:0}.episode-list{display:grid;align-content:start;max-height:72vh;overflow:auto;gap:8px;padding-right:4px}.episode-list button{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--rule);padding:7px;color:var(--ink);background:transparent;text-align:left;transition:border-color .24s var(--ease-quick),background .24s var(--ease-quick)}.episode-list button:hover,.episode-list button.active{border-color:var(--accent);background:#8b3ffb0a}.episode-list img,.episode-list .cover-fallback{aspect-ratio:16 / 9;width:92px;height:auto;overflow:hidden;object-fit:cover}.episode-list span{display:-webkit-box;overflow:hidden;color:var(--ink);font-family:var(--font-display);font-size:.95rem;font-weight:400;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.status-box{display:grid;min-height:240px;place-content:center;padding:36px;text-align:center;border:1px dashed var(--rule-strong)}.status-box h3{margin:0 0 10px;font-size:1.4rem;font-weight:400;font-style:italic}.status-box p{margin:0 auto;max-width:480px;color:var(--ink-soft);font-family:var(--font-display);font-size:1.05rem;font-weight:300;font-style:italic;line-height:1.55}.status-box.error h3{color:#ffb4b4}@keyframes pulse{to{background-position:-220% 0}}@keyframes entrance{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger-item{animation:entrance .7s var(--ease-luxe) both}.route-fade-in{animation:route-in .6s var(--ease-luxe) both}.route-fade-in>*{animation:route-child-in .8s var(--ease-luxe) both}.route-fade-in>*:nth-child(1){animation-delay:0ms}.route-fade-in>*:nth-child(2){animation-delay:80ms}.route-fade-in>*:nth-child(3){animation-delay:.16s}.route-fade-in>*:nth-child(4){animation-delay:.24s}.route-fade-in>*:nth-child(5){animation-delay:.32s}@keyframes route-in{0%{opacity:0}to{opacity:1}}@keyframes route-child-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.grain-overlay{position:relative;isolation:isolate}.grain-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--grain);background-size:200px 200px;opacity:.04;pointer-events:none;mix-blend-mode:overlay;z-index:1}.numerals{font-family:var(--font-display);font-variant-numeric:oldstyle-nums tabular-nums;font-variation-settings:"opsz" 144;font-weight:400}.numeral-marker{display:inline-block;font-family:var(--font-display);font-style:italic;font-weight:300;font-variation-settings:"opsz" 144;color:var(--accent-soft);letter-spacing:-.02em}.section-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px 24px;align-items:end;padding:12px 0 18px;border-bottom:1px solid var(--rule);margin-bottom:18px;position:relative}.section-head:before{content:"";position:absolute;left:0;bottom:-1px;width:80px;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}.section-head .numeral-marker{font-size:clamp(2rem,4vw,3.4rem);line-height:.85}.section-head .section-titles{display:grid;gap:4px;min-width:0}.section-head .eyebrow{margin:0}.section-head h2{margin:0;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1}.section-head .section-meta{color:var(--ink-faint);font-family:var(--font-mono);font-size:.78rem;font-weight:400;letter-spacing:.08em;white-space:nowrap;font-variant-numeric:oldstyle-nums;text-align:right}.spotlight{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:clamp(var(--space-4),3vw,var(--space-8));align-items:center;border:1px solid var(--rule);padding:clamp(var(--space-5),4vw,var(--space-10));background:linear-gradient(120deg,rgba(139,63,251,.1),transparent 55%),linear-gradient(0deg,var(--bg-elev),var(--bg-elev));overflow:hidden;isolation:isolate}.spotlight:before{content:"";position:absolute;top:-40%;right:-10%;width:480px;height:480px;background:radial-gradient(circle,rgba(139,63,251,.18),transparent 65%);pointer-events:none;z-index:0}.spotlight:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--grain);background-size:200px 200px;opacity:.05;pointer-events:none;mix-blend-mode:overlay;z-index:0}.spotlight>*{position:relative;z-index:1}.spotlight .spotlight-cover{aspect-ratio:2 / 3;width:100%;max-width:280px;justify-self:end;border:1px solid var(--rule-strong);box-shadow:0 30px 60px -20px #0009;transition:transform .6s var(--ease-luxe)}.spotlight:hover .spotlight-cover{transform:translateY(-4px) scale(1.02)}.spotlight-copy{display:grid;gap:18px;min-width:0}.spotlight-kicker{display:inline-flex;align-items:center;gap:12px;color:var(--warm);font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase}.spotlight-kicker:before{content:"◆";font-size:.6rem;color:var(--warm)}.spotlight-copy h2{margin:0;font-size:clamp(2.4rem,5vw,4.6rem);font-weight:300;font-style:italic;line-height:.95;letter-spacing:-.018em;background:linear-gradient(135deg,var(--ink) 0%,var(--ink) 50%,var(--accent-soft) 110%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.spotlight-copy p{max-width:580px;margin:0;color:var(--ink-soft);font-family:var(--font-display);font-style:italic;font-weight:300;font-size:1.1rem;line-height:1.6;font-variation-settings:"opsz" 14}.spotlight-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.spotlight-actions .primary-cta,.spotlight-actions .ghost-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 22px;font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;transition:all .24s var(--ease-quick)}.spotlight-actions .primary-cta svg,.spotlight-actions .ghost-cta svg{width:16px;height:16px;flex:0 0 auto}.spotlight-actions .primary-cta{border:0;color:var(--ink);background:var(--accent)}.spotlight-actions .primary-cta:hover{background:var(--accent-bright);box-shadow:0 12px 40px var(--accent-glow-strong)}.spotlight-actions .ghost-cta{border:1px solid var(--rule-strong);color:var(--ink);background:transparent}.spotlight-actions .ghost-cta:hover{border-color:var(--accent);color:var(--accent)}.rail{display:grid;gap:14px;margin:32px 0 8px}.media-card .card-bookmark{position:absolute;top:8px;right:8px;z-index:2;display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(10,9,7,.5);color:var(--ink);background:#0a090799;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transform:scale(.85);transition:opacity .22s var(--ease-quick),transform .32s var(--ease-spring),color .2s var(--ease-quick),background .2s var(--ease-quick)}.media-card:hover .card-bookmark,.media-card .card-bookmark.is-active{opacity:1;transform:scale(1)}@media (hover: none){.media-card .card-bookmark{opacity:.55;background:#0a090799}.media-card .card-bookmark.is-active{opacity:1}}.media-card .card-bookmark.is-active{color:var(--warm);border-color:var(--warm);background:#2d1147b3}.media-card .card-bookmark:hover{color:var(--warm);border-color:var(--warm)}.media-card .card-bookmark svg{width:14px;height:16px;fill:currentColor;stroke:currentColor;stroke-width:1.4}.media-card .card-progress{position:absolute;left:10px;bottom:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid rgba(10,9,7,.5);color:var(--ink);background:#0a0907a6;font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.04em;font-variant-numeric:oldstyle-nums tabular-nums;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.media-card .card-progress .dot{width:6px;height:6px;border-radius:50%;background:var(--warm);box-shadow:0 0 8px var(--warm)}.media-card .card-badge{position:absolute;right:10px;top:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid rgba(10,9,7,.5);color:var(--ink);background:#8b3ffbd9;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.04em;font-variant-numeric:oldstyle-nums tabular-nums;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.media-card .card-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 8px var(--accent-bright)}.media-card .card-progress-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:#0a090780;z-index:2}.media-card .card-progress-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--warm),var(--accent-bright));transition:width .4s var(--ease-luxe)}.media-card .media-meta h3 .star{color:var(--warm);margin-left:4px;font-size:.85em}.empty-state{display:grid;place-items:center;gap:18px;min-height:280px;padding:48px 24px;text-align:center;border:1px dashed var(--rule-strong);background:#f4efe404}.empty-state svg{width:56px;height:56px;color:var(--ink-faint);opacity:.7}.empty-state h3{margin:0;font-size:1.4rem;font-weight:400;font-style:italic;color:var(--ink)}.empty-state p{margin:0;max-width:380px;color:var(--ink-soft);font-family:var(--font-display);font-style:italic;font-size:1rem;line-height:1.5}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0 4px;border-bottom:1px solid var(--rule);margin-bottom:24px}.filter-chip{height:32px;padding:0 14px;border:1px solid var(--rule);color:var(--ink-soft);background:transparent;font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;transition:all .22s var(--ease-quick)}.filter-chip:hover{border-color:var(--rule-strong);color:var(--ink)}.filter-chip.is-active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.action-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:14px 20px;border:1px solid var(--rule);background:#14110db3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.action-bar .bookmark-toggle,.action-bar .share-button{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:1px solid var(--rule-strong);color:var(--ink);background:transparent;font-family:var(--font-body);font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;transition:all .22s var(--ease-quick)}.action-bar .bookmark-toggle.is-active{border-color:var(--warm);color:var(--warm)}.action-bar .bookmark-toggle:hover,.action-bar .share-button:hover{border-color:var(--accent);color:var(--accent)}.action-bar .bookmark-toggle.is-active:hover{border-color:var(--warm);color:var(--warm)}.action-bar .bookmark-toggle svg,.action-bar .share-button svg{width:14px;height:16px;fill:currentColor;stroke:currentColor;stroke-width:1.4}.action-bar .share-button svg{fill:none}.star-rating{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.star-rating button{width:28px;height:28px;border:0;padding:0;color:var(--ink-faint);background:transparent;transition:color .2s var(--ease-quick),transform .22s var(--ease-spring)}.star-rating button svg{width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:1.2}.star-rating button.is-on{color:var(--warm)}.star-rating button:hover{transform:scale(1.15);color:var(--warm)}.reading-progress{position:fixed;top:88px;left:0;right:0;height:2px;z-index:40;background:transparent;pointer-events:none}.reading-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-bright));box-shadow:0 0 8px var(--accent-glow-strong);transition:width .1s linear;width:0}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-bottom:1px solid var(--rule);background:#14110deb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:sticky;top:88px;z-index:30}.reader-toolbar .reader-counter{color:var(--ink-faint);font-family:var(--font-mono);font-size:.78rem;font-weight:400;letter-spacing:.08em;font-variant-numeric:oldstyle-nums tabular-nums}.reading-mode-toggle{display:inline-flex;gap:0;border:1px solid var(--rule-strong)}.reading-mode-toggle button{min-height:44px;min-width:56px;padding:0 14px;border:0;color:var(--ink-soft);background:transparent;font-family:var(--font-body);font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;transition:all .2s var(--ease-quick)}.reading-mode-toggle button+button{border-left:1px solid var(--rule-strong)}.reading-mode-toggle button.is-active{color:var(--accent);background:var(--accent-glow)}.reader-pages.horizontal{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 0}.reader-pages.horizontal .reader-page{display:none;width:min(900px,100%)}.reader-pages.horizontal .reader-page.is-active{display:block}.reader-pages.horizontal .reader-page img{max-height:calc(100vh - 220px);object-fit:contain;background:var(--bg-soft)}.reader-pages.double .reader-page{display:none;width:min(720px,49%);vertical-align:top}.reader-pages.double .reader-page.is-active{display:inline-block}.reader-page-placeholder{width:100%;min-height:40vh;background:var(--bg-soft)}.reader-pages.vertical{max-height:calc(100vh - 220px);overflow-y:auto}.drop-cap:first-letter{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:4.6em;line-height:.85;float:left;margin:6px 14px 0 -2px;color:var(--accent-soft);font-variation-settings:"opsz" 144}.login-shell{position:relative;min-height:100vh;display:grid;place-items:center;padding:32px;background:var(--bg);overflow:hidden;isolation:isolate}.login-bg-jp{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:min(600px,100%);z-index:0;pointer-events:none;overflow:visible}.login-bg-jp .jp-glyph{position:absolute;font-family:var(--font-jp);font-weight:300;font-style:normal;color:var(--accent);line-height:1;-webkit-user-select:none;user-select:none;white-space:nowrap;opacity:.16;mix-blend-mode:screen;will-change:transform,opacity}.login-bg-jp .jp-glyph--tl{top:5%;left:-20%;font-size:clamp(7rem,12vw,14rem);letter-spacing:0;opacity:.24;animation:jp-drift-l 14s linear infinite,jp-breathe 9s ease-in-out infinite}.login-bg-jp .jp-glyph--bl{bottom:5%;left:-20%;font-size:clamp(7rem,12vw,14rem);letter-spacing:0;opacity:.22;animation:jp-drift-l 17s linear infinite -5s,jp-breathe 10s ease-in-out infinite}.login-bg-jp .jp-glyph--tr{top:5%;right:-20%;font-size:clamp(7rem,12vw,14rem);letter-spacing:0;opacity:.24;animation:jp-drift-r 14s linear infinite -2s,jp-breathe 11s ease-in-out infinite}.login-bg-jp .jp-glyph--br{bottom:5%;right:-20%;font-size:clamp(7rem,12vw,14rem);letter-spacing:0;opacity:.22;animation:jp-drift-r 17s linear infinite -7s,jp-breathe 12s ease-in-out infinite}@keyframes jp-drift-l{0%{transform:translate(0) rotate(-3deg)}25%{transform:translate(3%,2%) rotate(2deg)}50%{transform:translate(0) rotate(-1deg)}75%{transform:translate(-2%,-1%) rotate(0)}to{transform:translate(0) rotate(-3deg)}}@keyframes jp-drift-r{0%{transform:translate(0) rotate(3deg)}25%{transform:translate(-3%,2%) rotate(-2deg)}50%{transform:translate(0) rotate(1deg)}75%{transform:translate(2%,-1%) rotate(0)}to{transform:translate(0) rotate(3deg)}}@keyframes jp-breathe{0%,to{opacity:.85}50%{opacity:1}}.login-card{position:relative;z-index:1;display:grid;width:min(600px,100%);gap:28px;padding:40px 36px 36px;border:1px solid var(--rule-strong);background:#14110dc7;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);box-shadow:0 30px 80px #00000080;isolation:isolate}.login-card:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.login-logo{display:block;width:min(100%,560px);height:auto;aspect-ratio:16 / 9;object-fit:contain;justify-self:center;margin:0 auto 4px;filter:drop-shadow(0 18px 40px var(--accent-glow-strong))}.login-card .session-banner{margin:0;text-align:center}.login-card .login-form-card{display:grid;gap:18px}@media (max-width: 540px){.login-card{padding:32px 24px 28px}.login-bg-jp .jp-glyph--tl,.login-bg-jp .jp-glyph--bl,.login-bg-jp .jp-glyph--tr,.login-bg-jp .jp-glyph--br{font-size:8rem}}@media (prefers-reduced-motion: reduce){.login-bg-jp .jp-glyph{animation:none}}.settings-page{display:grid;gap:24px;padding:32px 0}.settings-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--rule);margin-bottom:16px}.settings-tabs button{height:44px;padding:0 18px;border:0;border-bottom:2px solid transparent;color:var(--ink-soft);background:transparent;font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;transition:all .22s var(--ease-quick)}.settings-tabs button:hover{color:var(--ink)}.settings-tabs button.is-active{color:var(--ink);border-bottom-color:var(--accent)}.settings-panel{display:grid;gap:20px;padding:24px;border:1px solid var(--rule);background:#f4efe403}.user-search{width:100%;max-width:320px;height:38px;padding:0 14px;border:1px solid var(--rule);color:var(--ink);background:var(--bg);font-family:var(--font-mono);font-size:.85rem;outline:none;transition:border-color .2s var(--ease-quick)}.user-search:focus{border-color:var(--accent)}.user-search::placeholder{color:var(--ink-faint);font-style:italic;font-family:var(--font-display)}.episode-card{display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;align-items:center;border:1px solid var(--rule);padding:8px;background:transparent;text-align:left;color:var(--ink);transition:all .22s var(--ease-quick)}.episode-card:hover,.episode-card.is-active{border-color:var(--accent);background:#8b3ffb0a}.episode-card.is-active{box-shadow:inset 3px 0 0 var(--accent)}.episode-card .episode-thumb{width:140px;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--rule)}.episode-card .episode-thumb img,.episode-card .episode-thumb .cover-fallback{width:100%;height:100%;object-fit:cover}.episode-card .episode-info{display:grid;gap:4px;min-width:0}.episode-card .episode-info .episode-num{color:var(--accent-soft);font-family:var(--font-body);font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.episode-card .episode-info .episode-title{color:var(--ink);font-family:var(--font-display);font-style:italic;font-size:1.05rem;font-weight:400;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.episode-card .episode-info .episode-duration{color:var(--ink-faint);font-family:var(--font-mono);font-size:.72rem;font-variant-numeric:oldstyle-nums}.modal{border:1px solid var(--rule-strong);background:var(--bg-elev);box-shadow:0 40px 100px #0009,0 0 80px var(--accent-glow);animation:modal-in .38s var(--ease-spring);position:relative}.modal:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.4}@keyframes modal-in{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.stagger-item{animation:none}}.empty-state__decor{display:flex;align-items:center;gap:.75rem;width:100%;max-width:380px}.empty-state__numeral{font-size:3rem;line-height:1;color:var(--accent);opacity:.6;font-family:var(--font-display);font-style:italic}.empty-state__rule{flex:1;border:0;height:1px;background:var(--rule)}.empty-state__icon{color:var(--ink-faint);opacity:.6}.empty-state__icon svg{width:40px;height:40px}.empty-state__title{margin:0;font-size:1.4rem;font-weight:400;font-style:italic}.empty-state__copy{margin:0;max-width:380px;color:var(--ink-soft);font-family:var(--font-display);font-style:italic;font-size:1rem;line-height:1.5}.empty-state__action{margin-top:.5rem}.status-box{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border:1px dashed var(--rule-strong);border-radius:var(--radius-sm, 4px);background:#f4efe404}.status-box--error{border-left:3px solid #ef4444}.status-box--success{border-left:3px solid #22c55e}.status-box--warning{border-left:3px solid #f59e0b}.status-box__label{flex:0 0 auto;font-size:.7rem;color:var(--accent);opacity:.7;letter-spacing:.12em}.status-box__body{display:grid;gap:4px;min-width:0}.status-box__title{margin:0;font-size:1rem;font-weight:400;font-style:italic}.status-box__copy{margin:0;color:var(--ink-soft);font-family:var(--font-display);font-style:italic;font-size:.92rem;line-height:1.5}.rail__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.rail__controls{display:flex;gap:6px}.rail__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--rule-strong);border-radius:var(--radius-sm, 4px);color:var(--ink-soft);background:transparent;cursor:pointer;transition:color .2s var(--ease-quick),border-color .2s var(--ease-quick)}.rail__btn svg{width:16px;height:16px}.rail__btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.rail__btn--disabled{opacity:.25;pointer-events:none}.chibi-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;max-width:260px;margin:0 auto 1rem}.chibi-grid svg{width:100%;height:auto;transition:transform .34s var(--ease-spring),filter .34s var(--ease-quick);filter:drop-shadow(0 0 4px var(--accent-glow))}.chibi-grid svg:hover{transform:translateY(-4px) scale(1.04);filter:drop-shadow(0 0 14px var(--accent-glow-strong))}@media (hover: none){.chibi-grid svg:hover{transform:none;filter:drop-shadow(0 0 4px var(--accent-glow))}}.manga-shelf-divider{margin:2rem auto;width:100%;max-width:520px}.manga-shelf-divider svg{width:100%;height:auto}.hero-decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.hero-decor>*{position:absolute}.hero-decor .halftone-bg{top:-10%;right:-5%;width:min(300px,50vw);height:auto;opacity:.12;transform:rotate(8deg)}.hero-decor .speedlines-bg{bottom:-20%;left:-5%;width:min(350px,60vw);height:auto;opacity:.1}.numerals--folio{font-weight:300;letter-spacing:.08em}.error-boundary{display:grid;place-items:center;min-height:60vh;padding:48px 24px;text-align:center;gap:12px}.error-boundary__code{font-family:var(--font-mono);font-size:3rem;font-weight:300;color:var(--accent);opacity:.4;letter-spacing:.08em}.error-boundary__title{margin:0;font-size:1.6rem;font-weight:400;font-style:italic}.error-boundary__msg{max-width:480px;color:var(--ink-soft);font-family:var(--font-display);font-style:italic;font-size:1rem;line-height:1.5}.error-boundary__action{margin-top:1rem;height:40px;padding:0 20px;border:1px solid var(--accent);color:var(--accent);background:transparent;font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:color .24s var(--ease-quick),background .24s var(--ease-quick)}.error-boundary__action:hover{color:var(--ink);background:var(--accent)}@media (prefers-reduced-motion: reduce){.chibi-grid svg{transition:none}.chibi-grid svg:hover{transform:none}}@media (max-width: 1040px){.app-shell{padding-top:144px}.title-hero{grid-template-columns:minmax(180px,260px) minmax(0,1fr)}.episode-layout{grid-template-columns:1fr}.player-frame{position:static}.episode-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));max-height:none}.spotlight{grid-template-columns:1fr;padding:32px 24px}.spotlight .spotlight-cover{justify-self:start;max-width:220px}}@media (max-width: 760px){.site-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand settings" "tabs tabs" "search search";gap:12px;padding:12px 16px}.tabs{width:100%}.tabs button{flex:1;min-width:0}.top-search{grid-template-columns:minmax(0,1fr) 52px}.top-search button span{display:none}.settings-wrap{justify-self:end}.settings-menu{width:min(360px,calc(100vw - 28px));padding:18px 18px 16px}.app-shell{padding-top:168px}.workspace{padding:28px 16px 48px}.home-hero{grid-template-columns:1fr;min-height:220px;padding:36px 0 28px}.home-hero h1{margin-bottom:14px}.rail-head,.section-head,.panel-bar{display:grid;align-items:start}.section-head span{grid-column:1;grid-row:auto}.section-head .section-meta{white-space:normal;text-align:left}.rail-scroll{gap:8px}.grid-list{grid-template-columns:repeat(auto-fill,minmax(120px,150px));gap:16px 12px}.title-hero{grid-template-columns:1fr;padding:18px;gap:18px}.detail-cover{width:min(180px,100%);justify-self:start}.auth-card{padding:40px 32px 32px}.panel-bar{position:static;gap:14px}.panel-bar>div:first-child{min-width:0}.panel-bar h2{font-size:clamp(1.3rem,5vw,1.8rem)}.chapter-tools{display:grid;min-width:0;width:100%;justify-content:stretch}.chapter-tools select,.chapter-tools button{width:100%;max-width:none;min-height:40px}.reader-pages,.episode-layout{padding:14px}.reader-toolbar{position:static;flex-direction:column;align-items:stretch;gap:8px;padding:12px 14px}.reader-toolbar .reader-counter{text-align:center}.reading-mode-toggle{align-self:center}.episode-card{grid-template-columns:1fr}.episode-card .episode-thumb{width:100%}.episode-list,.blocked-user{grid-template-columns:1fr}.blocked-user small,.blocked-user button{grid-column:auto;grid-row:auto}.spotlight{padding:24px 18px}.spotlight-actions{width:100%}.spotlight-actions .primary-cta,.spotlight-actions .ghost-cta{flex:1;min-width:0}.action-bar{padding:12px 14px}.star-rating{margin-left:0;width:100%;justify-content:space-between}.modal-card{padding:18px}.login-card{padding:32px 24px 28px}}@media (max-width: 420px){.header-logo{width:132px;height:46px}.grid-list{grid-template-columns:repeat(auto-fill,minmax(100px,130px));gap:12px 10px}.media-meta h3{font-size:.95rem}.auth-card{padding:40px 28px 36px}.user-row{grid-template-columns:1fr;gap:8px}.user-actions{width:100%;justify-content:flex-end}.action-bar{flex-direction:column;align-items:stretch}.action-bar .bookmark-toggle,.action-bar .share-button{width:100%;justify-content:center}.floating-error{right:12px;left:12px;bottom:12px;max-width:none}}