@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#f4f4fa;background:#090b15;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{display:flex;min-height:100vh}.sidebar{width:238px;background:#0d1020;border-right:1px solid #24263a;padding:28px 16px;position:sticky;top:0;height:100vh;flex-shrink:0;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 43px}.brand-icon{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#087bc8,#14c9f4);display:grid;place-items:center}.brand b{font-family:Outfit;font-size:19px;letter-spacing:.4px}.brand b span{color:#38c8f5}.brand small{display:block;font-size:8px;letter-spacing:1.4px;color:#8e8ca5;margin-top:3px}.side-label,.overline{color:#88849f;letter-spacing:2px;font-size:10px;font-weight:800}.side-label{padding:0 17px;margin-bottom:14px}.nav{display:flex;align-items:center;gap:14px;background:transparent;color:#a5a6bd;border:0;border-radius:12px;padding:14px 15px;width:100%;text-align:left;margin-bottom:4px;font-weight:700;font-size:13px}.nav.active,.nav:hover{background:#112c44;color:#e0f6ff}.side-bottom{margin-top:auto;padding:20px 14px;background:linear-gradient(150deg,#112d45,#0a1726);border:1px solid #1e5275;border-radius:15px}.mini-orb{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 25% 25%,#8ae8ff,#1689d3 60%,#0c304e);margin-bottom:15px}.side-bottom b{font-size:13px}.side-bottom p{font-size:11px;line-height:1.7;color:#b2abc8}.side-bottom span{font-size:10px;color:#81b5d3}.main{flex:1;min-width:0;padding:0 34px}.top{height:77px;display:flex;justify-content:space-between;align-items:center}.eyebrow{letter-spacing:2px;color:#a8a4b8;font-size:10px;font-weight:800}.dot,.live-dot{display:inline-block;width:7px;height:7px;background:#fc567e;border-radius:50%;margin:0 6px;box-shadow:0 0 11px #ff497b}.top-right{display:flex;align-items:center;gap:16px}.top-live{font-size:10px;letter-spacing:1.3px;color:#b9afc8;font-weight:800}.icon-btn{background:#1b1c2d;border:1px solid #303044;color:#d2cce4;width:37px;height:37px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.icon-btn:hover{background:#302a4d}.hero{min-height:295px;background:radial-gradient(ellipse at 70% 50%,#105c8d,#10334e 37%,#091826 78%);border:1px solid #1e526f;border-radius:20px;position:relative;overflow:hidden;padding:36px 45px;display:flex;align-items:center}.hero-content{position:relative;z-index:1;max-width:510px}.pill{font-size:9px;letter-spacing:1.7px;font-weight:800;color:#d3f6ff;border:1px solid #327b9e;padding:7px 11px;border-radius:20px}.hero h1{font-family:Outfit;font-size:clamp(36px,4.1vw,57px);line-height:1.05;letter-spacing:-1.6px;margin:18px 0 10px}.hero h1 em{font-style:normal;color:#58d4ff}.hero p{color:#c7c0d7;font-size:12px;line-height:1.7;max-width:390px}.primary{background:linear-gradient(120deg,#0574bb,#11bce7);border:0;border-radius:11px;padding:12px 19px;color:#fff;font-weight:800;display:inline-flex;gap:9px;align-items:center;font-size:12px;margin-top:12px}.hero-mark{position:absolute;right:12%;top:20%;color:#6fd6f5;opacity:.7;transform:rotate(-16deg)}.hero-orb{position:absolute;border-radius:50%;filter:blur(6px)}.orb-one{width:270px;height:270px;right:0;top:-100px;background:#087fbc44}.orb-two{width:180px;height:180px;right:22%;bottom:-130px;background:#0fbce544}.section-title{display:flex;justify-content:space-between;align-items:end;margin:34px 0 17px}.section-title h2{font-family:Outfit;font-size:25px;margin:6px 0 0}.text-btn{border:0;background:transparent;color:#74d5f8;display:flex;align-items:center;gap:7px;font-size:12px}.watch-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(235px,1fr);gap:18px}.player-column,.up-next{min-width:0}.player-frame{aspect-ratio:16/9;background:#03050a;border:1px solid #333147;border-radius:15px;overflow:hidden;position:relative}.player-frame iframe{width:100%;height:100%;border:0}.player-label{position:absolute;top:10px;left:10px;font-size:9px;letter-spacing:.5px;background:#0d1026cb;padding:7px 10px;border-radius:8px;pointer-events:none}.player-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.player-empty h3{margin:14px 0 2px}.player-empty p{font-size:12px;max-width:280px;line-height:1.6}.now-playing{display:flex;align-items:center;gap:12px;margin-top:14px}.now-icon,.up-logo{display:grid;place-items:center;font-weight:900;font-family:Outfit;flex-shrink:0}.now-icon{width:50px;height:50px;border-radius:11px;font-size:15px}.now-text{flex:1;min-width:0}.now-text span{font-size:9px;letter-spacing:1.4px;color:#77d5f5;font-weight:800}.now-text h3{font-size:16px;margin:4px 0}.now-text p{font-size:11px;color:#9292a7;margin:0;line-height:1.5}.now-actions{display:flex;gap:5px}.notice{display:flex;gap:9px;color:#a9a7bd;font-size:11px;line-height:1.5;margin-top:14px;background:#151729;border:1px solid #2a2940;border-radius:10px;padding:11px}.notice svg{flex-shrink:0;color:#65cfff}.up-next{background:#131524;border:1px solid #2b2b3e;border-radius:15px;padding:16px}.up-title{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1.3px;color:#c5b9dc;padding:5px 4px 13px}.up-title span{font-size:10px;letter-spacing:0;color:#85839c;font-weight:500}.up-item{width:100%;border:1px solid transparent;background:transparent;color:#fff;border-radius:10px;padding:9px 6px;display:flex;align-items:center;gap:9px;text-align:left}.up-item.selected{background:#103a54;border-color:#237ba5}.up-item:hover{background:#12344b}.up-logo{width:43px;height:43px;border-radius:9px;font-size:13px}.up-meta{min-width:0;flex:1}.up-meta b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.up-meta span{display:block;font-size:10px;color:#9390a7;margin-top:5px}.up-indicator{font-size:8px;letter-spacing:.4px;font-weight:800;color:#6ed8ff}.up-indicator.external{color:#88889c}.discover{margin-top:35px}.filters{display:flex;gap:12px;justify-content:space-between;margin:15px 0 18px;flex-wrap:wrap}.search{background:#181a2a;border:1px solid #303044;border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#9290a8}.search input{background:none;border:0;color:#fff;outline:0;padding:11px 0;min-width:185px;font-size:12px}.chips{display:flex;gap:8px}.chip{background:#191a2b;border:1px solid #313044;color:#a9a4bd;padding:9px 15px;border-radius:10px;font-size:11px}.chip.chosen{background:#12618c;border-color:#28a4d2;color:#fff}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.channel-card{background:#141624;border:1px solid #28293c;border-radius:13px;overflow:hidden;color:#fff;text-align:left;padding:0;min-width:0}.channel-card:hover{border-color:#30b7e8;transform:translateY(-2px)}.card-art{aspect-ratio:1.45;display:grid;place-items:center;position:relative;overflow:hidden}.art-glow{position:absolute;width:130px;height:130px;border:1px solid #ffffff40;border-radius:50%;box-shadow:0 0 0 24px #ffffff09,0 0 0 48px #ffffff08}.card-mark{font-size:clamp(18px,2.6vw,33px);font-family:Outfit;font-weight:800;z-index:1}.card-play{position:absolute;bottom:10px;right:10px;background:#0009;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.card-info{padding:12px}.card-info b{display:block;font-size:12px}.card-info span,.card-info small{display:block;font-size:10px;color:#9897af;margin-top:5px}.card-info small{color:#73d9ff}.diagnostic{background:#1a1b2d;border:1px solid #23668c;padding:18px;border-radius:14px;margin-top:20px}.diag-head{display:flex;justify-content:space-between;align-items:center}.diag-head h3{display:flex;gap:9px;align-items:center;margin:0}.diagnostic p{font-size:12px;color:#a9c3d1;line-height:1.6}.diag-row{display:flex;align-items:center;gap:10px;padding:9px;border-top:1px solid #363449;font-size:11px}.diag-row b{width:145px}.diag-row span{flex:1;color:#a9c3d1}.diag-row a{color:#91dfff;display:flex;align-items:center;gap:4px}.empty{color:#aaa}footer{border-top:1px solid #292a3d;margin-top:42px;padding:24px 0 30px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#78788e;font-size:10px}.mobile-menu,.closemenu,.overlay{display:none}@media(max-width:1150px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.watch-layout{grid-template-columns:minmax(0,1.4fr) minmax(215px,1fr)}.main{padding:0 22px}}@media(max-width:820px){.sidebar{position:fixed;left:-260px;transition:left .2s;box-shadow:0 0 30px #0008}.sidebar.open{left:0}.mobile-menu,.closemenu{display:grid;place-items:center;border:0;background:transparent;color:#fff}.closemenu{margin-left:auto}.overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;border:0;z-index:9}.main{padding:0 17px}.top{height:67px}.top .eyebrow{margin-right:auto;margin-left:14px}.watch-layout{grid-template-columns:1fr}.up-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.up-title{grid-column:1/-1}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding:27px;min-height:270px}.hero-mark{right:4%;opacity:.2}}@media(max-width:520px){.hero h1{font-size:37px}.hero{min-height:280px}.hero-mark{display:none}.section-title h2{font-size:22px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.up-next{grid-template-columns:1fr}.now-actions .icon-btn{width:32px;height:32px}.now-text p{font-size:10px}.eyebrow{font-size:8px;letter-spacing:1px}.top-live{font-size:9px}.player-label{font-size:7px}.diag-row{flex-wrap:wrap}.diag-row b{width:100%}.filters{flex-direction:column}.search input{width:100%}}:root{color-scheme:dark;background:#07111c;color:#f1f9ff}body{background:#07111c}.sidebar{background:#081724;border-right-color:#17354b}.main{background:linear-gradient(180deg,#08121e,#07111c)}.hero{background:radial-gradient(ellipse at 78% 40%,#135d87,#102c43 42%,#0a1a2b 85%);border-color:#236186}.brand-icon{background:linear-gradient(135deg,#087bc8,#14c9f4)}.primary{background:linear-gradient(120deg,#087ac7,#13bde5)}.hero h1 em{color:#69d9ff}.pill{color:#b9ecff;border-color:#2c7298}.side-bottom{background:linear-gradient(140deg,#10354f,#091c2c);border-color:#215678}.mini-orb{background:radial-gradient(circle at 25% 25%,#b7f5ff,#168ac7 60%,#0b3551)}.up-item.selected{background:#11354c;border-color:#2387b8}.chip.chosen{background:#12628d;border-color:#23a4d2}.channel-card:hover{border-color:#27b7e5}.notice{background:#0d2333;border-color:#20465d}.unavailable-tag{display:inline-block;margin-top:12px;color:#a9e9ff;border:1px solid #3a819f;padding:9px 13px;border-radius:9px;font-size:12px}.brand{padding:0 0 26px;gap:8px;align-items:center}.brand-logo{width:170px;max-width:calc(100% - 36px);height:auto;display:block;object-fit:contain;border-radius:4px}.brand-tv{font-family:Outfit,sans-serif;font-weight:900;color:#64d8ff;font-size:20px;letter-spacing:-1px}.first-title{margin-top:8px}.sidebar{padding-top:22px}.main{padding-bottom:10px}.top{height:66px}.player-frame{border-color:#206486}.up-next{background:#0b1d2d;border-color:#1b4b65}.dot,.live-dot{background:#13c9f2;box-shadow:0 0 10px #0da6d6}.side-bottom{border-color:#174a6b}.up-indicator.external{color:#7b96a6}.card-info small{color:#74d5ef}footer{border-color:#1a425a}@media(max-width:820px){.brand-logo{width:164px}.first-title{margin-top:8px}}.hls-video{width:100%;height:100%;min-height:260px;display:block;background:#02070c;object-fit:contain}.notice-error{border-color:#ff686873!important;color:#ffb1b1!important}.player-frame{position:relative;overflow:hidden}.player-label{pointer-events:none;z-index:2}.up-next{display:flex;flex-direction:column;align-self:start;min-height:0}.up-title{flex-shrink:0;gap:10px;align-items:center}.up-title span{text-align:right;line-height:1.4}.up-scroll{height:min(640px,640px);max-height:640px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#267ca5 #0b1d2d;padding-right:5px;min-height:0}.up-scroll::-webkit-scrollbar{width:7px}.up-scroll::-webkit-scrollbar-thumb{background:#267ca5;border-radius:12px}.up-scroll::-webkit-scrollbar-track{background:#0b1d2d}.up-scroll .up-item{min-height:64px}@media(max-width:820px){.up-next{display:flex;flex-direction:column}.up-title{display:flex}.up-scroll{max-height:640px;height:640px}}html,body,#root{max-width:100%;overflow-x:clip}html{-webkit-text-size-adjust:100%}button{touch-action:manipulation}.app,.main,.watch-layout,.player-column,.player-frame,.video-shell,.up-next,.up-scroll{min-width:0;max-width:100%}.video-shell{width:100%;height:100%;position:relative}.hls-video{min-height:0;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain}.mobile-video-controls{display:none}@media(max-width:820px){.watch-layout{display:flex;flex-direction:column;gap:12px}.player-frame{width:100%;aspect-ratio:16/9;max-height:calc(100svh - 110px)}.video-shell,.hls-video{height:100%;max-height:100%}.hls-video::-webkit-media-controls-fullscreen-button{display:none!important}.mobile-video-controls{display:flex;position:absolute;bottom:0;left:0;right:0;gap:8px;padding:9px;background:linear-gradient(transparent,#04101ddd);z-index:3;justify-content:center}.mobile-video-controls button{background:#0c3149e8;color:#effaff;border:1px solid #287ba5;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:700;min-height:38px}.up-next{width:100%;overflow:hidden;padding:12px}.up-scroll{height:min(550px,550px);max-height:min(550px,550px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.up-scroll .up-item{min-height:55px;max-width:100%;padding:6px}.up-title,.now-playing{flex-wrap:wrap}.now-text{overflow-wrap:anywhere}.chips{max-width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.chip{white-space:nowrap;flex-shrink:0}.cards{min-width:0}.channel-card{min-width:0;overflow:hidden}.card-info b,.card-info span{overflow-wrap:anywhere}.top{min-width:0}.top-live{white-space:nowrap}}@media(max-width:520px){.main{padding:0 12px}.top .eyebrow{font-size:8px;letter-spacing:0;margin-left:8px}.top-right{gap:6px}.section-title{gap:8px}.section-title h2{font-size:20px}.up-meta b{font-size:12px}.up-indicator{flex-shrink:0}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card-info{padding:9px}.player-label{top:5px;left:5px;padding:5px 7px;font-size:7px}.notice{overflow-wrap:anywhere}.top-live{font-size:8px}}@media(orientation:landscape)and (max-height:520px)and (max-width:950px){.player-frame{max-height:calc(100svh - 70px);aspect-ratio:16/9}.watch-layout{grid-template-columns:1fr;display:flex;flex-direction:column}.main{width:100%}.up-next{max-width:100%}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.sidebar{background:#081724}.brand{position:relative;min-height:92px;gap:2px;padding:0 0 26px;align-items:center}.brand-logo{width:174px;max-width:calc(100% - 33px);height:auto;border:0;border-radius:0;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 0 5px rgba(15,163,218,.09))}.brand-tv{font-size:19px;letter-spacing:.5px;color:#64d8ff}.closemenu{width:30px!important;height:30px!important;min-width:30px;min-height:30px;max-width:30px;max-height:30px;padding:0!important;border-radius:8px;background:#102b40!important;border:1px solid #20506c!important;flex:0 0 30px;align-self:center;margin-left:2px}.closemenu svg{width:17px!important;height:17px!important;flex:none}.side-bottom,.mobile-video-controls{display:none!important}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px 0 32px;margin-top:48px;border-top:1px solid #1b435b;color:#9bb5c6;font-size:11px}.footer-brand{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.footer-brand strong{font-family:Outfit,sans-serif;font-size:17px;letter-spacing:1.4px;color:#f2faff}.footer-brand strong span{color:#48cef2}.footer-brand small{font-size:10px;letter-spacing:.7px;color:#8aa9be}.footer-details{display:flex;flex-direction:column;gap:6px;line-height:1.5}.footer-disclaimer{color:#7997a9}.footer-credit{color:#b7ddec;white-space:nowrap;font-size:11px;transition:color .2s}.footer-credit strong{color:#5ed8fa;font-weight:800}.footer-credit:hover,.footer-credit:hover strong{color:#fff}@media(max-width:820px){.brand{padding:0 0 25px;min-height:82px}.brand-logo{width:164px}.site-footer{align-items:flex-start;flex-wrap:wrap;gap:16px}.footer-credit{white-space:normal}.hls-video{touch-action:pan-y}}@media(max-width:520px){.site-footer{flex-direction:column;gap:14px;margin-top:32px;padding:23px 0 28px}.footer-brand strong{font-size:16px}}