:root{--bg:#08090c;--bg2:#101218;--panel:#12151c;--panel2:#171b23;--line:#262b35;--text:#f7f7f8;--muted:#9ca3af;--accent:#ff334f;--accent2:#ff6b7f;--radius:18px;--shadow:0 18px 60px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.hidden{display:none!important}.boot{min-height:100vh;display:grid;place-items:center;font-size:28px;font-weight:900;letter-spacing:.35em}.topbar{position:fixed;z-index:80;top:0;left:0;right:0;height:70px;display:flex;align-items:center;gap:28px;padding:0 4vw;background:linear-gradient(180deg,rgba(8,9,12,.96),rgba(8,9,12,.72),transparent);backdrop-filter:blur(5px)}.brand{border:0;background:none;color:#fff;font-size:21px;font-weight:950;letter-spacing:.24em;padding:0}.desktop-nav{display:flex;gap:22px;flex:1}.navlink{border:0;background:none;color:#bbb;padding:22px 0;font-weight:700}.navlink:hover,.navlink.active{color:#fff}.top-actions{display:flex;align-items:center;gap:10px}.round{width:42px;height:42px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(16,18,24,.7);color:#fff;font-size:21px}.profile-btn{border:0;background:rgba(16,18,24,.72);color:#fff;border-radius:999px;padding:5px 12px 5px 5px;display:flex;gap:8px;align-items:center}.avatar-mini,.avatar-large{display:grid;place-items:center;background:linear-gradient(135deg,#ff334f,#6d28d9);font-weight:900}.avatar-mini{width:32px;height:32px;border-radius:50%}.avatar-large{width:92px;height:92px;border-radius:24px;font-size:36px}.bottom-nav{display:none}.hero{position:relative;min-height:75vh;display:flex;align-items:flex-end;background-image:var(--hero);background-size:cover;background-position:center}.hero-overlay,.detail-hero:before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(8,9,12,.98) 0%,rgba(8,9,12,.75) 38%,rgba(8,9,12,.2) 72%),linear-gradient(0deg,var(--bg) 2%,transparent 46%)}.hero-overlay.heavy{background:linear-gradient(90deg,rgba(8,9,12,.98),rgba(8,9,12,.72) 48%,rgba(8,9,12,.25)),linear-gradient(0deg,var(--bg),transparent 52%)}.hero-content{position:relative;z-index:2;width:min(720px,90vw);padding:130px 5vw 70px}.pill{display:inline-flex;border:1px solid rgba(255,255,255,.15);background:rgba(5,5,7,.35);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:850;letter-spacing:.12em}.hero h1,.detail-copy h1{font-size:clamp(46px,7vw,88px);line-height:.96;margin:16px 0;letter-spacing:-.05em}.hero-meta,.detail-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#ddd;font-weight:650}.hero-content p,.detail-copy p{font-size:17px;color:#c8cbd2;max-width:680px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.btn{border:0;border-radius:999px;padding:12px 18px;font-weight:850}.btn.primary{background:#fff;color:#090a0e}.btn.secondary{background:#171b23;border:1px solid var(--line);color:#fff}.btn.glass{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.15);color:#fff}.page-pad{padding-left:5vw;padding-right:5vw}.top-gap{padding-top:105px}.home-content{margin-top:-1px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 14px}.section-head h2{font-size:24px;margin:2px 0 0;letter-spacing:-.03em}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8d93a1;font-weight:850}.shelf{margin:36px 0}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,17vw);gap:14px;overflow-x:auto;padding:2px 2px 14px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.media-card{min-width:0;cursor:pointer;position:relative}.poster-wrap{position:relative;aspect-ratio:2/3;border-radius:14px;overflow:hidden;background:#151922;box-shadow:0 14px 34px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.06);transition:.22s}.media-card:hover .poster-wrap{transform:translateY(-5px);border-color:rgba(255,255,255,.23)}.poster-wrap img{width:100%;height:100%;object-fit:cover}.poster-fallback{height:100%;display:grid;place-items:center;font-size:64px;font-weight:950;color:#303644;background:linear-gradient(145deg,#151922,#0e1117)}.poster-shade{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.86))}.quick-add{position:absolute;top:9px;right:9px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(7,8,11,.72);color:#fff;font-size:18px;backdrop-filter:blur(8px)}.quick-add.on{background:#fff;color:#111}.card-rating{position:absolute;left:10px;bottom:9px;font-size:12px;font-weight:850}.media-card h3{font-size:15px;margin:9px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{color:#8f96a3;font-size:12px;display:flex;gap:7px}.rank{position:absolute;z-index:5;left:-5px;bottom:45px;font-size:64px;font-weight:950;line-height:.8;color:#fff;text-shadow:0 4px 18px #000;-webkit-text-stroke:2px #000}.text-btn,.back{border:0;background:none;color:#b7bdc8}.ad-slot{min-height:92px;border:1px dashed #353a45;background:#0c0e13;border-radius:14px;display:grid;place-items:center;color:#555c68;text-transform:uppercase;letter-spacing:.15em;font-size:10px;margin:30px 0}.page-title{margin-bottom:24px}.page-title h1{font-size:clamp(40px,6vw,74px);margin:5px 0;letter-spacing:-.05em}.page-title p{color:var(--muted);max-width:650px}.genre-strip{display:flex;gap:9px;overflow:auto;padding-bottom:10px;scrollbar-width:none}.genre-strip button,.genres button,.season-pills button{border:1px solid var(--line);background:#131720;color:#d8dce4;border-radius:999px;padding:9px 13px;white-space:nowrap}.genres{display:flex;gap:8px;flex-wrap:wrap}.media-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 14px}.detail-hero{position:relative;min-height:76vh;background-image:var(--hero);background-size:cover;background-position:center}.detail-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:250px minmax(0,760px);gap:30px;align-items:end;min-height:76vh;padding:110px 5vw 60px}.detail-poster{aspect-ratio:2/3;border-radius:18px;overflow:hidden;background:#171b23;box-shadow:var(--shadow)}.detail-poster img{width:100%;height:100%;object-fit:cover}.detail-copy h1{font-size:clamp(42px,6vw,76px)}.tagline{color:#a7adba;font-style:italic;margin-bottom:10px}.score{color:#ffe28a}.floating{position:absolute;top:86px;left:5vw;width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.48);color:#fff;border:1px solid rgba(255,255,255,.1)}.detail-body{padding-top:28px}.tabs{display:flex;gap:8px;overflow:auto;border-bottom:1px solid var(--line);position:sticky;top:70px;z-index:20;background:rgba(8,9,12,.92);backdrop-filter:blur(14px)}.tabs button{border:0;background:none;color:#8f96a3;padding:16px 12px;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.active{color:#fff;border-color:#fff}.tabs span{font-size:10px;background:#252b36;border-radius:999px;padding:2px 6px}.tab-panel{padding:26px 0}.facts-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px}.fact{background:#10131a;border:1px solid var(--line);border-radius:16px;padding:18px}.fact span{color:#7f8794;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.fact p{color:#c7cbd3}.image-grid{columns:3 280px;column-gap:12px}.image-grid img{width:100%;margin:0 0 12px;border-radius:12px}.people-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.people-grid article{min-width:0}.person-photo{aspect-ratio:1;border-radius:50%;overflow:hidden;background:#171b23;margin-bottom:8px;display:grid;place-items:center}.person-photo img{width:100%;height:100%;object-fit:cover}.people-grid strong,.people-grid small{display:block}.people-grid small{color:#8d93a1}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.video-card{text-align:left;border:1px solid var(--line);background:#10131a;color:#fff;border-radius:14px;padding:12px}.video-thumb{aspect-ratio:16/9;border-radius:10px;background:radial-gradient(circle,#303745 0 12%,#161a21 13% 100%);display:grid;place-items:center;font-size:30px;margin-bottom:10px}.video-card strong,.video-card small{display:block}.video-card small{color:#888f9c}.detail-section{margin:30px 0}.season-pills{display:flex;gap:8px;overflow:auto;margin:12px 0 18px}.season-pills button.active{background:#fff;color:#111}.season-placeholder{padding:35px;border:1px dashed #303640;border-radius:14px;color:#777f8d}.episode-list{display:grid;gap:12px}.episode-card{display:grid;grid-template-columns:220px 1fr;gap:18px;border:1px solid var(--line);background:#10131a;border-radius:16px;overflow:hidden}.episode-card img,.episode-still{width:100%;height:130px;object-fit:cover;background:#161a22}.episode-card>div{padding:12px 14px 12px 0}.episode-card span{color:#8c93a0;font-size:11px;text-transform:uppercase}.episode-card h3{margin:3px 0}.episode-card p{color:#a9afba;margin:7px 0}.episode-meta{color:#737b88;font-size:12px}.search-overlay{position:fixed;z-index:100;inset:0;background:rgba(8,9,12,.985);padding:24px 5vw 70px;overflow:auto}.search-bar-large{position:sticky;top:0;z-index:3;display:flex;gap:10px;align-items:center;background:#10131a;border:1px solid var(--line);border-radius:18px;padding:10px 14px;max-width:900px;margin:0 auto 28px}.search-bar-large input{flex:1;border:0;outline:0;background:none;color:#fff;font-size:22px}.search-bar-large button{border:0;background:none;color:#fff;font-size:22px}.search-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 12px}.search-hint{color:#6f7784;text-align:center;padding:80px 0}.loader-wrap{min-height:46vh;display:grid;place-items:center;align-content:center;gap:12px;color:#8c93a0}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid #252a33;border-top-color:#fff;animation:spin .8s linear infinite}.spinner.tiny{width:18px;height:18px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.error-box{max-width:650px;margin:60px auto;padding:20px;border:1px solid #492b31;background:#171014;border-radius:14px}.error-box div{color:#d2a6ad;margin:7px 0 14px}.empty-state{text-align:center;padding:80px 20px;border:1px dashed var(--line);border-radius:20px;color:#939aa7}.empty-state>div{font-size:60px}.profile-page{max-width:820px;margin:auto}.profile-hero{display:flex;gap:22px;align-items:center;margin-bottom:28px}.profile-hero h1{font-size:48px;margin:0}.settings-card{border:1px solid var(--line);background:#10131a;border-radius:18px;padding:20px;margin:14px 0}.settings-card label{display:grid;gap:8px;color:#a8aeba}.settings-card input{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#090b10;color:#fff;margin-bottom:12px}.row-action{width:100%;border:0;border-top:1px solid var(--line);background:none;color:#fff;display:flex;justify-content:space-between;padding:15px 0}.row-action:first-of-type{border-top:0}footer{border-top:1px solid #171b22;margin-top:60px;padding:34px 0 100px;color:#707784}.footer-brand{color:#fff;font-weight:950;letter-spacing:.25em}.tmdb-note{font-size:11px}#toast{position:fixed;z-index:150;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;background:#fff;color:#101114;border-radius:999px;padding:10px 16px;font-weight:800;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.media-grid,.search-grid{grid-template-columns:repeat(4,1fr)}.people-grid{grid-template-columns:repeat(5,1fr)}.facts-grid{grid-template-columns:1fr 1fr}.rail{grid-auto-columns:minmax(155px,22vw)}}
@media(max-width:760px){body{padding-bottom:66px}.topbar{height:58px;padding:0 16px}.desktop-nav,.desktop-only{display:none}.top-actions{margin-left:auto}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:85;left:0;right:0;bottom:0;height:66px;background:rgba(10,11,15,.96);border-top:1px solid #222630;padding-bottom:env(safe-area-inset-bottom);backdrop-filter:blur(15px)}.bottom-nav button{border:0;background:none;color:#8f96a3;display:grid;place-items:center;align-content:center;font-size:20px}.bottom-nav span{font-size:9px}.hero{min-height:70vh}.hero-content{padding:110px 18px 50px}.hero h1{font-size:48px}.page-pad{padding-left:18px;padding-right:18px}.top-gap{padding-top:84px}.rail{grid-auto-columns:42vw}.media-grid,.search-grid{grid-template-columns:repeat(3,1fr);gap:16px 10px}.detail-hero-inner{grid-template-columns:1fr;align-items:end;padding:90px 18px 42px}.detail-poster{display:none}.detail-copy h1{font-size:46px}.floating{top:72px;left:18px}.tabs{top:58px}.people-grid{grid-template-columns:repeat(3,1fr)}.video-grid{grid-template-columns:1fr 1fr}.episode-card{grid-template-columns:130px 1fr}.episode-card img,.episode-still{height:100%}.image-grid{columns:2 150px}.facts-grid{grid-template-columns:1fr}.search-overlay{padding:14px 14px 80px}.search-bar-large input{font-size:18px}.profile-hero h1{font-size:38px}}
@media(max-width:460px){.media-grid,.search-grid{grid-template-columns:repeat(2,1fr)}.rail{grid-auto-columns:44vw}.people-grid{grid-template-columns:repeat(2,1fr)}.video-grid{grid-template-columns:1fr}.episode-card{grid-template-columns:1fr}.episode-card img,.episode-still{height:190px}.episode-card>div{padding:14px}.hero-content p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}


.live-ad{overflow:hidden}
.video-modal{position:fixed;z-index:130;inset:0;background:rgba(0,0,0,.9);display:grid;place-items:center;padding:20px}
.video-modal-card{width:min(1050px,96vw);background:#0b0e13;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.65)}
.video-modal-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line)}
.video-modal-head button{width:38px;height:38px;border:0;border-radius:50%;background:#171b23;color:#fff}
.embedded-player{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.embedded-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ad-interstitial{position:fixed;z-index:145;inset:0;background:rgba(0,0,0,.96);display:grid;place-items:center;padding:20px}
.ad-interstitial-card{width:min(760px,94vw);text-align:center}
.ad-label{font-size:10px;letter-spacing:.2em;color:#8e95a2;margin-bottom:10px}
.ad-interstitial-content{min-height:340px;border:1px solid #2b303a;border-radius:18px;background:#0f1218;display:grid;place-items:center;margin-bottom:14px;overflow:hidden}
.demo-ad-creative{font-size:28px;font-weight:900;color:#4f5664}
.watch-page{padding:92px 5vw 80px;min-height:100vh}
.watch-head{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.watch-head>div{display:grid}
.watch-head small{color:#808793}
.watch-player-shell{width:min(1250px,100%);margin:auto;background:#050608;border:1px solid #1e232c;border-radius:18px;overflow:hidden;min-height:min(70vh,760px);display:grid}
.watch-gate{min-height:min(70vh,760px);display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#202633 0,transparent 36%),linear-gradient(135deg,#11151d,#050608)}
.watch-gate-inner{text-align:center;max-width:620px;padding:35px}
.watch-gate-inner h1{font-size:clamp(38px,6vw,72px);margin:12px 0}
.watch-gate-inner p{color:#a9afba}
.watch-embedded{min-height:min(70vh,760px)}
.no-trailer{min-height:55vh;display:grid;place-items:center;align-content:center;gap:14px;text-align:center}
@media(max-width:760px){
  .watch-page{padding:76px 14px 85px}
  .watch-player-shell,.watch-gate,.watch-embedded{min-height:auto}
  .ad-interstitial-content{min-height:260px}
}