@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#0b0b0d;--surface:#17171b;--panel:#111115;--stroke:#29292f;--muted:#a3a3ab;--text:#f6f6f7;--red:#e50914;--red2:#ff313a;--content:1440px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #fff;outline-offset:4px}button[hidden],[hidden]{display:none!important}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .wrap{width:min(calc(100% - 112px),var(--content));margin-inline:auto}
.site-header{height:78px;position:absolute;z-index:30;left:0;right:0;top:0;background:linear-gradient(to bottom,rgba(0,0,0,.88),rgba(0,0,0,.04));transition:background .2s}.site-header.scrolled,.watch-header{position:sticky;top:0;background:rgba(13,13,16,.94);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0c}.site-header.scrolled{position:fixed}.header-inner{width:min(calc(100% - 112px),var(--content));height:100%;margin:auto;display:flex;align-items:center;gap:53px}.brand{font-family:'Outfit',sans-serif;font-size:33px;letter-spacing:-1.8px;font-weight:900;color:var(--red);white-space:nowrap}.brand span{color:#f9f9f9}.nav{display:flex;align-items:center;gap:29px}.nav-link{font-size:13px;font-weight:700;color:#c3c3c9;transition:color .18s;white-space:nowrap}.nav-link:hover,.nav-link.is-active{color:#fff}.nav-button{border:0;background:none;padding:0}.header-actions{margin-left:auto;display:flex;gap:20px;align-items:center}.icon-button{border:0;color:#eee;background:transparent;padding:6px;display:grid;place-items:center}.icon-button:hover{color:#ff414e}.avatar{width:34px;height:34px;border-radius:8px;background:linear-gradient(145deg,#dc131e,#6c0b10);display:grid;place-items:center;font-weight:900;font-size:14px;box-shadow:0 0 0 2px #ffffff1c}.search-bar{position:absolute;top:75px;right:max(56px,calc((100vw - var(--content))/2));background:#1b1b20;border:1px solid #444;border-radius:10px;padding:10px 11px;display:flex;align-items:center;gap:10px;box-shadow:0 15px 50px #0009}.search-bar label{position:absolute;width:1px;height:1px;overflow:hidden}.search-bar input{width:min(290px,65vw);background:none;color:white;border:0;outline:none;padding:5px;font-size:14px}.search-bar button{border:0;background:none;color:#ddd}
.hero{height:clamp(570px,78vh,820px);position:relative;overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;inset:0 0 0 28%;background:radial-gradient(circle at 72% 46%,color-mix(in srgb,var(--movie-accent,#712f48) 78%,black),transparent 45%),linear-gradient(128deg,#1c181d 5%,#35313f 35%,#11151c 74%,#090c10);background-position:center;background-size:cover}.hero-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 20%,#ffffff12,transparent 50%),repeating-linear-gradient(120deg,#ffffff03 0,#ffffff03 1px,transparent 1px,transparent 29px)}.art-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 97%,#ffffff12 98%),linear-gradient(0deg,transparent 97%,#ffffff12 98%);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent 10%,black 90%);opacity:.22}.art-orbit{position:absolute;aspect-ratio:1;border:1px solid #ffffff16;border-radius:50%;right:8%;top:-45%;width:100%;transform:rotate(12deg)}.orbit-two{width:70%;top:-20%;right:23%;border-color:#ffffff1b}.art-frame{position:absolute;width:min(32vw,470px);height:min(23vw,330px);right:11%;top:24%;transform:perspective(980px) rotateY(-10deg) rotateZ(2deg);border-radius:18px;border:1px solid #ffffff24;background:linear-gradient(142deg,#ffffff13,#03040a52 48%,#0009);box-shadow:-26px 30px 100px #0009,0 0 120px #ffffff07 inset;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;gap:15px}.art-kicker{font-size:10px;font-weight:800;letter-spacing:4px;color:#fff8}.art-film{font-family:'Outfit',sans-serif;font-weight:900;font-size:clamp(35px,5vw,82px);letter-spacing:-3px;text-shadow:0 10px 35px #0009;text-transform:uppercase}.art-sub{font-weight:700;letter-spacing:7px;font-size:12px;color:#ffffffbc}.art-bottom{position:absolute;bottom:24px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#ddd8}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0dfb 3%,#0b0b0dea 30%,#0b0b0d6f 66%,transparent 100%),linear-gradient(0deg,#0b0b0d 1%,transparent 35%,#0b0b0d61 100%)}.hero-content{position:relative;z-index:2;padding-top:67px}.small-tag{font-size:11px;font-weight:900;letter-spacing:3px;color:#f6c0c3;display:flex;gap:11px;align-items:center}.tag-dot{width:7px;height:7px;background:#f01d2a;box-shadow:0 0 12px #fa1e29;border-radius:50%;display:inline-block}.hero h1{font-family:'Outfit',sans-serif;max-width:650px;font-size:clamp(58px,7.2vw,112px);font-weight:800;letter-spacing:-3.5px;line-height:1;margin:24px 0 17px}.hero-meta{display:flex;gap:15px;align-items:center;font-size:13px;color:#d8d8df;font-weight:650;flex-wrap:wrap}.match{color:#3acc85;font-weight:900;font-size:12px;letter-spacing:.5px}.rating{border:1px solid #a5a5ab85;color:#e7e7eb;padding:2px 6px;border-radius:3px;font-size:10px;letter-spacing:.7px;font-weight:850;white-space:nowrap}.hero p{max-width:555px;font-size:15px;line-height:1.85;color:#dddddf;margin:24px 0 27px;text-wrap:pretty}.hero-actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:6px;border:1px solid transparent;padding:13px 22px;min-height:47px;font-weight:800;font-size:14px;transition:background .2s,transform .2s;white-space:nowrap}.btn svg{width:20px;height:20px}.btn:hover{transform:translateY(-1px)}.btn-white{color:#141414;background:#f4f4f5}.btn-white:hover{background:#d9d9dc}.btn-white svg{stroke:none}.btn-glass{background:#ffffff2c;color:white;border-color:#ffffff18;backdrop-filter:blur(5px)}.btn-glass:hover{background:#ffffff45}.btn-icon{width:48px;padding:0;border-radius:50%;background:#0006;border:1px solid #ffffff7e;color:#fff}.btn-icon.saved{color:#fff;border-color:#e50914;background:#b31320}.hero-bottom{position:absolute;bottom:0;width:100%;height:80px;background:linear-gradient(transparent,#0b0b0d)}
.home-main{position:relative;z-index:3;margin-top:-54px;padding-bottom:50px}.shelf{margin-bottom:48px;scroll-margin-top:105px}.shelf-header{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:21px}.shelf h2,.side-head h2{font-family:'Outfit',sans-serif;font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0}.shelf-note{color:#888892;font-size:13px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,255px),1fr));gap:21px}.movie-tile{display:block;min-width:0;border-radius:10px;overflow:hidden;transition:transform .23s ease,background .23s ease;cursor:pointer}.movie-tile:hover{transform:translateY(-7px);background:#19191e}.tile-art{--movie-accent:#712f48;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:9px;background:radial-gradient(circle at 75% 14%,color-mix(in srgb,var(--movie-accent) 65%,transparent),transparent 48%),linear-gradient(135deg,#32282d 0%,#141925 54%,#070809 100%);border:1px solid #ffffff19;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;padding:10px;background-size:cover;background-position:center}.tile-art:after{content:'';position:absolute;inset:0;background:linear-gradient(30deg,transparent 40%,#ffffff0b 50%,transparent 60%);transform:translateX(-140%);transition:transform .6s}.movie-tile:hover .tile-art:after{transform:translateX(160%)}.tile-art-top{font-size:8px;letter-spacing:2px;font-weight:800;color:#ffffff65;z-index:1}.tile-art-top b{color:#f23c4e}.tile-art-center{font-family:'Outfit',sans-serif;font-weight:900;font-size:clamp(26px,3vw,43px);letter-spacing:-1.5px;text-transform:uppercase;max-width:92%;overflow-wrap:anywhere;text-shadow:0 3px 14px #0008;z-index:1}.tile-art-bottom{font-size:9px;font-weight:700;letter-spacing:3px;color:#ffffffab;text-transform:uppercase;z-index:1}.tile-play-icon{position:absolute;right:12px;bottom:11px;display:grid;place-items:center;background:#eeeeeeec;width:31px;height:31px;border-radius:50%;color:#161616;opacity:0;transform:translateY(6px);transition:.2s;z-index:2}.tile-play-icon svg{width:17px;height:17px;stroke:none}.movie-tile:hover .tile-play-icon{opacity:1;transform:translateY(0)}.tile-progress{position:relative;z-index:2;display:block;height:3px;background:#5b5b5f;margin-top:-3px}.tile-progress span{display:block;height:100%;background:#e50914}.tile-body{padding:13px 4px 8px}.tile-title{font-weight:800;font-size:15px;margin-bottom:3px}.tile-sub{font-size:12px;color:#a3a3aa;min-height:18px}.tile-meta{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:11px;color:#999aa3}.empty-state{border:1px dashed #414149;padding:45px;border-radius:12px;text-align:center;color:#a3a3aa}.about-banner{border-radius:14px;border:1px solid #ffffff16;background:linear-gradient(105deg,#2b191e,#17171e 55%,#101116);display:flex;align-items:center;gap:20px;padding:24px 27px;margin-top:60px}.about-icon{width:54px;height:54px;flex:none;display:grid;place-items:center;border-radius:12px;background:#e5091421;color:#ff6970}.about-icon svg{width:29px;height:29px}.about-banner h3{margin:0 0 5px;font-size:17px;font-weight:800}.about-banner p{margin:0;color:#aaaab3;font-size:12px;line-height:1.6}.btn-outline{margin-left:auto;color:white;border-color:#ffffff38;background:#ffffff0a;font-size:12px}.btn-outline:hover{background:#ffffff1c}.footer{display:flex;align-items:center;gap:30px;justify-content:space-between;padding:30px 0 40px;border-top:1px solid #29292f;color:#777780;font-size:11px}.footer-brand{font-family:'Outfit',sans-serif;font-size:19px;font-weight:900;color:#a9a9af;letter-spacing:-1px}
/* WATCH PAGE — inline theater, never automatically fullscreen */
.watch-page{background:#0c0c0e}.watch-header{height:69px}.watch-header .brand{font-size:28px}.back-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:750;color:#d4d4d8}.back-link svg{width:18px}.watch-main{padding-top:24px;padding-bottom:48px}.watch-crumb{display:flex;align-items:center;gap:12px;color:#94949c;font-size:12px;padding:0 0 20px}.watch-crumb a:hover{color:white}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.watch-primary{min-width:0}.player-shell{position:relative;width:100%;aspect-ratio:16/9;border:1px solid #ffffff1b;border-radius:12px;background:#020202;overflow:hidden;box-shadow:0 18px 70px #0008;max-height:650px;isolation:isolate}.player-shell video{display:block;width:100%;height:100%;background:#000;object-fit:contain;outline:none}.player-gradient{pointer-events:none;position:absolute;inset:0;background:linear-gradient(to bottom,#0007 0%,transparent 22%,transparent 60%,#000c 100%);z-index:2}.player-top{pointer-events:none;position:absolute;left:22px;right:20px;top:16px;display:flex;justify-content:space-between;align-items:center;z-index:4;color:white}.player-brand{font-family:'Outfit',sans-serif;font-weight:900;font-size:16px;letter-spacing:.5px;color:#ff343e;text-shadow:0 2px 8px black}.player-top #playerTag{background:#0009;border:1px solid #ffffff5e;padding:3px 8px;font-size:10px;border-radius:4px;font-weight:800}.center-play{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #ffffff80;border-radius:50%;height:76px;width:76px;background:#1119;backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;transition:background .2s,opacity .2s}.center-play:hover{background:#e50914;transform:translate(-50%,-50%) scale(1.05)}.center-play.hidden{opacity:0;pointer-events:none}.center-play svg{stroke:none;width:35px;height:35px;margin-left:5px}.player-shell video::-webkit-media-controls{display:none!important}.player-controls{position:absolute;bottom:0;left:0;right:0;z-index:5;padding:10px 20px 13px;transition:opacity .2s}.seek-row{position:relative;height:18px;display:flex;align-items:center}.seek-row input{position:relative;z-index:2;width:100%;height:18px;margin:0;opacity:0;cursor:pointer}.seek-row:before{content:'';position:absolute;left:0;right:0;top:8px;height:4px;background:#ffffff65;border-radius:3px}.seek-progress{position:absolute;top:8px;left:0;height:4px;background:#e50914;border-radius:3px;pointer-events:none}.seek-hover{position:absolute;bottom:25px;background:#fff;color:#111;border-radius:3px;padding:4px 7px;font-size:11px;font-weight:700;pointer-events:none}.controls-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.control-group{display:flex;align-items:center;gap:9px}.control-btn{background:none;border:0;color:#f7f7f8;width:32px;height:34px;display:grid;place-items:center;border-radius:5px;padding:3px;transition:background .18s}.control-btn:hover{background:#ffffff25}.control-btn svg{width:22px;height:22px}.time-label{font-size:11px;color:#d9d9df;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:5px}.time-divider{color:#ffffff7a;padding:0 5px}.volume-slider{width:62px;accent-color:#f1f1f1;height:4px;cursor:pointer}.quality-label{font-size:11px;color:#e1e1e7;border:1px solid #ffffff72;padding:3px 5px;border-radius:3px;font-weight:800}.speed-select{border:0;color:#eaeaf0;background:#19191bc9;font-weight:700;border-radius:4px;padding:7px 4px;font-size:11px;cursor:pointer}.speed-select option{color:#fff;background:#19191b}.player-error{position:absolute;z-index:7;inset:0;background:#08090be8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;padding:30px}.player-error strong{font-size:18px}.player-error span{color:#aaa;font-size:13px}.player-error a{background:#fff;color:#111;border-radius:5px;padding:8px 14px;font-weight:800;font-size:12px}.player-shell:fullscreen{max-height:none;border-radius:0;aspect-ratio:auto}.player-shell:fullscreen video{width:100%;height:100%}.watch-title-row{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-top:26px}.watch-small-tag{font-size:9px;letter-spacing:1.8px}.watch-film-title{font-family:'Outfit',sans-serif;font-size:clamp(23px,2.5vw,34px);font-weight:750;line-height:1.2;letter-spacing:-.8px;margin:10px 0 6px}.watch-episode-title{font-size:13px;margin:0;color:#a4a4ac}.watch-actions{display:flex;gap:8px;flex:none}.pill-action{border:1px solid #ffffff25;background:#19191d;color:#eaeaea;display:inline-flex;align-items:center;gap:8px;border-radius:6px;padding:9px 13px;font-size:12px;font-weight:750}.pill-action:hover,.pill-action.saved{background:#3b2128;border-color:#954450}.pill-action svg{width:17px;height:17px}.watch-meta{display:flex;gap:12px;align-items:center;color:#b3b3bd;font-size:12px;margin:17px 0 10px}.watch-description{font-size:13px;line-height:1.8;color:#dedee3;margin:0;max-width:770px}.watch-note{margin-top:17px;color:#777780;font-size:11px}.watch-sidebar{min-width:0;position:sticky;top:90px;border-radius:12px;border:1px solid #2e2e34;background:linear-gradient(#19191d,#121216);padding:22px 16px 17px}.side-eyebrow{color:#ed6e79;font-size:10px;letter-spacing:2px;font-weight:900}.side-head h2{font-size:23px;margin:7px 0 17px}.episode-list{display:flex;flex-direction:column;gap:9px;max-height:450px;overflow:auto}.episode-item{width:100%;background:#ffffff04;border:1px solid #ffffff0c;border-radius:8px;padding:13px 11px;display:flex;align-items:center;text-align:left;gap:12px;color:#ddd;transition:background .18s}.episode-item:hover{background:#ffffff12}.episode-item.active{border-color:#a5313d;background:linear-gradient(90deg,#7021287c,#171719)}.episode-number{color:#aaaaaf;font-weight:900;font-family:'Outfit',sans-serif;font-size:24px}.episode-item.active .episode-number{color:#ff4f5c}.episode-summary{display:flex;min-width:0;flex-direction:column;gap:5px;flex:1}.episode-summary strong{font-size:12px}.episode-summary small{font-size:10px;color:#9898a3;line-height:1.4}.episode-arrow{color:#e4e4e8;font-size:18px}.episode-progress{width:100%;height:3px;border-radius:3px;background:#ffffff30;overflow:hidden}.episode-progress span{height:100%;display:block;background:#e50914}.watch-tips{margin-top:24px;padding:14px 3px 0;border-top:1px solid #ffffff15}.watch-tips strong{font-size:12px}.watch-tips p{font-size:11px;line-height:1.9;color:#8e8e98}.watch-tips kbd{display:inline-block;padding:0 5px;color:#d8d8df;background:#333338;border:1px solid #45454a;border-radius:3px;font-size:10px}.below-player{margin-top:54px}.more-placeholder .tile-art{background:radial-gradient(circle at 70% 30%,#69212b,transparent 50%),linear-gradient(130deg,#29252d,#0d0d13)}.toast{position:fixed;bottom:30px;left:50%;z-index:150;transform:translate(-50%,20px);background:#eee;color:#111;border-radius:8px;padding:11px 18px;font-size:13px;font-weight:800;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1700px){.watch-layout{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:1140px){.watch-layout{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.watch-sidebar{padding:17px 12px}.header-inner,.wrap{width:calc(100% - 72px)}}
@media(max-width:920px){.watch-layout{grid-template-columns:1fr}.watch-sidebar{position:static}.episode-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.watch-tips{display:none}.art-frame{right:5%;width:38vw;height:27vw}.hero-shade{background:linear-gradient(90deg,#0b0b0dfd 0%,#0b0b0de8 37%,#0b0b0d62 88%),linear-gradient(0deg,#0b0b0d 3%,transparent 40%)}}
@media(max-width:640px){.header-inner,.wrap{width:calc(100% - 36px)}.site-header{height:63px}.header-inner{gap:17px}.brand{font-size:26px;letter-spacing:-1.5px}.nav{gap:14px}.nav-link{font-size:12px}.nav-link:nth-child(3){display:none}.header-actions{gap:8px}.avatar{width:29px;height:29px;font-size:12px}.search-bar{top:62px;right:18px}.hero{height:630px;align-items:end}.hero-art{inset:0 0 15% 0;opacity:.48}.art-frame{width:75vw;height:56vw;right:8%;top:13%;opacity:.75}.art-film{font-size:53px}.hero-shade{background:linear-gradient(0deg,#0b0b0d 6%,#0b0b0dd8 37%,transparent 89%),linear-gradient(90deg,#0b0b0d99,transparent)}.hero-content{padding:0 0 120px}.small-tag{font-size:9px;letter-spacing:2px}.hero h1{font-size:54px;letter-spacing:-2px;margin:15px 0}.hero p{font-size:13px;line-height:1.7;margin:15px 0 23px}.hero-meta{font-size:11px;gap:11px}.btn{min-height:43px;padding:11px 15px;font-size:12px}.btn-icon{width:44px}.home-main{margin-top:-72px}.shelf h2{font-size:23px}.shelf-note{font-size:11px}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tile-art-center{font-size:25px}.tile-art-top{font-size:6px;letter-spacing:1px}.tile-art-bottom{font-size:7px;letter-spacing:1px}.tile-play-icon{opacity:1;transform:none;width:24px;height:24px;right:7px;bottom:7px}.tile-play-icon svg{width:14px;height:14px}.tile-title{font-size:13px}.tile-sub{font-size:11px}.tile-meta{gap:5px;font-size:10px;flex-wrap:wrap}.about-banner{padding:18px;gap:12px;flex-wrap:wrap}.about-icon{width:42px;height:42px}.about-banner h3{font-size:14px}.about-banner p{font-size:11px}.about-banner .btn{margin-left:0}.footer{flex-wrap:wrap;gap:10px;font-size:10px}.watch-header{height:62px}.watch-header .brand{font-size:25px}.watch-main{padding-top:15px}.watch-crumb{padding-bottom:15px}.player-shell{border-radius:8px}.center-play{width:55px;height:55px}.center-play svg{width:24px;height:24px}.player-controls{padding:4px 8px 7px}.control-group{gap:2px}.control-btn{width:27px;height:28px;padding:3px}.control-btn svg{width:18px;height:18px}.volume-slider{display:none}.time-label{font-size:9px;margin:0}.quality-label{font-size:8px}.speed-select{font-size:9px;padding:5px 0}.player-top{top:8px;left:10px;right:10px}.player-brand{font-size:12px}.seek-row{height:14px}.seek-row:before,.seek-progress{top:6px}.watch-title-row{margin-top:20px;flex-wrap:wrap}.watch-film-title{font-size:25px}.watch-actions{width:100%}.watch-description{font-size:12px}.watch-note{font-size:10px}.watch-sidebar{padding:15px}.side-head h2{font-size:22px}.below-player{margin-top:34px}}
@media(max-width:395px){.header-inner{gap:11px}.nav{gap:9px}.nav-link{font-size:11px}.avatar{display:none}.hero h1{font-size:47px}.watch-header .nav{display:none}.player-controls .right-controls .quality-label{display:none}.time-label{font-size:8px}.controls-bottom{gap:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Video/play icons are solid while the default icon system uses outlines. */
.center-play svg,.btn-white svg,.tile-play-icon svg{fill:currentColor;stroke:none}