@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{color-scheme:dark;--bg:#09090d;--panel:#15151e;--muted:#9393a4;--line:#24242e;--red:#ff334f;--white:#f6f5f8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.top{height:79px;display:flex;align-items:center;gap:60px;padding:0 max(5%,calc((100vw - 1400px)/2));background:#0e0e14eb;position:sticky;top:0;z-index:9;border-bottom:1px solid #ffffff0d;backdrop-filter:blur(20px)}.brand{font:900 31px Outfit,sans-serif;letter-spacing:-2px;color:#fff}.brand span,footer strong span{color:var(--red)}nav{display:flex;gap:35px;flex:1}nav a{color:#a5a4b0;font-size:14px;font-weight:700;white-space:nowrap;transition:.2s}nav a:hover,nav a.active{color:white}.actions{display:flex;align-items:center;gap:15px}.actions button{font-size:29px;background:none;border:0;color:white}.admin-link{font-size:13px;color:#c8c7d0;padding:10px 14px;background:#24242c;border-radius:10px}.hero{min-height:540px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 73% 70%,#76162d 0%,transparent 41%),linear-gradient(115deg,#14131d 11%,#24101e 52%,#0b0a12 100%);display:flex;align-items:center;padding:60px max(5%,calc((100vw - 1400px)/2))}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(130deg,#fff1 0px,transparent 1px,transparent 95px);opacity:.22;pointer-events:none}.hero-content{z-index:1;max-width:650px}.eyebrow,.section-kicker{color:#d6c8d2;letter-spacing:3px;font-size:11px;font-weight:800}.eyebrow i{display:inline-block;background:#ff3653;width:8px;height:8px;border-radius:50%;margin-right:8px;box-shadow:0 0 16px #ff3653}.hero h1{font:900 clamp(55px,7.5vw,108px)/.99 Outfit,sans-serif;letter-spacing:-5px;margin:30px 0 22px}.hero h1 em{font-style:normal;background:linear-gradient(110deg,#ff3a59,#ff9479);background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:#c3b8c1;max-width:470px;font-size:16px;line-height:1.8}.hero-actions{display:flex;gap:12px;margin-top:30px}.primary,.secondary{border:0;padding:15px 23px;border-radius:9px;font-weight:800;background:var(--red);color:white;display:inline-flex;gap:25px;align-items:center;justify-content:center;box-shadow:0 7px 35px #ff334f33}.primary:hover{background:#e72742}.secondary{background:#ffffff19;border:1px solid #ffffff30;box-shadow:none}.hero-sub{margin-top:63px;color:#b69cab;font-size:10px;font-weight:800;letter-spacing:2px}.hero-sub span{padding:0 12px;color:#ff697e}.hero-decor{position:absolute;right:9%;top:50%;transform:translateY(-50%);width:360px;height:360px;display:grid;place-items:center}.orbit{position:absolute;width:100%;height:100%;border:1px solid #ff476055;border-radius:50%;transform:rotate(-25deg) scaleX(.75);box-shadow:0 0 90px #fd355414}.orbit.two{transform:rotate(42deg) scaleX(.78);width:110%;height:110%}.big-play{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;font-size:40px;padding-left:8px;background:linear-gradient(140deg,#ff4261,#6b143b);box-shadow:0 0 100px #ed224b77,0 12px 40px #0007}.catalog{max-width:1500px;padding:55px 5% 110px;margin:auto;min-height:440px}.bar{display:flex;justify-content:space-between;align-items:end;gap:20px}.bar h2{font:800 32px Outfit;margin:8px 0 0;letter-spacing:-1px}.bar h2 b{color:var(--red);font-size:18px}.right-tools{display:flex;align-items:center;gap:17px}.count{font-size:12px;color:var(--muted);white-space:nowrap}input[type=search]{background:#1c1c26;border:1px solid #363640;border-radius:12px;padding:14px 18px;min-width:320px;color:#fff;outline:0}input:focus{border-color:#f45}.pills{display:flex;gap:9px;overflow-x:auto;padding:27px 0 24px}.pill{white-space:nowrap;border:1px solid #33333e;background:#181820;border-radius:100px;padding:9px 19px;color:#c8c7d3;font-size:13px;font-weight:700}.pill.active{background:var(--red);color:white;border-color:var(--red)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:22px}.card{border:1px solid #24242b;background:linear-gradient(180deg,#1b1b26,#111118);border-radius:14px;overflow:hidden;text-align:left;padding:0;color:white;transition:transform .2s,border .2s}.card:hover{transform:translateY(-5px);border-color:#f4566d80}.poster{aspect-ratio:2/3;background:linear-gradient(140deg,#391528,#0e1c30);position:relative;display:grid;place-items:center;overflow:hidden}.poster img{height:100%;width:100%;object-fit:cover}.poster .placeholder{font:900 50px Outfit;color:#ffffff12}.poster .play-circle{position:absolute;bottom:15px;right:15px;background:var(--red);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;opacity:0;transform:scale(.8);transition:.2s}.card:hover .play-circle{opacity:1;transform:scale(1)}.card .meta{padding:15px 14px 18px}.meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 15px Outfit}.meta small{display:block;margin-top:7px;color:#9797a9;font-size:12px}.card.channel .poster{aspect-ratio:16/10;background:#15151f}.card.channel .poster img{object-fit:contain;padding:25px}.card.channel .play-circle{opacity:1;transform:none}.empty{border:1px dashed #363643;padding:48px;text-align:center;border-radius:18px;background:#111117}.empty-icon{font-size:58px;color:var(--red)}.empty h3{font:700 25px Outfit}.empty p{color:var(--muted);line-height:1.6}.linkbtn{margin-top:16px}footer{border-top:1px solid #22222c;background:#101017;padding:45px 5%;display:flex;align-items:center;justify-content:space-between;color:#858595;font-size:13px;gap:20px}footer strong{font:900 32px Outfit;color:white;letter-spacing:-2px}footer small{color:#666674}.overlay,.player-overlay{position:fixed;inset:0;z-index:20}.backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(12px)}.details-panel{position:relative;max-width:700px;background:#191920;border:1px solid #393943;border-radius:22px;margin:5vh auto;max-height:90vh;overflow:auto;box-shadow:0 20px 100px #000a}.details-backdrop{height:250px;background:linear-gradient(transparent,#191920),linear-gradient(130deg,#4c1730,#181b30);background-size:cover;background-position:center}.detail-inner{padding:28px 38px 40px}.detail-inner h2{font:800 38px Outfit;margin:0 0 12px}.detail-inner p{line-height:1.7;color:#b0afbb}.detail-tags{color:var(--red);font-size:12px;letter-spacing:2px;font-weight:800}.detail-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.episode{display:block;width:100%;text-align:left;background:#25252e;border:1px solid #393942;color:#fff;padding:15px;border-radius:9px;margin:9px 0}.episode:hover{border-color:var(--red)}.episode small{display:block;color:#aaa;margin-top:5px}.x{position:absolute;z-index:2;right:16px;top:16px;border:0;border-radius:50%;background:#000b;color:white;width:39px;height:39px;font-size:27px}.player-overlay{background:#050506ee;display:grid;place-items:center;z-index:30;backdrop-filter:blur(17px)}.player-shell{width:min(1320px,98vw);background:#0f0f15;border:1px solid #34343c;border-radius:16px;overflow:hidden;box-shadow:0 30px 120px #000}.player-top{padding:17px 24px;display:flex;align-items:center;justify-content:space-between}.player-title{display:flex;align-items:center;gap:25px}.brand.mini{font-size:24px}.player-title strong{font-size:14px}.player-top button{background:#2a2a34;border:0;color:#fff;width:35px;height:35px;border-radius:8px}.video-stage{background:#000;position:relative;aspect-ratio:16/9;max-height:70vh;display:grid;place-items:center}.video-stage video{width:100%;height:100%;background:#000}.video-msg{position:absolute;background:#000a;color:#d6d6dc;padding:10px 16px;border-radius:8px;font-size:13px;pointer-events:none}.center-play{position:absolute;border:1px solid #ffffff66;background:#f43c57d9;color:#fff;border-radius:50%;width:74px;height:74px;font-size:26px;padding-left:6px;opacity:0;transition:.2s}.video-stage:hover .center-play{opacity:1}.controls{padding:13px 25px 20px}.seek-wrap input{width:100%;accent-color:var(--red);height:4px;cursor:pointer}.seek-label{display:flex;justify-content:space-between;color:#8c8c99;font-size:11px}.control-row,.control-group{display:flex;align-items:center;justify-content:space-between;gap:14px}.control-row{margin-top:15px}.control-group button{background:none;color:#f1f0f3;border:0;font-size:20px;padding:5px}.control-group input{width:80px;accent-color:var(--red)}.control-group select{color:#ddd;background:#24242d;border:1px solid #3d3d45;padding:8px;border-radius:7px;max-width:150px}.control-group label,.control-group span{font-size:11px;color:#93939e}#playingStatus{letter-spacing:1px}.player-shell:fullscreen{width:100vw;height:100vh;display:flex;flex-direction:column;border:0;border-radius:0}.player-shell:fullscreen .video-stage{flex:1;min-height:0;max-height:none}[hidden]{display:none!important}@media(max-width:900px){.top{gap:18px;padding:0 4%}nav{gap:15px}nav a{font-size:12px}.hero-decor{opacity:.2;right:-15%}.hero{min-height:490px}.right-tools{flex-wrap:wrap}input[type=search]{min-width:200px}.control-row{flex-wrap:wrap}.control-group{flex-wrap:wrap}}@media(max-width:610px){.top{height:auto;min-height:73px;flex-wrap:wrap;padding:13px 5%;gap:12px}.brand{font-size:28px}nav{order:3;overflow-x:auto;width:100%;gap:22px;padding:10px 0;flex-basis:100%}.actions{margin-left:auto}.admin-link span{display:none}.hero{min-height:440px;padding:35px 5%}.hero h1{letter-spacing:-3px}.hero-sub{margin-top:40px}.hero-decor{right:-200px}.catalog{padding:40px 5% 70px}.bar{align-items:stretch;flex-direction:column}.right-tools{flex-direction:row;align-items:center}.right-tools input{flex:1;width:100%;min-width:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.details-panel{margin:0;max-height:100vh;height:100vh;border-radius:0}.detail-inner{padding:22px}.control-group{gap:5px}.control-group label{display:none}.control-group select{max-width:100px}.player-shell{width:100vw;border-radius:0}.player-title strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}footer{flex-wrap:wrap}.hero-actions{flex-wrap:wrap}}

/* FLIX Player — cinema experience */
.player-overlay{background:#000f}.player-shell{border:1px solid #ffffff24;background:#050507;box-shadow:0 28px 110px #000e}.player-top{background:linear-gradient(180deg,#17151dbb,#09090b);min-height:70px}.video-stage{background:radial-gradient(ellipse at center,#17141a,#000 72%)}.video-stage:after{content:"";position:absolute;bottom:0;height:12%;left:0;right:0;background:linear-gradient(transparent,#0008);pointer-events:none}.controls{background:linear-gradient(0deg,#08070a,#121016);padding:18px 27px 25px}.control-group button{border-radius:9px;transition:.2s;padding:10px}.control-group button:hover{background:#ffffff1a;transform:scale(1.08)}#seek{height:5px;accent-color:#fc3654}#seek:hover{height:8px}.center-play{opacity:.92;box-shadow:0 0 80px #ff355b44;z-index:1;backdrop-filter:blur(10px)}.video-stage:has(video:not(:paused)) .center-play{opacity:0}.video-stage:hover .center-play{opacity:1}.player-title strong{font-weight:700}.player-title .brand{color:#fff}.control-group select{border-radius:9px;padding:10px;background:#1f202b}.control-group select:focus{outline:2px solid #f35}.video-msg{z-index:2;border:1px solid #ffffff30;backdrop-filter:blur(20px)}.controls input{cursor:pointer}.player-shell:fullscreen .video-stage{max-height:none}.player-shell:fullscreen .controls{background:#09090dcf}


/* FLIX cinema player fix 2026-10-22: header floats on video, no image cropping */
.player-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000;padding:0}
.player-shell{position:relative;isolation:isolate;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;overflow:hidden;border:0;border-radius:0;background:#000;box-shadow:none;display:flex;flex-direction:column}
.video-stage{position:absolute;inset:0;width:100%;height:100%;max-height:none;min-height:0;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000;z-index:0}
.video-stage video{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;background:#000}
.player-top{position:absolute;inset:0 0 auto;z-index:5;width:100%;height:auto;min-height:92px;padding:18px clamp(18px,3vw,52px) 32px;background:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.34) 70%,transparent);pointer-events:none;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.player-title{padding-top:6px;min-width:0;gap:22px}.player-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(62vw,680px);text-shadow:0 1px 8px #000}.player-top button{pointer-events:auto;flex-shrink:0}
.controls{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:48px clamp(18px,3vw,52px) max(20px,env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(0,0,0,.97),rgba(0,0,0,.7) 55%,transparent);max-height:55dvh;overflow-y:auto}
.video-stage:after{display:none}.center-play{z-index:3}
.player-shell:fullscreen,.player-shell:-webkit-full-screen{width:100vw;height:100vh;height:100dvh;border-radius:0}
.player-shell:fullscreen .video-stage,.player-shell:-webkit-full-screen .video-stage{position:absolute;inset:0;max-height:none}
.player-shell:fullscreen .controls,.player-shell:-webkit-full-screen .controls{position:absolute;bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.97),rgba(0,0,0,.7) 55%,transparent)}
.player-shell.is-idle .player-top,.player-shell.is-idle .controls,.player-shell.is-idle .center-play{opacity:0;pointer-events:none;transition:opacity .28s ease}
.player-shell:not(.is-idle) .player-top,.player-shell:not(.is-idle) .controls{opacity:1;transition:opacity .2s ease}
.player-shell.is-idle{cursor:none}.player-shell:focus-within{cursor:auto}.player-shell:focus-within .player-top,.player-shell:focus-within .controls{opacity:1;pointer-events:auto}
@media(max-width:610px){.player-shell{width:100vw;height:100dvh}.player-top{min-height:70px;padding:14px 16px 25px}.player-title{gap:10px}.player-title strong{max-width:55vw;font-size:12px}.brand.mini{font-size:20px}.controls{padding:35px 13px max(15px,env(safe-area-inset-bottom));max-height:62dvh}.control-row{gap:8px}.control-group{gap:3px}.control-group button{padding:7px}.control-group select{max-width:95px;padding:6px}.control-group input{width:60px}}