@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700;800&family=Outfit:wght@400;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#f3f8ff;background:#08182f}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,h4,p{margin-top:0}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(140deg,#75d6ff,#2874ee);display:grid;place-items:center;box-shadow:0 8px 25px #267ceb50;padding-left:3px}.brand strong{display:block;font:700 23px Outfit;letter-spacing:-.75px}.brand strong span{color:#72cfff}.brand small{display:block;color:#7495b9;font-size:9px;letter-spacing:1.7px;text-transform:uppercase}.eyebrow{font-size:11px;letter-spacing:2px;color:#59c1fa;font-weight:800}.primary{border:0;border-radius:12px;background:linear-gradient(105deg,#3ab1f9,#2468eb);color:#fff;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-weight:800;box-shadow:0 8px 22px #2774ef42}.full{width:100%}.alert{background:#a6374530;color:#ffbdc4;border:1px solid #ff8c9d45;padding:12px 15px;border-radius:9px;font-size:13px}.login-page{min-height:100vh;background:#071932;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.login-glow{position:absolute;background:#2383e324;width:520px;height:520px;filter:blur(120px);top:30%;left:45%;pointer-events:none}.login-card{align-self:center;justify-self:center;max-width:440px;width:calc(100% - 56px);z-index:1}.login-card .brand{margin-bottom:70px}.login-heading h1{font:700 clamp(32px,4vw,45px) Outfit;letter-spacing:-1.5px;margin:10px 0}.login-heading p{color:#9ab0cd;line-height:1.65;font-size:14px;margin-bottom:32px}.login-card form>label:not(.remember){display:block;color:#d6e6fa;font-size:12px;font-weight:700;margin:18px 0}.login-card input:not([type=checkbox]){height:48px;padding:0 15px;margin-top:9px;width:100%;color:#fff;background:#11294a;border:1px solid #2c476b;border-radius:9px;outline:0}.login-card input:focus{border-color:#49b9ff}.login-card input::placeholder{color:#6f8bad}.password{position:relative}.password button{position:absolute;right:12px;top:20px;color:#8da9ca;background:none;border:0}.password input{padding-right:45px!important}.remember{display:flex;align-items:center;gap:8px;color:#a8bfd9;font-size:12px;margin:22px 0}.remember input{accent-color:#318ef5}.login-foot{display:block;text-align:center;color:#6986a8;margin-top:29px;line-height:1.5}.login-art{background:radial-gradient(circle at 48% 39%,#174d92,#0e2b56 40%,#0a2041 77%);position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:10%;overflow:hidden}.login-art:before,.login-art:after{content:"";position:absolute;border:1px solid #75caff25;border-radius:50%;width:580px;height:580px;left:50%;top:42%;transform:translate(-50%,-50%)}.login-art:after{width:420px;height:420px}.orb{width:220px;height:220px;align-self:center;position:absolute;top:30%;border-radius:60px;transform:rotate(-12deg);display:grid;place-items:center;font-size:72px;padding-left:12px;background:linear-gradient(135deg,#5dc5ff,#1452c7);box-shadow:30px 50px 100px #0008,inset 0 4px 12px #fff5;z-index:1}.art-copy{z-index:2}.art-copy span{color:#79d4ff;letter-spacing:2px;font-size:11px;font-weight:800}.art-copy h2{font:700 clamp(36px,4vw,58px)/1.11 Outfit;letter-spacing:-2px;margin:13px 0}.art-copy em{font-style:normal;color:#72ceff}.art-copy p{color:#b1cbe8;font-size:14px}.app-shell{min-height:100vh;display:flex;background:#08182f}.sidebar{width:244px;min-width:244px;padding:31px 18px 20px;background:#0b2040;border-right:1px solid #17345a;display:flex;flex-direction:column;min-height:100vh}.sidebar .brand{padding:0 10px;margin-bottom:70px}.side-section,.panel-label{color:#7f9dbf;font-size:10px;font-weight:800;letter-spacing:1.6px}.side-section{padding:0 14px;margin-bottom:17px}.nav{width:100%;border:0;background:transparent;color:#98b4d3;padding:14px 15px;display:flex;align-items:center;gap:13px;border-radius:10px;text-align:left;font-weight:700;font-size:13px;margin-bottom:6px}.nav:hover,.nav.active{background:#193d70;color:#fff}.nav.active{box-shadow:inset 3px 0 #5cc4ff}.nav-chevron{margin-left:auto}.side-bottom{margin-top:auto}.connected{font-size:11px;color:#90acc9;padding:16px 13px;border-top:1px solid #234267}.online,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#45d89f;margin-right:7px;box-shadow:0 0 10px #45d89f}.exit{font-weight:500}.main{flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid #1e3858;padding:0 36px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:9px;color:#8fa9c7;font-size:12px}.breadcrumb strong{color:#dcecfb}.topbar-right{color:#6b91bb;font-size:10px;font-weight:800;letter-spacing:1.5px}.content{padding:34px 36px 50px;max-width:1650px;margin:auto}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:32px}.heading h1{font:700 38px Outfit;letter-spacing:-1px;margin:6px 0}.heading-period{color:#5fc5ff}.heading p{color:#91abc8;font-size:13px;margin:0}.search{display:flex;align-items:center;gap:12px;border:1px solid #254567;background:#112847;color:#7296ba;border-radius:10px;padding:0 14px;width:min(300px,100%);height:44px}.search input{background:none;border:0;outline:0;color:#fff;width:100%;font-size:12px}.search input::placeholder{color:#7996b5}.workspace{display:grid;grid-template-columns:205px minmax(230px,1fr) 280px;gap:17px;min-height:560px}.category-panel,.listing,.preview-panel{background:#0e2441;border:1px solid #234263;border-radius:14px;padding:18px;min-width:0}.panel-label{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;margin-bottom:6px;border-bottom:1px solid #244363}.panel-label span{color:#6bbff3;letter-spacing:0}.category{display:flex;width:100%;justify-content:space-between;gap:7px;padding:11px 13px;background:transparent;border:0;border-radius:8px;color:#9fbad8;text-align:left;font-size:12px;font-weight:600}.category span{color:#7198bb;flex-shrink:0}.category:hover,.category.active{background:#1a4579;color:#fff}.category-scroll,.channel-list{max-height:650px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#38628d transparent}.listing{padding:18px 14px}.listing .panel-label{margin:0 4px 12px}.channel{width:100%;display:flex;align-items:center;text-align:left;gap:11px;border:1px solid transparent;border-radius:10px;background:none;color:#eef6ff;padding:9px}.channel:hover,.channel.selected{background:#1b3e68;border-color:#315a86}.channel-logo{width:48px;height:48px;display:grid;place-items:center;background:#1d3b60;border-radius:9px;color:#79ceff;flex-shrink:0}.channel-logo img{width:90%;height:90%;object-fit:contain}.channel strong,.channel small{display:block}.channel strong{font-size:12px}.channel small{font-size:10px;color:#779abf;margin-top:5px}.channel-play{margin-left:auto;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#2a5c91;color:#72caff}.preview-screen{aspect-ratio:16/10;background:radial-gradient(circle at center,#1d548b,#061428);border-radius:10px;display:grid;place-items:center;position:relative;margin:18px 0;border:1px solid #2e567c}.preview-placeholder{text-align:center;color:#5d85ae;font-size:12px;line-height:1.5}.preview-symbol{color:#9ad8ff}.preview-play{position:absolute;bottom:12px;right:12px;border:0;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;background:#50bfff;color:#fff}.live-badge{color:#53d6aa!important;font-size:9px}.preview-info{margin-bottom:23px}.preview-info small{font-size:9px;color:#5ebaf1;letter-spacing:1.5px;font-weight:800}.preview-info h3{font:700 17px Outfit;margin:9px 0}.preview-info p{font-size:11px;color:#87a5c4;line-height:1.5}.empty{text-align:center;color:#8eaccd;padding:90px 10px;font-size:13px}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:24px 14px;max-height:710px;overflow:auto;padding:5px;scrollbar-width:thin}.poster-item{padding:0;background:none;border:0;color:#fff;text-align:left;min-width:0}.poster{aspect-ratio:2/3;background:linear-gradient(145deg,#214d7c,#102b4d);border-radius:9px;overflow:hidden;display:grid;place-items:center;color:#62beef;position:relative}.poster img{width:100%;height:100%;object-fit:cover}.poster-hover{position:absolute;inset:0;display:grid;place-items:center;background:#102d6299;opacity:0;transition:.2s}.poster-item:hover .poster-hover{opacity:1}.poster-item strong{display:block;font-size:12px;margin-top:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poster-item small{display:block;color:#83a1c1;font-size:10px;margin-top:4px}.modal-scrim{position:fixed;inset:0;background:#020c1bd9;z-index:30;display:grid;place-items:center;padding:20px}.detail-modal{max-width:760px;width:100%;max-height:90vh;overflow:auto;border:1px solid #35618a;background:#102a4d;border-radius:18px;position:relative;display:grid;grid-template-columns:220px 1fr;gap:28px;padding:30px}.close{position:absolute;right:15px;top:13px;border:0;background:#23486c;color:#fff;width:30px;height:30px;border-radius:50%;font-size:21px}.detail-cover{aspect-ratio:2/3;background:#163962;display:grid;place-items:center;border-radius:10px;color:#78c9ff;overflow:hidden}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-text{padding:12px 0}.detail-text h2{font:700 30px Outfit;margin:12px 0}.detail-text p{color:#acc1d7;font-size:13px;line-height:1.65}.detail-meta{color:#6bb9e9;font-size:12px;margin-bottom:18px}.episodes-title{margin-top:27px;font-size:10px;color:#67c5fa;letter-spacing:2px;font-weight:800}.detail-text h4{margin:12px 0;font-size:13px}.episodes{max-height:210px;overflow:auto}.episodes button{display:flex;justify-content:space-between;width:100%;background:#1d426b;border:0;color:#d6e7fb;padding:10px;margin-bottom:5px;border-radius:7px;text-align:left;font-size:12px}.player-page{width:100%;min-height:100vh;background:#051426;padding:20px clamp(18px,4vw,65px)}.player-top{display:flex;align-items:center;gap:16px;margin:3px 0 25px}.player-top small{font-size:10px;color:#68beee;letter-spacing:1.6px}.player-top h2{font:600 19px Outfit;margin:4px 0}.player-top .brand{margin-left:auto}.icon-button{border:0;background:#193758;color:#fff;width:39px;height:39px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.player-stage{position:relative;background:#000;aspect-ratio:16/9;width:min(100%,1180px);margin:auto;border-radius:12px;overflow:hidden;box-shadow:0 15px 50px #0008}.player-stage video{width:100%;height:100%;object-fit:contain}.video-error{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;background:#081b31db;color:#ffc2c7;font-size:14px}.player-bar{max-width:1180px;margin:15px auto;display:flex;align-items:center;gap:30px;background:#112a49;border:1px solid #224363;border-radius:13px;padding:12px 20px}.round-play{width:42px;height:42px;border:0;border-radius:50%;background:#339ef5;color:#fff;display:grid;place-items:center}.slider{display:flex;align-items:center;gap:12px;color:#83bee7}.slider input{width:105px;accent-color:#50bcff}.player-bar>.icon-button{margin-left:auto}.player-hint{text-align:center;color:#678aab;font-size:11px}.mobile-menu{display:none}@media(max-width:1100px){.workspace{grid-template-columns:180px minmax(210px,1fr)}.preview-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:18px;align-items:center}.preview-panel .panel-label{grid-column:1/-1}.preview-screen{grid-row:2/4;max-width:440px}.preview-info{margin:0}}@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-art{display:none}.login-card{padding:35px 0}.login-card .brand{margin-bottom:55px}.sidebar{position:fixed;z-index:20;left:-260px;top:0;bottom:0;transition:left .2s}.sidebar.open{left:0;box-shadow:40px 0 80px #0008}.mobile-menu{display:grid}.topbar{height:62px;padding:0 16px;justify-content:flex-start;gap:12px}.topbar-right{margin-left:auto;font-size:8px}.content{padding:25px 15px}.heading{align-items:stretch;flex-direction:column}.heading h1{font-size:32px}.search{width:100%}.workspace{grid-template-columns:1fr}.category-panel{padding:13px}.category-scroll{display:flex;overflow:auto;max-height:none;gap:5px}.category-scroll .category{white-space:nowrap;width:auto;background:#173555}.category-panel>.category{display:inline-flex;width:auto;margin-right:5px}.listing{min-height:360px}.channel-list,.poster-grid{max-height:none}.preview-panel{display:block}.preview-screen{max-width:none}.detail-modal{grid-template-columns:110px 1fr;gap:14px;padding:36px 15px 18px}.detail-text h2{font-size:20px}.detail-text p{font-size:11px}.detail-cover{align-self:start}.player-bar{gap:10px;padding:10px}.slider{gap:4px}.slider input{width:55px}.player-top .brand{display:none}}@media(max-width:430px){.detail-modal{display:block}.detail-cover{width:110px;float:left;margin:0 15px 10px 0}.detail-text{padding:0}.player-bar{flex-wrap:wrap}.player-bar>.icon-button{margin-left:auto}}.preview-video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;border-radius:10px}.load-more{display:block;width:calc(100% - 24px);margin:18px 12px;padding:14px;border:1px solid #39547d;border-radius:12px;background:#152941;color:#d9e8ff;cursor:pointer;font:inherit}.load-more:hover{background:#203b61}.workspace-movie,.workspace-series{grid-template-columns:205px minmax(0,1fr)}.category,.channel{min-height:44px}.channel>div:nth-child(2){min-width:0;overflow-wrap:anywhere}.category{overflow-wrap:anywhere}.preview-screen{overflow:hidden}.preview-screen .video-error{font-size:12px;overflow:auto;display:block;padding:16px}.preview-play{top:8px;bottom:auto;right:8px}@media(min-width:700px)and (max-width:1350px){.app-shell{display:block}.sidebar,.sidebar.open{position:static;width:100%;min-width:0;min-height:0;height:auto;padding:12px 20px;flex-direction:row;align-items:center;gap:24px;border-right:0;border-bottom:1px solid #234263;box-shadow:none}.sidebar .brand{margin:0;padding:0}.sidebar .brand small,.side-section,.sidebar .connected,.nav-chevron{display:none}.sidebar nav{display:flex;gap:6px}.sidebar .nav{width:auto;margin:0;min-height:44px;padding:10px 14px}.side-bottom{margin:0 0 0 auto}.sidebar .exit{font-size:0;gap:0}.sidebar .exit svg{width:20px}.mobile-menu{display:none}.topbar{height:52px;padding:0 20px}.topbar-right{font-size:8px}.content{padding:22px 20px}.heading{flex-direction:row;align-items:center;gap:16px;margin-bottom:22px}.heading h1{font-size:30px}.heading p{font-size:12px}.search{width:240px}.workspace-live{grid-template-columns:minmax(140px,.75fr) minmax(185px,1fr) minmax(215px,1.15fr);gap:10px;min-height:460px}.workspace-movie,.workspace-series{grid-template-columns:170px minmax(0,1fr);gap:12px}.category-panel,.listing,.preview-panel{padding:12px}.category-scroll{display:block;max-height:calc(100dvh - 290px);overflow-y:auto}.category-scroll .category,.category-panel>.category{display:flex;width:100%;white-space:normal;background:transparent}.category.active,.category-scroll .category.active{background:#1a4579}.channel-list,.poster-grid{max-height:calc(100dvh - 290px);overflow-y:auto}.channel{padding:8px 4px;gap:7px}.channel-logo{width:34px;height:34px}.channel-play{display:none}.preview-panel{grid-column:auto;display:block}.preview-screen{grid-row:auto;max-width:none;aspect-ratio:16/9}.preview-info{margin:18px 0}.preview-panel .primary{padding:12px 8px;font-size:12px}.poster-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:18px 12px}}@media(max-width:699px){.workspace-movie,.workspace-series{grid-template-columns:1fr}}@media(min-width:1351px){.workspace-live{grid-template-columns:205px minmax(230px,1fr) minmax(280px,1.1fr)}}.tablet-search{display:none}@media(min-width:700px)and (max-width:1350px){.app-shell{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sidebar,.sidebar.open{flex:0 0 60px;height:60px;padding:8px 12px;gap:12px}.sidebar .brand-mark{width:34px;height:34px;border-radius:10px}.sidebar .brand strong{font-size:19px}.sidebar nav{flex-shrink:0;gap:3px}.sidebar .nav{padding:10px 12px;gap:8px}.sidebar .tablet-search{display:flex;flex:1;min-width:120px;max-width:290px;width:auto;height:40px;margin-left:auto;padding:0 10px;gap:8px}.sidebar .side-bottom{margin:0;flex-shrink:0}.main{display:flex;flex-direction:column;min-height:0;overflow:hidden}.player-page{flex:1;min-height:0;overflow-y:auto}.main>.topbar,.content>.heading{display:none}.content{display:flex;flex:1;flex-direction:column;min-height:0;width:100%;max-width:none;padding:10px 12px;margin:0;overflow:hidden}.content>.alert{flex-shrink:0;margin-bottom:8px}.workspace{flex:1;min-height:0;grid-template-rows:minmax(0,1fr)}.category-panel,.listing{display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-label,.category-panel>.category,.load-more{flex-shrink:0}.category-scroll,.channel-list,.poster-grid{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}.poster-grid{align-content:start}.preview-panel{min-height:0;overflow-y:auto;overscroll-behavior:contain}.preview-screen{margin:10px 0}.preview-info{margin:12px 0}.preview-info small,.preview-info p{display:none}.preview-info h3{margin:8px 0;font-size:15px}.load-more{margin:8px 0 0;width:100%;padding:10px}}@media(min-width:700px)and (max-width:900px){.sidebar>.brand>div:not(.brand-mark){display:none}.sidebar .nav{padding:10px;gap:6px;font-size:12px}.sidebar,.sidebar.open{gap:8px}}