:root{--bg:#070709;--surface:#121216;--surface2:#1b1b21;--accent:#e50914;--accent-soft:#ff4650;--text:#fff;--muted:#a1a1aa;--focus:#fff;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:10000;background:#fff;color:#000;padding:.7rem}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.modal-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:1rem;background:#000d;backdrop-filter:blur(8px)}.modal-box{position:relative;width:min(420px,100%);padding:2.2rem;border:1px solid #ffffff14;border-radius:1rem;background:var(--surface);box-shadow:0 24px 80px #000}.modal-box h1{margin:.2rem 0 1rem}.modal-box h1 span,.brand span{color:var(--accent)}.modal-box p{color:var(--muted)}.modal-box input,.modal-box button{width:100%;margin:.4rem 0;padding:.85rem;border-radius:.6rem;border:1px solid #34343d}.modal-box input{background:#09090b;color:#fff}.modal-box button,.primary-btn,.pill-btn{border:0;background:var(--accent);color:#fff;font-weight:700}.secondary-btn{border:1px solid #ffffff24!important;background:#ffffff12!important;color:#fff}.text-btn{border:0!important;background:transparent!important;color:var(--muted)!important}.icon-close{position:absolute;right:.8rem;top:.5rem;width:auto!important;border:0!important;background:transparent!important;color:#fff!important;font-size:1.6rem}.error-text{min-height:1.2rem;color:#fb7185!important}
.navbar{position:fixed;inset:0 0 auto;z-index:1000;min-height:76px;display:flex;align-items:center;gap:2rem;padding:.8rem clamp(1rem,4vw,3rem);background:linear-gradient(#070709f2,#07070999);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0a}.brand{flex:none;color:#fff;text-decoration:none;font-size:1.25rem;font-weight:800;text-transform:uppercase;letter-spacing:-.03em}.navbar nav{display:flex;gap:.25rem}.nav-link{border:0;border-radius:999px;background:transparent;color:#b8b8c1;padding:.62rem .82rem}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff0c}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:.8rem}.search-box{display:flex;align-items:center;width:min(24vw,300px);padding:.15rem .75rem;border:1px solid #ffffff20;border-radius:2rem;background:#ffffff0b}.search-box:focus-within{border-color:#ffffff66;background:#ffffff12}.search-box input{min-width:0;width:100%;padding:.55rem;border:0;outline:0;background:transparent;color:#fff}.pill-btn,.round-btn{padding:.6rem 1rem;border-radius:2rem}.round-btn{width:38px;height:38px;padding:0;border:1px solid #ffffff20;background:#ffffff0b;color:#fff}.user-status{max-width:160px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:.78rem}.menu-toggle{display:none;border:0;background:transparent;color:#fff;font-size:1.3rem}
main{padding-bottom:4rem}.hero{position:relative;min-height:min(82vh,820px);display:flex;align-items:end;padding:8rem clamp(1rem,6vw,6rem) 6rem;background:#18181b center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#070709 2%,#070709d9 28%,#07070955 65%,transparent),linear-gradient(0deg,#070709 0%,transparent 58%)}.hero-content{position:relative;max-width:670px}.eyebrow{color:#ff9ca2;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.2em}.hero h1{margin:.3rem 0;font-size:clamp(2.7rem,6vw,5.8rem);line-height:.95;letter-spacing:-.055em}.hero p{color:#d4d4d8;line-height:1.65}.hero-actions{display:flex;gap:.7rem;margin-top:1.4rem}.primary-btn,.secondary-btn{padding:.85rem 1.2rem;border-radius:.7rem}.primary-btn{box-shadow:0 10px 30px #e5091433}.content-section,.player-section{padding:2rem clamp(1rem,4vw,3rem)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.section-head h2{margin:0;letter-spacing:-.035em}.section-head p{margin:.4rem 0 0;color:var(--muted)}.filters{display:flex;gap:.7rem;color:var(--muted);font-size:.8rem}.filters select,.episode-controls select{padding:.55rem;border:1px solid #34343d;border-radius:.6rem;background:var(--surface);color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem}.card{min-width:0;overflow:hidden;border:1px solid #ffffff0d;border-radius:var(--radius);background:linear-gradient(145deg,#15151a,#0f0f13);transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover{transform:translateY(-7px) scale(1.012);border-color:#ffffff20;box-shadow:0 20px 45px #000b}.poster-button{position:relative;width:100%;padding:0;border:0;background:#202027;aspect-ratio:2/3;overflow:hidden}.poster-button img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover img{transform:scale(1.045)}.poster-shade{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(0deg,#0008,transparent 60%);transition:.2s}.poster-shade span{opacity:0;width:3rem;height:3rem;display:grid;place-items:center;border-radius:50%;background:var(--accent);font-size:1.1rem;transform:scale(.8);transition:.2s}.card:hover .poster-shade{background:#0005}.card:hover .poster-shade span{opacity:1;transform:scale(1)}.card-body{padding:.9rem}.card-title{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem}.card-meta{display:flex;justify-content:space-between;margin-top:.5rem;color:var(--muted);font-size:.72rem}.card-actions{display:flex;gap:.4rem;margin-top:.7rem}.card-actions button{padding:.35rem .55rem;border:1px solid #ffffff20;border-radius:.5rem;background:#ffffff0d;color:#fff}.progress{height:3px;margin-top:.65rem;background:#333}.progress span{display:block;height:100%;background:var(--accent)}.skeleton{height:330px;border-radius:var(--radius);background:linear-gradient(100deg,#141419 20%,#22222a 50%,#141419 80%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.empty{grid-column:1/-1;padding:3rem;text-align:center;color:var(--muted)}
.player-section{padding-top:105px}.player-wrapper{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #ffffff12;border-radius:var(--radius);background:#000;box-shadow:0 28px 80px #000}.player-wrapper iframe{width:100%;height:100%;border:0}.player-loader{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted)}.episode-controls{display:flex;align-items:end;gap:1rem;margin-top:1rem}.toast-region{position:fixed;right:1rem;bottom:1rem;z-index:10000;display:grid;gap:.5rem}.toast{max-width:360px;padding:.9rem 1rem;border:1px solid #ffffff1c;border-radius:.6rem;background:#202027;box-shadow:0 10px 30px #000}.toast.error{border-color:#e50914}
.vault-screen{background:radial-gradient(circle at 50% 15%,#391116 0,transparent 36%),#050507}.vault-box{text-align:center;border-color:#ffffff18;background:#0f0f14dd}.vault-mark{width:58px;height:58px;margin:0 auto 1.5rem;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,var(--accent-soft),#9d0008);font-size:1.8rem;font-weight:800;box-shadow:0 15px 40px #e5091433}.device-box{width:min(760px,100%)}.device-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.5rem}.device-options button{min-height:150px;display:flex;flex-direction:column;align-items:flex-start;justify-content:end;text-align:left;background:linear-gradient(145deg,#1c1c23,#101014);color:#fff}.device-options button:hover{border-color:#ffffff66;transform:translateY(-3px)}.device-options small{margin-top:.25rem;color:var(--muted)}.device-icon{margin-bottom:auto;font-size:2rem;color:#ff8087}

html[data-device="touch"] button,html[data-device="touch"] select{min-height:46px}html[data-device="touch"] .grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}
html[data-device="tv"]{font-size:20px}html[data-device="tv"] body{overscroll-behavior:none}html[data-device="tv"] .navbar{min-height:94px;padding-inline:4vw}html[data-device="tv"] .search-box{display:none}html[data-device="tv"] .hero{min-height:88vh;padding:9rem 6vw 7rem}html[data-device="tv"] .content-section,html[data-device="tv"] .player-section{padding-inline:4vw}html[data-device="tv"] .grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.4rem}html[data-device="tv"] button,html[data-device="tv"] select,html[data-device="tv"] .card{transition:transform .15s,box-shadow .15s}html[data-device="tv"] :focus-visible{outline:5px solid #fff;outline-offset:5px;transform:scale(1.06);box-shadow:0 0 0 8px #e5091488,0 20px 45px #000;z-index:5}html[data-device="tv"] .poster-shade span{opacity:1}html[data-device="tv"] .user-status{display:none}
@media(max-width:900px){.menu-toggle{display:block}.navbar{flex-wrap:wrap;gap:.6rem}.navbar nav{display:none;order:3;width:100%;overflow:auto}.navbar nav.open{display:flex}.user-status{display:none}.search-box{width:min(42vw,260px)}.hero{min-height:68vh}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}
@media(max-width:560px){.navbar{padding:.7rem}.nav-actions{gap:.35rem}.pill-btn{padding:.5rem .7rem}.hero{padding:7rem 1rem 3rem}.filters{display:none}.grid{gap:.75rem}.content-section,.player-section{padding-left:.8rem;padding-right:.8rem}.section-head{align-items:start}.episode-controls{flex-wrap:wrap}}
@media(max-width:700px){.device-options{grid-template-columns:1fr}.device-options button{min-height:100px}.device-icon{margin:0 0 .5rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}