:root{--ink: #0a0910;--ink-2: #12101c;--veil: rgba(255, 255, 255, .055);--veil-hi: rgba(255, 255, 255, .085);--edge: rgba(255, 255, 255, .13);--edge-hi: rgba(255, 255, 255, .24);--text: #f2eff7;--dim: #9c97ad;--dimmer: #6c6880;--glow: #c9a227;--glow-soft: rgba(201, 162, 39, .16);--rail: 232px;--bar: 84px;--serif: "Fraunces", "Iowan Old Style", Georgia, serif;--sans: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--glow);outline-offset:3px;border-radius:4px}.ambient{position:fixed;top:-20vmax;right:-20vmax;bottom:-20vmax;left:-20vmax;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 0%,var(--ink-2),var(--ink) 70%)}.ambient img{width:100%;height:100%;object-fit:cover;filter:blur(90px) saturate(1.7);opacity:.34;transition:opacity 1.2s ease}.ambient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a091059,#0a0910e0)}.glass{background:var(--veil);border:1px solid var(--edge);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);box-shadow:inset 0 1px #ffffff17,0 18px 46px #0000006b}@supports not (backdrop-filter: blur(1px)){.glass{background:#181524eb}}.shell{position:relative;z-index:1;display:grid;grid-template-columns:var(--rail) minmax(0,1fr);height:100%;gap:14px;padding:14px 14px calc(var(--bar) + 22px)}.rail{border-radius:20px;padding:26px 18px;display:flex;flex-direction:column;gap:30px;overflow-y:auto}.mark{font-family:var(--serif);font-optical-sizing:auto;font-size:30px;font-weight:500;letter-spacing:-.02em;line-height:1;padding-left:6px}.mark span{color:var(--glow)}.rail nav{display:flex;flex-direction:column;gap:2px}.rail nav a{padding:9px 12px;border-radius:10px;color:var(--dim);font-weight:500;transition:background .18s,color .18s}.rail nav a:hover{color:var(--text);background:var(--veil-hi)}.rail nav a[aria-current=page]{color:var(--text);background:var(--veil-hi);box-shadow:inset 2px 0 0 var(--glow)}.rail h2{font:500 12px/1 var(--sans);color:var(--dimmer);margin:0 0 10px 12px;letter-spacing:.01em}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 11px;border-radius:999px;border:1px solid var(--edge);color:var(--dim);font-size:13px;transition:color .18s,border-color .18s,background .18s}.chip:hover,.chip[data-on=true]{color:var(--text);border-color:var(--edge-hi);background:var(--veil-hi)}.chip[data-on=true]{border-color:var(--glow);color:var(--glow)}.main{overflow-y:auto;scrollbar-width:thin;padding-right:4px}.main>*+*{margin-top:44px}.hero{display:grid;grid-template-columns:268px minmax(0,1fr);gap:34px;align-items:end;padding:40px 40px 38px;border-radius:24px;min-height:380px}.hero-art{aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--veil-hi);box-shadow:0 30px 70px #0000008c}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-meta{color:var(--dim);font-size:14px;display:flex;gap:18px;margin-bottom:14px}.hero h1{font-family:var(--serif);font-optical-sizing:auto;font-weight:300;font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.028em;margin:0 0 16px;max-width:14ch}.hero p{color:var(--dim);margin:0 0 26px;max-width:58ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-actions{display:flex;align-items:center;gap:14px}.play-cta{display:inline-flex;align-items:center;gap:11px;padding:13px 26px 13px 21px;border-radius:999px;background:var(--glow);color:#17130a;font-weight:600;transition:transform .16s ease,box-shadow .16s ease;box-shadow:0 8px 30px var(--glow-soft)}.play-cta:hover{transform:translateY(-1px);box-shadow:0 12px 38px #c9a2274d}.play-cta:active{transform:translateY(0)}.ghost{padding:12px 20px;border-radius:999px;border:1px solid var(--edge);color:var(--dim);font-weight:500;transition:color .18s,border-color .18s}.ghost:hover{color:var(--text);border-color:var(--edge-hi)}.shelf h2{font-family:var(--serif);font-weight:500;font-size:22px;letter-spacing:-.01em;margin:0 0 16px 2px}.row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:10px;scrollbar-width:thin}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:20px 16px}.card{width:178px;flex:0 0 auto;scroll-snap-align:start;border-radius:14px;overflow:hidden;text-align:left;transition:transform .2s ease}.grid .card{width:auto}.card-art{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--veil-hi);border:1px solid var(--edge)}.card-art img{width:100%;height:100%;object-fit:cover}.card-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(10,9,16,.6));opacity:0;transition:opacity .2s}.card:hover{transform:translateY(-3px)}.card:hover .card-art:after{opacity:1}.card h3{font:500 14px/1.35 var(--sans);margin:11px 2px 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card p{color:var(--dimmer);font-size:12.5px;margin:0 2px}.badge{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:999px;background:#0a0910b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--glow);font-size:11px;font-weight:600}.episodes{display:flex;flex-direction:column;gap:2px}.ep{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;padding:13px 16px;border-radius:12px;text-align:left;border:1px solid transparent;transition:background .16s,border-color .16s}.ep:hover{background:var(--veil);border-color:var(--edge)}.ep[data-on=true]{background:var(--veil-hi);border-color:var(--edge)}.ep[data-on=true] .ep-n{color:var(--glow)}.ep-n{color:var(--dimmer);font-variant-numeric:tabular-nums;font-size:14px}.ep-t{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-d{color:var(--dimmer);font-size:13px;font-variant-numeric:tabular-nums}.ep-bar{grid-column:2 / -1;height:2px;border-radius:2px;background:var(--edge);overflow:hidden}.ep-bar i{display:block;height:100%;background:var(--glow)}.bar{position:fixed;left:14px;right:14px;bottom:14px;z-index:20;border-radius:18px;height:var(--bar);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;padding:0 20px}.bar-id{display:flex;align-items:center;gap:14px;min-width:0}.bar-id img{width:52px;height:52px;border-radius:10px;object-fit:cover;background:var(--veil-hi)}.bar-id div{min-width:0}.bar-id strong{display:block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-id span{color:var(--dimmer);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.transport{display:flex;align-items:center;gap:8px}.tbtn{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--dim);transition:color .16s,background .16s}.tbtn:hover:not(:disabled){color:var(--text);background:var(--veil-hi)}.tbtn:disabled{opacity:.3;cursor:default}.tbtn.main{width:46px;height:46px;background:var(--text);color:var(--ink)}.tbtn.main:hover:not(:disabled){background:#fff;color:var(--ink)}.scrub{display:flex;align-items:center;gap:12px}.scrub time{color:var(--dimmer);font-size:12px;font-variant-numeric:tabular-nums;min-width:42px}.scrub time:last-of-type{text-align:right}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:16px;background:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:var(--edge)}input[type=range]::-moz-range-track{height:3px;border-radius:3px;background:var(--edge)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;margin-top:-4px;border-radius:50%;background:var(--text)}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:var(--text)}.rate{padding:5px 10px;border-radius:8px;border:1px solid var(--edge);color:var(--dim);font-size:12.5px;font-variant-numeric:tabular-nums}.rate:hover{color:var(--text);border-color:var(--edge-hi)}.state{padding:60px 8px;color:var(--dim);max-width:46ch}.state h2{font-family:var(--serif);font-weight:500;font-size:26px;color:var(--text);margin:0 0 8px}.skeleton{background:var(--veil);border-radius:14px;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.45}50%{opacity:.9}}.search{width:100%;max-width:420px;padding:12px 16px;border-radius:12px;border:1px solid var(--edge);background:var(--veil);color:var(--text);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.search::placeholder{color:var(--dimmer)}.search:focus{border-color:var(--edge-hi);outline:none}@media (max-width: 900px){.shell{grid-template-columns:1fr;padding:10px 10px calc(var(--bar) + 74px)}.rail{position:fixed;left:10px;right:10px;bottom:calc(var(--bar) + 20px);z-index:19;flex-direction:row;align-items:center;gap:6px;padding:8px;border-radius:16px}.rail .mark,.rail section{display:none}.rail nav{flex-direction:row;flex:1;justify-content:space-around}.hero{grid-template-columns:1fr;padding:24px;gap:22px;min-height:0}.hero-art{width:150px}.hero h1{max-width:none}.bar{grid-template-columns:minmax(0,1fr) auto;height:auto;padding:12px 14px;gap:12px}.scrub{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--edge);border-radius:99px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--edge-hi);background-clip:content-box}*{scrollbar-color:var(--edge) transparent}