:root{--bg:#07090d;--panel:#0d1118;--panel2:#131925;--text:#f6f7f9;--muted:#9aa4b4;--line:rgba(255,255,255,.09);--red:#e50914;--red2:#ff2533;--green:#39d98a;--shadow:0 24px 70px rgba(0,0,0,.45);--radius:18px;--header:72px;--stage:min(94vw,1520px)}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}.hidden{display:none!important}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;background:linear-gradient(180deg,#07090d 0%,#090c12 55%,#07090d 100%)}
.topbar{position:fixed;z-index:80;top:0;left:0;right:0;height:var(--header);display:flex;align-items:center;gap:34px;padding:0 max(3vw,28px);transition:.3s;background:linear-gradient(180deg,rgba(5,7,10,.88),rgba(5,7,10,.18),transparent);backdrop-filter:blur(0)}.topbar.scrolled{background:rgba(7,9,13,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.04em;white-space:nowrap}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,var(--red2),#9b0010);box-shadow:0 10px 28px rgba(229,9,20,.25);font-size:20px}.brand-word{font-size:21px}.brand.compact .brand-mark{width:28px;height:28px;font-size:16px}.brand.compact .brand-word{font-size:18px}.main-nav{display:flex;align-items:center;gap:6px;flex:1}.nav-link{background:none;border:0;padding:10px 12px;color:#d6dbe3;cursor:pointer;border-radius:10px;font-weight:650;font-size:14px;transition:.2s}.nav-link:hover,.nav-link.active{color:#fff;background:rgba(255,255,255,.07)}.top-actions{display:flex;align-items:center;gap:12px}.icon-btn,.player-icon{border:0;background:transparent;cursor:pointer}.icon-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.icon-btn:hover{background:rgba(255,255,255,.08)}.icon-btn svg,.search-bar-wrap svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9}.status-dot{width:8px;height:8px;border-radius:50%;background:#596274;box-shadow:0 0 0 4px rgba(255,255,255,.04)}.status-dot.ok{background:var(--green);box-shadow:0 0 0 4px rgba(57,217,138,.12)}.status-dot.bad{background:#ff5d6c}.avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#252d3b,#151a24);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;font-weight:800;color:#cfd6df}
.hero{position:relative;min-height:78vh;max-height:900px;height:780px;display:flex;align-items:flex-end;overflow:hidden}.hero-bg{position:absolute;inset:0;background:#111 center/cover no-repeat;transform:scale(1.02);transition:background-image .55s ease,opacity .35s}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,10,.98) 0%,rgba(5,7,10,.78) 29%,rgba(5,7,10,.28) 62%,rgba(5,7,10,.08) 100%),linear-gradient(0deg,#07090d 0%,rgba(7,9,13,.76) 10%,transparent 42%),linear-gradient(180deg,rgba(7,9,13,.36),transparent 20%)}.hero-content{position:relative;z-index:2;width:min(680px,88vw);margin-left:max(3vw,32px);padding-bottom:110px}.hero-kicker,.eyebrow{font-size:12px;font-weight:850;letter-spacing:.18em;color:#d9dee6}.hero-kicker{color:#ffb4ba;margin-bottom:18px}.hero h1{font-size:clamp(42px,5.5vw,80px);line-height:.96;letter-spacing:-.055em;margin:0 0 22px;text-wrap:balance}.hero-meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;color:#e6e9ee;font-weight:650;font-size:14px}.hero-meta .rating{color:#83f1ae}.hero-copy{max-width:620px;color:#c6ccd6;font-size:16px;line-height:1.65;margin:18px 0 28px;text-shadow:0 2px 20px #000}.hero-actions{display:flex;gap:12px}.btn{border:0;border-radius:10px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;cursor:pointer;transition:.2s;min-height:46px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#fff;color:#080b0f}.btn-primary:hover{background:#eceff4}.btn-glass{background:rgba(70,77,89,.68);color:#fff;backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08)}.btn-glass:hover{background:rgba(88,96,110,.8)}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red2)}.hero-dots{position:absolute;z-index:3;right:max(3vw,32px);bottom:92px;display:flex;gap:7px}.hero-dots button{border:0;width:18px;height:4px;border-radius:10px;background:rgba(255,255,255,.25);padding:0;cursor:pointer;transition:.2s}.hero-dots button.active{width:34px;background:#fff}
.content-stage{width:var(--stage);margin:0 auto}.view-home{margin-top:-50px;position:relative;z-index:8;padding-bottom:70px}.shelf{margin:0 0 36px}.shelf-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.shelf-title{font-size:21px;letter-spacing:-.02em;margin:0}.shelf-more{border:0;background:none;color:#9da7b5;cursor:pointer;font-size:13px}.shelf-more:hover{color:#fff}.rail-wrap{position:relative}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(155px,1fr);grid-template-rows:1fr;gap:10px;overflow-x:auto;scrollbar-width:none;padding:4px 0 12px;scroll-snap-type:x proximity}.rail::-webkit-scrollbar{display:none}.card{position:relative;min-width:0;cursor:pointer;scroll-snap-align:start;transition:transform .25s ease,filter .25s;transform-origin:center}.card:hover{transform:scale(1.055);z-index:5}.poster{position:relative;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#18202c,#0c1017);box-shadow:0 10px 30px rgba(0,0,0,.22)}.poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.card:hover .poster img{transform:scale(1.035)}.poster::after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,rgba(0,0,0,.75));opacity:.55}.card-title{font-size:13px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:9px 2px 0}.card-sub{font-size:12px;color:#8893a3;margin:3px 2px}.card-badges{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:6px}.badge{background:rgba(5,7,10,.72);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);padding:4px 7px;border-radius:7px;font-size:10px;font-weight:800}.badge.rating{color:#dfffea}.card-progress{position:absolute;left:8px;right:8px;bottom:8px;z-index:3;height:3px;border-radius:5px;background:rgba(255,255,255,.28);overflow:hidden}.card-progress i{display:block;height:100%;background:var(--red)}.rail-arrow{position:absolute;z-index:6;top:38%;width:46px;height:70px;border:0;border-radius:12px;background:rgba(5,7,10,.72);backdrop-filter:blur(10px);cursor:pointer;opacity:0;transition:.2s;font-size:27px}.rail-wrap:hover .rail-arrow{opacity:1}.rail-arrow.left{left:-16px}.rail-arrow.right{right:-16px}.skeleton{border-radius:12px;background:linear-gradient(100deg,#121824 20%,#1a2230 40%,#121824 60%);background-size:200% 100%;animation:shine 1.35s linear infinite;aspect-ratio:2/3}@keyframes shine{to{background-position:-200% 0}}
.browse-head{padding-top:calc(var(--header) + 44px);display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.browse-head h2{font-size:38px;margin:8px 0 0;letter-spacing:-.045em}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters select{border:1px solid var(--line);background:#0d121a;color:#e9edf2;border-radius:10px;padding:11px 34px 11px 12px;outline:none}.poster-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:22px 12px;padding-bottom:34px}.poster-grid .card:hover{transform:translateY(-5px) scale(1.02)}.load-more-wrap{display:flex;justify-content:center;padding:0 0 70px}
.search-layer{position:fixed;inset:0;z-index:120;background:rgba(5,7,10,.97);backdrop-filter:blur(18px);overflow-y:auto}.search-bar-wrap{width:min(900px,90vw);margin:74px auto 22px;height:66px;border-bottom:2px solid rgba(255,255,255,.16);display:flex;align-items:center;gap:16px}.search-bar-wrap svg{width:29px;height:29px;color:#aeb7c5}.search-bar-wrap input{flex:1;border:0;background:transparent;color:#fff;font-size:28px;outline:none}.search-bar-wrap button{border:0;background:none;color:#9aa5b5;font-size:25px;cursor:pointer}.search-results{padding-bottom:80px}.search-group{margin:28px 0}.search-group h3{font-size:18px}.search-empty{text-align:center;color:#919cad;padding:80px 0}
.modal{position:fixed;inset:0;z-index:110;display:grid;place-items:start center;overflow-y:auto;padding:40px 16px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(8px)}.detail-panel{position:relative;z-index:2;width:min(980px,96vw);margin:auto;border-radius:20px;overflow:hidden;background:#0d1118;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.08)}.modal-close{position:absolute;right:18px;top:18px;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(8,11,16,.75);backdrop-filter:blur(12px);cursor:pointer}.detail-hero{position:relative;min-height:540px;display:flex;align-items:flex-end;padding:44px;background:#141923 center/cover no-repeat}.detail-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,13,.92),rgba(7,9,13,.25) 74%),linear-gradient(0deg,#0d1118 0%,rgba(13,17,24,.45) 40%,rgba(13,17,24,.05) 75%)}.detail-hero-content{position:relative;z-index:2;max-width:640px}.detail-hero h2{font-size:clamp(36px,5vw,64px);letter-spacing:-.05em;line-height:1;margin:0 0 16px}.detail-meta{display:flex;flex-wrap:wrap;gap:9px 14px;color:#d5dae2;font-size:14px;font-weight:650}.detail-copy{line-height:1.65;color:#c7ced8;max-width:620px}.detail-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.detail-body{padding:0 44px 44px}.detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:34px}.detail-label{color:#7f8a9a}.detail-side{font-size:13px;line-height:1.7;color:#d4dae3}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{background:#151c27;border:1px solid var(--line);padding:6px 9px;border-radius:999px;font-size:12px;color:#cfd6df}.cast-row{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:8px 0 4px}.cast-row::-webkit-scrollbar{display:none}.cast-card{width:88px;flex:0 0 88px}.cast-card img,.cast-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#1a2130;display:block}.cast-name{font-size:11px;font-weight:750;margin-top:7px}.cast-role{font-size:10px;color:#808b9a;margin-top:2px}.season-toolbar{display:flex;align-items:center;justify-content:space-between;margin:30px 0 14px}.season-toolbar h3{font-size:22px;margin:0}.season-toolbar select{background:#121923;color:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 12px}.episode-list{display:grid;gap:1px;border-top:1px solid var(--line)}.episode{display:grid;grid-template-columns:42px 160px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 4px;border-bottom:1px solid var(--line);cursor:pointer}.episode:hover{background:rgba(255,255,255,.035)}.episode-no{font-weight:850;color:#7f8998;text-align:center}.episode-thumb{aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#151c27;position:relative}.episode-thumb img{width:100%;height:100%;object-fit:cover}.episode-thumb .ep-play{position:absolute;inset:0;margin:auto;width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.6);display:grid;place-items:center;opacity:0;transition:.2s}.episode:hover .ep-play{opacity:1}.episode h4{margin:0 0 6px;font-size:14px}.episode p{margin:0;color:#8e99a8;font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.episode-meta{font-size:11px;color:#8a95a5;margin-top:7px}.episode-action{border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer}
.player-layer{position:fixed;inset:0;z-index:200;background:#000}.player-shell{position:absolute;inset:0;background:#000;overflow:hidden}.player-shell video{width:100%;height:100%;object-fit:contain;background:#000}.player-gradient{position:absolute;left:0;right:0;pointer-events:none}.player-gradient.top{top:0;height:180px;background:linear-gradient(rgba(0,0,0,.72),transparent)}.player-gradient.bottom{bottom:0;height:250px;background:linear-gradient(transparent,rgba(0,0,0,.88))}.player-top{position:absolute;z-index:3;top:24px;left:28px;right:28px;display:flex;align-items:center;gap:14px}.player-top h3{margin:0;font-size:18px}.player-top div div{font-size:12px;color:#aeb7c4;margin-top:3px}.player-icon{min-width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800}.player-icon:hover{background:rgba(255,255,255,.12)}.player-center{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.big-play{pointer-events:auto;width:74px;height:74px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(0,0,0,.38);backdrop-filter:blur(8px);font-size:28px;color:#fff;cursor:pointer;transition:.2s}.big-play:hover{transform:scale(1.08)}.player-controls{position:absolute;z-index:4;left:28px;right:28px;bottom:22px}.player-controls input[type=range]{width:100%;accent-color:var(--red);cursor:pointer}.player-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.control-group{display:flex;align-items:center;gap:6px}.control-group.right{justify-content:flex-end}.timecode{font-size:12px;color:#d4dae4;margin-left:6px}.player-select{background:rgba(17,22,31,.74);border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:8px;padding:8px 10px;max-width:150px}.player-toast{position:absolute;z-index:6;left:50%;top:16%;transform:translateX(-50%);background:rgba(0,0,0,.72);padding:9px 14px;border-radius:8px;font-size:12px;opacity:0;transition:.25s}.player-toast.show{opacity:1}
.site-footer{border-top:1px solid var(--line);min-height:150px;padding:34px max(3vw,28px);display:flex;align-items:center;justify-content:space-between;color:#7f8997;font-size:12px}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:300;display:grid;gap:8px}.toast{max-width:360px;background:#151c27;border:1px solid rgba(255,255,255,.09);box-shadow:var(--shadow);padding:12px 14px;border-radius:10px;font-size:13px;animation:toastin .25s ease}.toast.error{border-color:rgba(255,74,92,.35)}@keyframes toastin{from{transform:translateY(10px);opacity:0}}.global-loader{position:fixed;inset:0;z-index:250;background:rgba(4,6,9,.45);display:grid;place-items:center;pointer-events:none}.global-loader span{width:44px;height:44px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media (min-width:1100px){.rail{grid-auto-columns:calc((100% - 60px)/7)}}
@media (max-width:1180px){.poster-grid{grid-template-columns:repeat(5,1fr)}.main-nav{gap:0}.detail-hero{min-height:500px}}
@media (max-width:850px){:root{--header:64px;--stage:94vw}.topbar{padding:0 3vw}.brand-word{font-size:18px}.main-nav{position:fixed;left:10px;right:10px;bottom:10px;height:58px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(11,15,21,.92);backdrop-filter:blur(20px);justify-content:space-around;z-index:90;box-shadow:0 12px 40px #000}.nav-link{font-size:11px;padding:10px 8px}.top-actions .avatar{display:none}.hero{height:680px;min-height:72vh}.hero-shade{background:linear-gradient(90deg,rgba(5,7,10,.9),rgba(5,7,10,.25)),linear-gradient(0deg,#07090d 0%,rgba(7,9,13,.72) 18%,transparent 60%)}.hero-content{margin-left:3vw;padding-bottom:86px}.hero-copy{font-size:14px;max-width:92%}.hero-dots{bottom:78px}.view-home{margin-top:-30px}.rail{grid-auto-columns:31vw}.poster-grid{grid-template-columns:repeat(4,1fr)}.browse-head{align-items:flex-start;flex-direction:column}.detail-panel{width:100%;border-radius:16px}.detail-hero{min-height:470px;padding:28px}.detail-body{padding:0 28px 34px}.detail-columns{grid-template-columns:1fr}.episode{grid-template-columns:34px 120px minmax(0,1fr)}.episode-action{display:none}.site-footer{padding-bottom:92px}.player-row{gap:10px}.player-select{max-width:95px}.timecode{display:none}}
@media (max-width:560px){.topbar{gap:10px}.main-nav .nav-link[data-nav="genres"]{display:none}.hero{height:610px}.hero h1{font-size:44px}.hero-actions .btn{padding:11px 16px}.rail{grid-auto-columns:42vw}.poster-grid{grid-template-columns:repeat(3,1fr);gap:18px 8px}.browse-head h2{font-size:32px}.filters{width:100%}.filters select{flex:1;min-width:0}.search-bar-wrap input{font-size:21px}.detail-hero{min-height:430px;padding:22px}.detail-hero h2{font-size:40px}.detail-body{padding:0 22px 30px}.episode{grid-template-columns:28px 96px minmax(0,1fr);gap:10px}.episode p{display:none}.cast-card{width:76px;flex-basis:76px}.player-controls{left:14px;right:14px;bottom:12px}.player-top{left:14px;right:14px}.control-group.right .player-select{display:none}.player-icon{min-width:38px;width:38px;height:38px}.site-footer{flex-direction:column;align-items:flex-start;gap:12px}}