:root{--tab-h:56px;--rail-icon:28px;--scrim-top:linear-gradient(to bottom, #0000008c, #0000 100%);--scrim-bottom:linear-gradient(to top, #000000bf, #00000059 45%, #0000 100%)}.app{min-block-size:100dvh;max-inline-size:var(--phone);background:var(--bg);--text-faint:#7f8aa0;margin-inline:auto;position:relative}.tabbed{padding-block-end:calc(var(--tab-h) + var(--safe-bottom))}.page{flex-direction:column;gap:22px;padding:0 16px 24px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 6px;padding-block-start:calc(12px + var(--safe-top));display:flex}.topbar .wordmark{letter-spacing:-.03em;font-size:21px}.topbar-side{align-items:center;gap:8px;display:flex}.coins{font-variant-numeric:tabular-nums;color:var(--accent);background:color-mix(in oklab, var(--accent) 14%, transparent);border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:650;display:inline-flex}.h-section{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700}.hero{aspect-ratio:3/4;border-radius:var(--radius);background:linear-gradient(160deg, var(--surface-2), #0a0d14);position:relative;overflow:hidden}.hero.bleed{aspect-ratio:4/5;border-radius:0;margin-inline:-16px}.hero-media{display:block;position:absolute;inset:0}.hero-media img{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.hero-empty{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.hero-scrim{pointer-events:none;background:linear-gradient(to bottom, #07080c00 38%, #07080c99 68%, var(--bg) 100%);position:absolute;inset:0}.hero-body{gap:8px;padding:16px;display:grid;position:absolute;inset-block-end:0;inset-inline:0}.hero-text{gap:6px;display:grid}.hero-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.hero-title{letter-spacing:-.03em;text-shadow:0 2px 16px #000000b3;margin:0;font-size:28px;font-weight:800;line-height:1.05}.hero-tagline{color:var(--text-dim);font-size:14px;line-height:1.4}.meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12px;display:flex}.meta b{color:var(--text);font-weight:600}.meta .dot:before{content:"·";color:var(--text-faint)}.meta .scifi{color:var(--scifi)}.meta .fantasy{color:var(--fantasy)}.hero-actions{gap:8px;margin-block-start:4px;display:flex}.btn.play{border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:15px;display:inline-flex}.btn.glass{color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border-radius:12px;align-items:center;gap:6px;padding:12px 14px;display:inline-flex}.btn.glass[aria-pressed=true]{color:var(--accent)}.round{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#00000073;border-radius:999px;place-items:center;block-size:38px;inline-size:38px;display:grid;position:absolute;inset-block-start:calc(10px + var(--safe-top));inset-inline-start:12px}.rail{gap:10px;display:grid}.rail-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.rail-head h2{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700}.rail-head .muted{font-size:12px}.rail-track{scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:10px;margin-inline:-16px;padding-inline:16px;display:flex;overflow-x:auto}.rail-track::-webkit-scrollbar{display:none}.tile{scroll-snap-align:start;flex:0 0 118px;align-content:start;gap:6px;display:grid}.tile.wide{flex-basis:150px}.tile-poster{aspect-ratio:2/3;background:linear-gradient(160deg, var(--surface-2), #0a0d14);border-radius:10px;position:relative;overflow:hidden}.tile-poster img{object-fit:cover;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.tile-badge{letter-spacing:.04em;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;inset-block-start:6px;inset-inline-end:6px}.tile-progress{background:#ffffff40;block-size:3px;position:absolute;inset-block-end:0;inset-inline:0}.tile-progress i{background:var(--accent);block-size:100%;display:block}.tile-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.tile-sub{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:11px}.synopsis{color:var(--text-dim);margin:0;font-size:14.5px;line-height:1.55}.epgrid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.ep{aspect-ratio:1;background:var(--surface-2);color:var(--text);font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;font-size:14px;font-weight:650;display:grid;position:relative}.ep.locked{color:var(--text-dim)}.ep.soon{color:var(--text-faint);border:1px dashed var(--line);background:0 0}.ep.now{background:var(--accent);color:#1a1204}.ep-mark{color:var(--text-faint);display:flex;position:absolute;inset-block-start:4px;inset-inline-end:4px}.tabbar{max-inline-size:var(--phone);block-size:calc(var(--tab-h) + var(--safe-bottom));background:color-mix(in oklab, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:30;border-block-start:1px solid #ffffff0f;grid-template-columns:repeat(3,1fr);margin-inline:auto;padding-block-end:var(--safe-bottom);display:grid;position:fixed;inset-block-end:0;inset-inline:0}.tab{letter-spacing:.02em;color:var(--text-faint);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:600;display:flex}.tab.active{color:var(--text)}.tab.active svg{color:var(--accent)}.signin-page{gap:12px;max-inline-size:380px;margin-inline:auto;padding:24px 16px;display:grid}.reel{scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#000;outline:none;block-size:100dvh;position:relative;overflow-y:auto}.reel::-webkit-scrollbar{display:none}.reel-page{scroll-snap-align:start;scroll-snap-stop:always;--reel-bottom:0px;background:#000;block-size:100dvh;position:relative;overflow:hidden}.reel-stage{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.reel-stage video,.reel-cover{object-fit:cover;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.reel-cover.dim{filter:brightness(.4)}.reel-scrim-top{background:var(--scrim-top);pointer-events:none;block-size:150px;position:absolute;inset-block-start:0;inset-inline:0}.reel-scrim-bottom{background:var(--scrim-bottom);pointer-events:none;block-size:48%;position:absolute;inset-block-end:0;inset-inline:0}.reel-top{z-index:3;padding:calc(10px + var(--safe-top)) 12px 0;pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;inset-block-start:0;inset-inline:0}.reel-top>*{pointer-events:auto}.reel-top .round{flex:none;position:static}.reel-crumb{text-shadow:0 1px 6px #000c;gap:1px;min-inline-size:0;display:grid}.reel-crumb b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.reel-crumb span{color:#ffffffbf;font-size:11.5px}.reel-rail{z-index:3;gap:10px;display:grid;position:absolute;inset-block-end:calc(var(--reel-bottom) + var(--safe-bottom) + 112px);inset-inline-end:6px}.railbtn{color:#fff;text-shadow:0 1px 6px #000c;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-items:center;gap:2px;padding:6px 4px;font-size:10.5px;font-weight:600;display:grid}.railbtn svg{filter:drop-shadow(0 1px 4px #000000b3)}.railbtn[aria-pressed=true]{color:var(--accent)}.reel-bottom{z-index:3;pointer-events:none;gap:8px;padding:0 72px 0 14px;padding-block-end:calc(22px + var(--safe-bottom));display:grid;position:absolute;inset-block-end:var(--reel-bottom);inset-inline:0}.reel-bottom>*{pointer-events:auto}.reel-series{letter-spacing:-.01em;text-shadow:0 1px 6px #000c;font-size:16px;font-weight:800}.reel-tagline{color:#ffffffd1;text-shadow:0 1px 6px #000c;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.reel-cta{background:var(--accent);color:#1a1204;border-radius:10px;justify-self:start;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex}.reel-title{color:#ffffffd9;text-align:start;text-shadow:0 1px 6px #000c;background:0 0;border:0;justify-self:start;padding:0;font-size:13px;font-weight:600}.caption{color:#fff;text-shadow:0 1px 3px #000,0 0 12px #000000d9;text-wrap:balance;align-items:flex-end;min-block-size:46px;font-size:16px;font-weight:500;line-height:1.35;display:flex}.caption.fallback{color:#ffffffb3;font-style:italic}.progress-hit{block-size:calc(18px + var(--safe-bottom));z-index:4;touch-action:none;cursor:pointer;position:absolute;inset-block-end:var(--reel-bottom);inset-inline:0}.progress{background:#ffffff47;block-size:2px;transition:block-size .15s;position:absolute;inset-block-end:calc(var(--safe-bottom) + 4px);inset-inline:0}.progress i{background:var(--accent);block-size:100%;inline-size:0;display:block}.progress-hit.seeking .progress{block-size:5px}.seek-time{color:#fff;font-variant-numeric:tabular-nums;background:#000000b3;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:700;position:absolute;inset-block-end:calc(var(--safe-bottom) + 18px);inset-inline-start:14px}.glyph{z-index:2;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.glyph>span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#00000073;border-radius:999px;place-items:center;block-size:76px;inline-size:76px;animation:.6s ease-out forwards glyph-flash;display:grid}.glyph.hold>span{animation:none}@keyframes glyph-flash{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.25)}}.spinner{border:3px solid #ffffff40;border-block-start-color:#fff;border-radius:999px;block-size:38px;inline-size:38px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.rate{z-index:5;text-align:center;letter-spacing:.08em;color:#fff;text-shadow:0 1px 6px #000c;pointer-events:none;font-size:15px;font-weight:800;position:absolute;inset-block-start:calc(70px + var(--safe-top));inset-inline:0}.pill-sound{z-index:5;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000009e;border:0;border-radius:999px;align-items:center;gap:6px;inline-size:max-content;margin-inline:auto;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;inset-block-start:calc(64px + var(--safe-top));inset-inline:0}.card-overlay{z-index:3;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.ocard{text-align:center;color:#fff;justify-items:center;gap:10px;max-inline-size:300px;display:grid}.ocard h3{letter-spacing:-.02em;margin:0;font-size:21px;font-weight:800}.ocard p{color:#ffffffc7;margin:0;font-size:14px;line-height:1.5}.ocard .btn{margin-block-start:6px}.ocard-actions{gap:8px;margin-block-start:6px;display:flex}.sheet-backdrop{z-index:40;background:#0000008c;justify-content:center;align-items:flex-end;animation:.18s ease-out fade-in;display:flex;position:fixed;inset:0}.sheet{inline-size:100%;max-inline-size:var(--phone);background:var(--surface);max-block-size:82dvh;padding:8px 16px calc(20px + var(--safe-bottom));border-radius:18px 18px 0 0;align-content:start;gap:14px;animation:.22s ease-out sheet-up;display:grid;overflow-y:auto}.sheet-handle{background:var(--line);border-radius:2px;block-size:4px;inline-size:36px;margin:4px auto 0}.sheet-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.sheet-head h3{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:700}.sheet-close{background:var(--surface-2);block-size:32px;inline-size:32px;color:var(--text-dim);border:0;border-radius:999px;place-items:center;display:grid}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.chunk-tabs{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.chunk-tab{background:var(--surface-2);color:var(--text-dim);border:0;border-radius:999px;flex:none;padding:6px 12px;font-size:12px;font-weight:600}.chunk-tab[aria-selected=true]{background:var(--accent);color:#1a1204}.sheet .ep{font:inherit;border:0;font-size:14px;font-weight:650}.sheet .ep.soon{border:1px dashed var(--line)}.sheet .ep:disabled{cursor:default}.lang-list{gap:6px;display:grid}.lang{background:var(--surface-2);color:var(--text);text-align:start;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:15px;display:flex}.lang>span{gap:2px;display:grid}.lang small{color:var(--text-faint);font-size:12px}.lang[aria-checked=true]{color:var(--accent)}.switch-row{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.switch-row>span{gap:2px;display:grid}.switch-row small{color:var(--text-faint);font-size:12px}.switch-row input{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;flex:none;block-size:26px;inline-size:44px;margin:0;transition:background .15s;position:relative}.switch-row input:after{content:"";background:#fff;border-radius:999px;block-size:20px;inline-size:20px;transition:transform .15s;position:absolute;inset-block-start:3px;inset-inline-start:3px}.switch-row input:checked{background:var(--accent)}.switch-row input:checked:after{transform:translate(18px)}.paywall-price{letter-spacing:-.03em;color:var(--accent);align-items:baseline;gap:6px;font-size:32px;font-weight:800;display:flex}.paywall-price svg{align-self:center}.paywall-price small{letter-spacing:0;color:var(--text-dim);font-size:14px;font-weight:600}.paywall-what{color:var(--text-dim);margin:0;font-size:14px}.paywall-row{border-block-start:1px solid var(--line);color:var(--text-dim);justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;display:flex}.paywall-row b{color:var(--text);font-weight:650}.paywall-link{color:var(--accent);justify-content:space-between;align-items:center;font-size:14px;display:flex}.btn.wide{border-radius:12px;inline-size:100%;padding:13px 18px;font-size:15px}.toast{z-index:50;color:#fff;background:#161922f5;border-radius:10px;inline-size:max-content;max-inline-size:90%;margin-inline:auto;padding:10px 16px;font-size:13px;font-weight:600;animation:.15s ease-out fade-in;position:fixed;inset-block-end:calc(96px + var(--safe-bottom));inset-inline:0;box-shadow:0 6px 24px #0006}.page.me{padding-block-start:calc(18px + var(--safe-top))}.me-head{gap:2px;display:grid}.me-card{border-radius:var(--radius);background:var(--surface);gap:10px;padding:16px;display:grid}.me-card h2{margin:0;font-size:15px;font-weight:700}.me-card .btn.play{flex:none}.coins-big{color:var(--accent);align-items:baseline;gap:8px;display:flex}.coins-big svg{align-self:center}.coins-big b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:800}.coins-big span{color:var(--text-dim);font-size:14px;font-weight:600}.ledger{margin:0;padding:0;list-style:none;display:grid}.ledger li{border-block-start:1px solid var(--line);color:var(--text-dim);justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.ledger b{font-variant-numeric:tabular-nums}.ledger b.pos{color:var(--ok)}.ledger b.neg{color:var(--text)}.me-list{gap:6px;display:grid}.me-row{background:var(--surface);inline-size:100%;color:var(--text);font:inherit;text-align:start;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:600;display:flex}.me-row>span{gap:2px;display:grid}.me-row small{color:var(--text-faint);font-size:12px;font-weight:400}.me-row.static{background:0 0;padding-inline:0}.seg{background:var(--surface-2);border-radius:999px;justify-self:start;gap:4px;padding:3px;display:inline-flex}.seg-item{color:var(--text-dim);background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.seg-item[aria-checked=true]{background:var(--accent);color:#1a1204}.tabbed:has(.reel){padding-block-end:0}.sk{background:linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%);background-size:200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite shimmer;display:block}.sk.hero{border-radius:var(--radius)}.sk.tile-poster{border-radius:10px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.rail-track,.reel{scroll-behavior:auto}.sheet,.sheet-backdrop,.toast,.glyph>span,.progress,.sk{transition:none;animation:none}}