:root{--bg: #07070b;--bg-elev: #101018;--surface: #16161f;--card: #1c1c28;--line: rgba(255, 255, 255, .08);--text: #f6f4f1;--muted: #9a96a8;--faint: #6c6878;--accent: #ff3b6b;--accent-2: #ff6b8a;--gold: #ffc857;--gold-dim: #c4922a;--free: #3dd68c;--danger: #ff5a6a;--radius: 16px;--nav-h: 64px;--font: "Manrope", "Segoe UI", system-ui, sans-serif;--display: "Fraunces", "Times New Roman", serif;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font)}body{overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit;color:inherit}button{cursor:pointer;border:0;background:none}img{max-width:100%;display:block}.app-shell{min-height:100dvh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px))}.app-shell.player-mode{padding-bottom:0}.page{padding:16px 16px 28px;max-width:560px;margin:0 auto}.page.wide{max-width:720px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 12px;position:sticky;top:0;z-index:20;background:linear-gradient(180deg,#07070b 70%,#07070b00)}.topbar h1,.page-title{font-family:var(--display);font-size:28px;letter-spacing:-.03em;font-weight:700}.coin-chip{display:inline-flex;align-items:center;gap:6px;background:#241c12;border:1px solid rgba(255,200,87,.35);color:var(--gold);border-radius:999px;padding:6px 10px;font-weight:700;font-size:13px}.icon-btn{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--surface);color:var(--text)}.row-head{display:flex;align-items:baseline;justify-content:space-between;margin:22px 0 12px}.row-head h2{font-size:18px;font-weight:800}.row-head span,.muted{color:var(--muted);font-size:13px}.h-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.h-scroll::-webkit-scrollbar{display:none}.poster{position:relative;overflow:hidden;border-radius:14px;isolation:isolate;color:#fff}.poster .art{position:absolute;top:0;right:0;bottom:0;left:0}.poster .copy{position:absolute;left:10px;right:10px;bottom:10px;z-index:2}.poster .kicker{font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.8;font-weight:700}.poster .title{font-family:var(--display);font-weight:700;line-height:1.05;letter-spacing:-.03em}.poster.card{width:132px;height:198px;flex:0 0 auto;scroll-snap-align:start;box-shadow:0 10px 30px #00000059}.poster.card .title{font-size:16px}.poster.hero{width:min(86vw,340px);height:420px;flex:0 0 auto;scroll-snap-align:center;border-radius:22px}.poster.hero .title{font-size:32px}.poster.banner{width:100%;height:210px;border-radius:20px}.poster.wide{width:220px;height:124px;flex:0 0 auto}.poster .heat{position:absolute;top:10px;right:10px;z-index:2;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;padding:4px 8px;border-radius:999px;font-weight:700}.pat-flare:after,.pat-veil:after,.pat-split:after,.pat-orbit:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pat-flare:after{background:radial-gradient(120% 80% at 80% 0%,rgba(255,255,255,.28),transparent 50%),radial-gradient(90% 50% at 10% 100%,rgba(0,0,0,.35),transparent 50%)}.pat-veil:after{background:repeating-linear-gradient(-18deg,transparent,transparent 18px,rgba(255,255,255,.04) 18px,rgba(255,255,255,.04) 19px),radial-gradient(70% 60% at 50% 0%,rgba(255,255,255,.18),transparent 60%)}.pat-split:after{background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.12) 40.5%,transparent 70%)}.pat-orbit:after{background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.22),transparent 32%),radial-gradient(circle at 20% 80%,rgba(0,0,0,.25),transparent 40%)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#0a0a10eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:700;color:var(--faint)}.bottom-nav a.active{color:var(--text)}.bottom-nav a.active svg{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 16px;border-radius:14px;font-weight:800;font-size:15px;width:100%}.btn.primary{background:linear-gradient(180deg,#ff5a84,var(--accent));color:#fff;box-shadow:0 8px 24px #ff3b6b52}.btn.gold{background:linear-gradient(180deg,#ffd978,var(--gold));color:#2a1c00}.btn.ghost{background:var(--surface);border:1px solid var(--line)}.btn.danger{background:#3a1218;color:#ff8b96;border:1px solid rgba(255,90,106,.4)}.btn:disabled{opacity:.45}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-hero{margin:0 -16px 12px;height:210px;position:relative}.detail-hero .poster{height:100%;border-radius:0}.detail-hero .scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(7,7,11,.15),var(--bg) 92%);z-index:1}.back-fab{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:12px;z-index:3}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tag{font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;background:var(--surface);color:var(--muted)}.synopsis{color:#d6d2dc;line-height:1.55;font-size:14.5px}.synopsis.clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.more-btn{color:var(--accent-2);font-size:13px;font-weight:800;margin:6px 0 4px}.ep-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px}.ep-cell{aspect-ratio:1;border-radius:12px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-weight:800}.ep-cell .lock{font-size:10px;color:var(--gold);font-weight:700}.ep-cell.free .lock{color:var(--free)}.ep-cell.current{border-color:var(--accent);background:#2a1220}.pass-card{background:radial-gradient(120% 90% at 100% 0%,rgba(255,200,87,.22),transparent 50%),linear-gradient(180deg,#24180c,#16120e);border:1px solid rgba(255,200,87,.35);border-radius:20px;padding:18px}.pass-card h2{font-family:var(--display);font-size:26px;margin:4px 0 8px}.fineprint{font-size:12.5px;line-height:1.5;color:#e8d7a8;margin:10px 0 14px}.fineprint strong{color:#fff6d8}.pack-list{display:grid;gap:10px}.pack{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;text-align:left;width:100%}.pack .coins{font-weight:800;font-size:16px}.pack .price{font-weight:800;color:var(--gold)}.badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:#fff;border-radius:999px;padding:3px 7px;margin-left:6px}.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);margin:8px 0 14px}.check input{margin-top:3px;accent-color:var(--gold)}.balance-hero{background:linear-gradient(180deg,#22151c,#141018);border:1px solid var(--line);border-radius:20px;padding:20px;margin-bottom:16px}.balance-hero .amt{font-family:var(--display);font-size:42px;letter-spacing:-.04em}.list-link{display:flex;align-items:center;justify-content:space-between;padding:16px 4px;border-bottom:1px solid var(--line);font-weight:700}.list-link span{color:var(--muted);font-weight:600;font-size:13px}.history-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.history-item .meta{color:var(--muted);font-size:12px}.auth-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px}input.field,textarea.field{width:100%;background:#0e0e14;border:1px solid var(--line);border-radius:12px;padding:14px;font-size:16px;margin:8px 0 14px}.social{background:#fff;color:#111;margin-bottom:10px}.social.apple{background:#111;color:#fff;border:1px solid #333}.legal h2{margin:20px 0 8px;font-size:18px}.legal p,.legal li{color:#d2ced8;line-height:1.6;font-size:14.5px;margin-bottom:10px}.placeholder-banner{background:#3a2a10;color:#ffd978;border:1px dashed #ffc857;border-radius:12px;padding:10px 12px;font-size:12.5px;font-weight:700;margin-bottom:16px}.player{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;color:#fff;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.player video.main{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.player video.preload{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.player .top-scrim,.player .bot-scrim{position:absolute;left:0;right:0;z-index:2;pointer-events:none}.player .top-scrim{top:0;height:160px;background:linear-gradient(180deg,rgba(0,0,0,.72),transparent)}.player .bot-scrim{bottom:0;height:220px;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent)}.sub-layer{position:absolute;z-index:3;text-align:center;white-space:pre-line;pointer-events:none;color:#fff;font-weight:700;line-height:1.25;padding:2px 10px;border-radius:6px;background:#00000059;font-family:Noto Sans,Noto Sans Thai,Noto Sans JP,system-ui,sans-serif;text-shadow:0 0 2px #000,0 0 6px #000,1px 1px 2px #000,-1px -1px 2px #000}.sub-layer:empty{background:transparent;padding:0}.cc-wrap{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:10px;z-index:6}.player.feed .cc-wrap{top:calc(58px + env(safe-area-inset-top,0px))}.cc-btn{font-size:11px;font-weight:800;letter-spacing:.04em}.cc-btn.on{outline:2px solid #e7c36a}.cc-menu{margin-top:8px;background:#0c0c10f0;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:6px;min-width:148px;display:grid;gap:4px}.cc-menu button{background:transparent;color:#fff;text-align:left;border:0;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:600}.cc-menu button.on{background:#ff4d8d59}.player .hud-top{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:10px;right:58px;z-index:4;display:flex;align-items:center;gap:10px}.player .hud-top .titles{flex:1;min-width:0}.player .hud-top .titles p{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player .hud-top .titles span{font-size:12px;color:#ddd}.player .hud-right{position:absolute;right:10px;bottom:140px;z-index:4;display:flex;flex-direction:column;gap:28px;align-items:center}.hud-action{position:relative;width:46px;height:46px;border-radius:50%;background:#0006;color:#fff;display:grid;place-items:center}.hud-action small{position:absolute;top:48px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.player .hud-bot{position:absolute;left:16px;right:70px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:4}.progress{width:100%;height:4px;background:#ffffff40;border-radius:99px;overflow:hidden;margin-top:10px}.progress>span{display:block;height:100%;background:var(--accent)}.unmute-hint,.swipe-hint,.tap-pause{position:absolute;z-index:5;left:50%;transform:translate(-50%);background:#0000009e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);padding:10px 14px;border-radius:999px;font-weight:800;font-size:13px;pointer-events:none}.unmute-hint{bottom:96px;animation:pulse 1.6s ease-in-out infinite}.swipe-hint{top:46%}@keyframes pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.04)}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:60}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:61;background:#141218;border-radius:22px 22px 0 0;padding:16px 16px calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);max-height:78%;overflow:auto}.sheet .grab{width:42px;height:4px;background:#3a3a48;border-radius:99px;margin:0 auto 14px}.sheet h3{font-family:var(--display);font-size:24px;margin-bottom:6px}.ep-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:62;background:#07070bf0;padding:64px 16px 24px;overflow:auto}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);background:#fff;color:#111;font-weight:800;font-size:13px;padding:10px 14px;border-radius:999px;z-index:50}.cookie{position:fixed;left:12px;right:12px;bottom:calc(var(--nav-h) + 12px + env(safe-area-inset-bottom,0px));z-index:40;background:#1a1a24;border:1px solid var(--line);border-radius:16px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;font-size:12.5px;color:var(--muted)}.empty{color:var(--muted);padding:40px 8px;text-align:center}.search-bar{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:16px;margin-bottom:16px}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.status-pill.on{background:#123322;color:var(--free)}.status-pill.off{background:#2a2a36;color:var(--muted)}.legal-links{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:18px}.legal-links a{color:var(--muted);font-size:12px;text-decoration:underline}.feed .hud-bot{left:16px;right:76px;bottom:calc(var(--nav-h) + 14px + env(safe-area-inset-bottom,0px))}.feed .hud-right{bottom:calc(var(--nav-h) + 118px)}.feed .unmute-hint{bottom:auto;top:54%}.feed .swipe-hint{top:42%}.feed-tabs{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));left:8px;right:8px;z-index:6;display:flex;align-items:center;justify-content:center;gap:4px;pointer-events:auto}.feed-tabs button{color:#ffffff8c;font-weight:800;font-size:15px;padding:8px 10px;position:relative}.feed-tabs button.on{color:#fff}.feed-tabs button.on:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:99px;background:#fff}.feed-coins{position:absolute;right:4px;top:50%;transform:translateY(-50%)}.feed-kind{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffd1a8;margin-bottom:4px}.feed-title{display:block;text-align:left;font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1.15}.feed-ep{display:block;text-align:left;margin-top:4px;font-size:13px;font-weight:800;color:#ffe08a}.feed-hook{margin-top:6px;font-size:13px;line-height:1.4;color:#ddd;font-weight:600}.feed-locked{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:radial-gradient(80% 50% at 50% 40%,#280a148c,#07070b);display:grid;place-items:center;padding:24px 24px 120px;text-align:center;pointer-events:none}.feed-locked h2{font-family:var(--display);font-size:30px;margin:6px 0 10px}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--surface);padding:4px;border-radius:14px}.seg button{min-height:36px;border-radius:11px;font-weight:800;font-size:13px;color:var(--muted)}.seg button.on{background:var(--card);color:var(--text)}.chip{flex:0 0 auto;font-size:13px;font-weight:800;padding:8px 12px;border-radius:999px;background:var(--surface);color:var(--muted);border:1px solid var(--line);scroll-snap-align:start}.chip.on{background:var(--accent);color:#fff;border-color:transparent}.theater-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.theater-grid>a{min-width:0;display:block}.theater-grid .poster.card{width:100%;height:auto;aspect-ratio:2 / 3;border-radius:16px}.theater-grid .poster.card .title{font-size:18px}.theater-grid .poster .copy{left:12px;right:12px;bottom:12px}.feed .cookie{bottom:calc(var(--nav-h) + 12px + env(safe-area-inset-bottom,0px))}@media(min-width:860px){.app-shell:not(.player-mode){max-width:430px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--bg)}body{background:#050508}}