*{box-sizing:border-box}html{scroll-behavior:smooth;background:#080808}body{color:#fff;background:#080808;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.app-shell{background:#080808;min-height:100vh}.nav{z-index:5;background:#080808;align-items:center;gap:28px;height:68px;padding:0 4vw;display:flex;position:sticky;top:0}.nav strong,.auth-page strong{color:#e50914;letter-spacing:-1px;font-size:1.55rem}.nav nav{gap:20px;display:flex}.nav a{color:#ddd;font-size:.9rem;text-decoration:none}.search{background:#111;border:1px solid #777;align-items:center;gap:7px;width:min(290px,24vw);height:34px;margin-left:auto;padding:0 9px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:.75rem}.search button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:1.15rem}.profile{position:relative}.profile-button{color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-size:1rem;display:flex}.profile-button span{background:#e50914;border-radius:3px;place-items:center;width:29px;height:29px;font-weight:700;display:grid}.profile-menu{background:#171717;border:1px solid #444;width:230px;padding:13px;font-size:.75rem;position:absolute;top:42px;right:0;box-shadow:0 6px 22px #000}.profile-menu p{color:#ccc;word-break:break-word}.profile-menu button{color:#fff;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.text-button{color:#fff;cursor:pointer;background:0 0;border:0;text-decoration:underline}.video-hero{align-items:center;height:clamp(500px,66vw,700px);min-height:500px;padding:6vw 4vw;display:flex;position:relative;overflow:hidden}.hero-video{pointer-events:auto;border:0;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.23)}.hero-shade{pointer-events:none;background:linear-gradient(90deg,#080808 4%,#080808c9 31%,#0808082e 70%,#08080899),linear-gradient(#0000 66%,#080808 100%);position:absolute;inset:0}.hero-copy{z-index:1;max-width:500px;position:relative}.eyebrow{color:#e50914;letter-spacing:.18em;font-size:.72rem;font-weight:700}.hero-copy h1{margin:8px 0;font-size:clamp(2.5rem,6vw,4.6rem)}.hero-copy>p:not(.eyebrow){font-size:1.1rem;line-height:1.5}.primary,.secondary{cursor:pointer;border:0;border-radius:4px;margin:10px 8px 0 0;padding:11px 20px;font-weight:700}.primary{color:#111;background:#fff}.secondary{color:#fff;background:#6d6d6ec7}.trailer-controls{z-index:2;align-items:center;gap:9px;display:flex;position:absolute;bottom:32px;right:4vw}.trailer-controls button{cursor:pointer;background:#7b7b7b;border:0;border-radius:50%;width:11px;height:11px;padding:0}.trailer-controls button:first-child,.trailer-controls button:last-child{color:#fff;background:#000000a6;width:34px;height:34px;font-size:1.5rem}.trailer-controls .active-dot{background:#fff}.row{padding:12px 4vw 18px}.row h2{margin:8px 0 12px;font-size:1.35rem}.cards{scroll-snap-type:x mandatory;grid-auto-columns:minmax(190px,18vw);grid-auto-flow:column;gap:9px;padding-bottom:9px;display:grid;overflow-x:auto}.movie-card{color:#fff;text-align:left;cursor:pointer;scroll-snap-align:start;background:#171717;border:0;border-radius:4px;padding:0;transition:transform .2s;overflow:hidden}.movie-card:hover{transform:scale(1.04)}.movie-card img{aspect-ratio:2/3;object-fit:cover;object-position:center center;background:#171717;width:100%;height:auto;display:block}.movie-card span{white-space:nowrap;text-overflow:ellipsis;padding:9px;font-size:.85rem;display:block;overflow:hidden}.api-note{color:#b5b5b5;background:#141414;border-radius:4px;margin:8px 4vw 0;padding:10px 13px;font-size:.82rem}.live-dot{background:#46d369;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.empty{color:#999}.modal-backdrop{z-index:10;background:#000000c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.movie-modal{background:#181818;border-radius:8px;width:100%;max-width:680px;position:relative;overflow:hidden}.movie-modal>img{object-fit:cover;object-position:center;width:100%;max-height:330px}.modal-copy{padding:24px}.modal-copy h2{margin:0;font-size:2rem}.meta{color:#46d369;font-size:.85rem}.episode-panel{border-top:1px solid #343434;margin:24px 0 8px;padding-top:17px}.episode-heading{justify-content:space-between;align-items:center;display:flex}.episode-heading h3{margin:0;font-size:1.1rem}.episode-heading select{color:#fff;background:#252525;border:1px solid #555;border-radius:3px;padding:7px}.episode{text-align:left;color:#eee;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #313131;align-items:center;gap:12px;width:100%;padding:13px 2px;display:flex}.episode:hover{background:#222}.episode>span{color:#aaa;text-align:center;width:20px}.episode div{flex:1;gap:4px;display:grid}.episode small{color:#a7a7a7}.episode b{color:#d6d6d6;font-size:.8rem}.video-link{margin-top:16px;text-decoration:none;display:inline-block}.close{z-index:2;color:#fff;cursor:pointer;background:#181818;border:0;border-radius:50%;width:34px;height:34px;font-size:1.4rem;position:absolute;top:8px;right:12px}.video-modal{aspect-ratio:16/9;max-width:960px}.video-modal iframe{border:0;width:100%;height:100%}.auth-page{background:linear-gradient(#0000009e,#000000d4),url(https://images.unsplash.com/photo-1446776811953-b23d57bd21aa?auto=format&fit=crop&w=1800&q=85) 50%/cover;min-height:100vh;padding:24px 4vw}.auth-card{background:#000c;border-radius:5px;width:min(420px,100%);margin:65px auto;padding:42px}.auth-card h1{margin-top:0}.auth-card input{color:#fff;background:#333;border:0;border-radius:4px;width:100%;margin-bottom:14px;padding:15px}.auth-card .primary{color:#fff;background:#e50914;width:100%;margin:5px 0 18px}.form-error{color:#ff8a8a;font-size:.8rem}footer{color:#777;padding:40px 4vw;font-size:.78rem}@media (width<=700px){.nav{gap:15px}.nav nav{display:none}.search{width:130px}.video-hero{height:560px;min-height:500px}.hero-video{transform:scale(2.15)}.cards{grid-auto-columns:45vw}.auth-card{padding:28px}.trailer-controls{bottom:18px}}.admin-page{background:#0b0b0b;min-height:100vh}.admin-nav{border-bottom:1px solid #2c2c2c;justify-content:space-between;align-items:center;height:68px;padding:0 4vw;display:flex}.admin-nav strong{color:#e50914;font-size:1.55rem}.admin-nav button{color:#fff;cursor:pointer;background:0 0;border:0}.admin-content{width:min(700px,92vw);margin:65px auto}.admin-content h1{margin:8px 0;font-size:clamp(2rem,5vw,3.5rem)}.admin-content>p:not(.eyebrow){color:#aaa}.admin-form{background:#171717;border-radius:7px;gap:17px;margin-top:30px;padding:28px;display:grid}.admin-form label{color:#eee;gap:7px;font-size:.88rem;display:grid}.admin-form input,.admin-form textarea,.admin-form select{color:#fff;font:inherit;background:#292929;border:1px solid #4a4a4a;border-radius:4px;padding:12px}.admin-form textarea{resize:vertical;min-height:110px}.admin-form small{color:#999;font-weight:400}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.admin-message{color:#46d369;margin:0;font-size:.9rem}.feature-meta{color:#d7d7d7;font-weight:600;font-size:.88rem!important}.app-shell .cards{scroll-snap-type:x mandatory;justify-content:flex-start;align-items:stretch;gap:12px;padding:4px 0 13px;display:flex;overflow-x:auto}.app-shell .movie-card{scroll-snap-align:start;flex:0 0 clamp(155px,16vw,230px);min-width:0}.app-shell .movie-card img{aspect-ratio:2/3;object-fit:cover;object-position:50% 50%;width:100%;height:auto}.app-shell .movie-modal>img{aspect-ratio:2/3;object-fit:cover;object-position:center;background:#080808;border-radius:4px;width:min(250px,78vw);height:auto;max-height:none;margin:28px auto 0;display:block}.inline-trailer{aspect-ratio:16/9;background:#000;border:0;border-radius:4px;width:100%;margin:20px 0 4px;display:block}.trailer-ready{color:#46d369;margin:12px 0 0;font-size:.8rem}.ratings{align-items:center;gap:8px;margin:18px 0;display:flex}.ratings span{color:#aaa;margin-right:4px;font-size:.8rem}.ratings button{color:#fff;cursor:pointer;background:#222;border:1px solid #595959;border-radius:50%;width:35px;height:35px}.ratings button:hover,.ratings .selected-rating{background:#fff;border-color:#fff;transform:scale(1.08)}.movie-modal .ratings{border-top:1px solid #323232;border-bottom:1px solid #323232;align-items:center;gap:8px;margin:18px 0;padding:13px 0;display:flex}.movie-modal .ratings span{letter-spacing:.04em;text-transform:uppercase;color:#aaa;margin-right:auto;font-size:.74rem;font-weight:600}.movie-modal .ratings button{color:#fff;background:0 0;border:1px solid #555;border-radius:4px;width:auto;height:32px;padding:0 11px;font-size:0;transition:background .18s,border-color .18s}.movie-modal .ratings button:after{font-size:.72rem;font-weight:700}.movie-modal .ratings button:first-of-type:after{content:"Not for me"}.movie-modal .ratings button:nth-of-type(2):after{content:"Like"}.movie-modal .ratings button:nth-of-type(3):after{content:"Love it"}.movie-modal .ratings button:hover{background:#292929;border-color:#fff;transform:none}.movie-modal .ratings .selected-rating{background:#e50914;border-color:#e50914;transform:none}.video-hero .hero-copy h1{letter-spacing:0;word-spacing:.12em;text-wrap:balance}.row-carousel{position:relative}.row-scroll-control{z-index:2;color:#fff;opacity:0;pointer-events:none;background:#0000008a;border:0;width:42px;height:76px;font-size:2.3rem;line-height:1;transition:opacity .2s,background .2s;position:absolute;top:50%;transform:translateY(-50%)}.row-scroll-control:hover{background:#000000d6}.row-scroll-control--previous{border-radius:0 5px 5px 0;left:0}.row-scroll-control--next{border-radius:5px 0 0 5px;right:0}.row-carousel:hover .row-scroll-control,.row-carousel:focus-within .row-scroll-control{opacity:1;pointer-events:auto}@media (hover:none),(pointer:coarse){.row-scroll-control{display:none}}.auth-card .guest-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #8d8d8d;border-radius:4px;width:100%;margin:0 0 18px;padding:11px 20px;font-weight:700}.auth-card .guest-button:hover,.auth-card .guest-button:focus-visible{background:#ffffff1f;border-color:#fff}.modal-backdrop{overscroll-behavior:contain;display:block;overflow-y:auto}.movie-modal{margin:24px auto}.video-hero .hero-video{pointer-events:none}.hero-route-hitbox{z-index:0;cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.video-hero .hero-video{clip-path:inset(0);animation:1.05s cubic-bezier(.2,.85,.25,1) both trailer-slide-in}@keyframes trailer-slide-in{0%{opacity:0;clip-path:inset(0 0 0 100%);transform:scale(1.18)translate(9%)}to{opacity:1;transform:scale(1.23)translate(0)}}.video-hero .hero-copy{animation:78s cubic-bezier(.2,.85,.25,1) infinite carousel-copy}@keyframes carousel-copy{0%{opacity:0;transform:translate(-38px)}7%{opacity:1;transform:translate(0)}92%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(24px)}}.video-hero.is-transitioning:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(105deg,#0000 22%,#e50914c7 45%,#ffffff38 50%,#e50914c7 55%,#0000 78%);animation:.9s cubic-bezier(.6,0,.2,1) both cinema-wipe;position:absolute;inset:0;transform:translate(-120%)}.video-hero.is-transitioning .hero-copy{animation:.7s cubic-bezier(.2,.85,.25,1) .16s both title-arrival}@keyframes cinema-wipe{to{transform:translate(120%)}}@keyframes title-arrival{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=700px){.video-hero .hero-video{animation-name:trailer-slide-in-mobile}@keyframes trailer-slide-in-mobile{0%{opacity:0;transform:scale(2.05)translate(5%)}to{opacity:1;transform:scale(2.15)translate(0)}}}.video-modal{margin:max(24px,10vh) auto}@media (width<=700px){.nav{flex-wrap:wrap;gap:12px;height:auto;min-height:60px;padding:0 18px}.nav .search{display:none}.nav nav{flex-direction:column;order:4;gap:0;width:100%;padding:4px 0 14px;display:none}.nav nav a{border-top:1px solid #252525;padding:12px 4px;font-size:.95rem}.nav:has(.profile-button[aria-expanded=true]) nav{display:flex}.profile{margin-left:auto}.profile-button{justify-content:center;width:38px;height:38px;font-size:0}.profile-button span{display:none}.profile-button:after{content:"☰";font-size:1.45rem;line-height:1}.profile-menu{display:none}.modal-backdrop{padding:12px}.movie-modal{width:100%;margin:0 auto}.modal-copy{padding:20px}.movie-modal>img{max-height:none}}.title-page{background:#080808;min-height:100vh}.title-nav{z-index:3;background:#080808;align-items:center;gap:16px;height:68px;padding:0 4vw;display:flex;position:relative}.title-nav strong{color:#e50914;font-size:1.55rem}.title-nav button{color:#fff;background:0 0;border:0;font-weight:700}.title-nav .secondary{background:#555;margin-left:auto;padding:10px 15px}.title-hero-page{background-position:50%;background-size:cover;align-items:flex-end;min-height:70vh;padding:7vw 4vw 9vw;display:flex;position:relative;overflow:hidden}.title-trailer{opacity:.55;pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.title-hero-content{z-index:1;max-width:580px;position:relative}.title-hero-content h1{margin:8px 0;font-size:clamp(2.7rem,7vw,5.5rem)}.title-hero-content>p:not(.eyebrow){font-size:1.06rem;line-height:1.55}.title-meta,.title-cast{color:#46d369;font-size:.9rem}.title-hero-content a{margin-right:8px;text-decoration:none;display:inline-block}.title-details,.title-episodes{gap:28px;max-width:1100px;margin:0 auto;padding:34px 4vw;display:flex}.title-details img{object-fit:cover;background:#1b1b1b;border-radius:4px;flex:0 0 170px;width:170px;height:255px}.title-details>div{min-width:0}.title-details h2,.title-episodes h2{margin-top:0}.title-episodes{display:block}.title-episode{border-top:1px solid #333;align-items:flex-start;gap:20px;padding:20px 4px;display:flex}.title-episode>span{text-align:center;color:#aaa;width:28px;font-size:1.1rem}.title-episode h3{margin:0 0 4px}.title-episode p{color:#bbb;margin:7px 0 0;line-height:1.45}.title-episode div{flex:1}.title-episode b{color:#ddd;padding:10px}.title-episodes select{color:#fff;background:#252525;border:1px solid #666;padding:8px}.title-page footer{color:#777;padding:40px 4vw;font-size:.8rem}@media (width<=700px){.title-nav{padding:0 18px}.title-nav button:first-of-type{font-size:.78rem}.title-nav .secondary{padding:8px 10px;font-size:.78rem}.title-hero-page{background-position:50%;min-height:68vh;padding:100px 20px 50px}.title-hero-content h1{font-size:2.8rem}.title-details{gap:18px;padding:28px 20px}.title-details img{flex-basis:105px;width:105px;height:158px}.title-details h2{font-size:1.35rem}.title-episodes{padding:28px 20px}.title-episode{gap:12px}.title-trailer{opacity:.38}}.title-hero-page:has(.title-trailer){background-image:linear-gradient(#050505 0%,#080808 100%)!important}.title-hero-page:has(.title-trailer) .title-trailer{opacity:1}
