*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#001b35;color:#f6f8fc;font:26px Arial,sans-serif}button,input,select{font:inherit}button{border:2px solid transparent;background:transparent;color:inherit;cursor:pointer}button:focus,input:focus,select:focus{outline:3px solid #df003c;outline-offset:2px}button:focus{background-color:#163c58}button:hover{border-color:#df003c}img{object-fit:contain}#app{position:absolute;inset:0}#video{position:absolute;width:100%;height:100%;background:#000;object-fit:contain;display:none}.playing #video{display:block}.playing #app{background:linear-gradient(90deg,rgba(0,22,45,.95),rgba(0,22,45,.8) 62%,rgba(0,22,45,.14))}.fullscreen #app{background:none}.sidebar{position:absolute;left:0;top:0;bottom:0;width:120px;border-right:1px solid #20405b;background:#001b35;z-index:3;transition:width .18s}.sidebar:focus-within,body.pointer-mode .sidebar:hover{width:300px;box-shadow:20px 0 50px #001b35}.brand{display:block;width:76px;height:76px;margin:24px auto 170px}.sidebar button{display:flex;align-items:center;width:100%;height:76px;text-align:left;padding:0 40px;white-space:nowrap;overflow:hidden}.sidebar b{min-width:60px;font-size:31px}.sidebar span{font-size:24px}.sidebar button.active{background:#c90037}.content{margin-left:120px;height:100%;overflow:auto;scrollbar-width:none}.tabs{height:150px;display:flex;gap:34px;padding:55px 40px 20px;position:relative;z-index:1}.tabs button{padding:10px 0;font-size:36px;white-space:nowrap}.tabs button.active{border-bottom:3px solid #db003b;font-weight:bold}.hero{position:relative;min-height:550px;padding:64px 40px 32px;background:#001b35;overflow:hidden}.hero-art{position:absolute;right:0;top:0;width:76%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#001b35 22%,rgba(0,27,53,.8) 40%,transparent 78%),linear-gradient(0deg,#001b35,transparent 25%)}.hero-text{position:relative;width:650px}.hero h1{font-size:57px;font-weight:400;margin:10px 0 20px}.muted{color:#91a9bb}.hero p{font-size:25px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.primary{background:#13a5aa;padding:18px 42px;border-radius:3px}.actions{display:flex;gap:20px;margin-top:26px}.shelf{padding:14px 40px 32px}.shelf h2{font-size:30px;font-weight:400;margin:16px 0}.rail{display:flex;gap:14px;overflow-x:auto;padding:8px 5px 12px;scrollbar-width:none}.card{flex:0 0 280px;padding:0;position:relative;text-align:left;transition:transform .15s;background:#06243f}.card img{width:100%;height:157px;display:block;object-fit:contain;background:#061b31}.card.poster{flex-basis:205px}.card.poster img{height:307px;object-fit:contain}.card:focus{transform:scale(1.025);z-index:1}.card span{display:block;padding:10px;font-size:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 20% 45%,#114d6c,#001329 70%)}.login-card{width:660px;padding:54px;background:rgba(5,31,54,.96);border:1px solid #315574;border-radius:20px;box-shadow:0 20px 80px #0008}.login-card img{display:block;width:120px;height:120px;margin:0 auto 30px}.login-card h1{text-align:center;font-size:38px}.login label{display:block;margin:26px 0 12px;color:#b7cada}.login input,.search-input{width:100%;padding:20px;background:#082c49;border:1px solid #365772;border-radius:6px;color:white}.login .primary{width:100%;margin-top:35px}.login small{display:block;text-align:center;color:#8ca6bc;margin-top:25px}.live{display:flex;height:100%;padding-top:45px}.categories{width:330px;padding:0 18px;overflow:auto;border-right:1px solid #29465e}.categories h2{font-size:30px;margin:16px}.categories button{display:block;width:100%;text-align:left;padding:20px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:23px}.categories button.active{color:#ef1e56}.channel-list{width:710px;overflow:auto;padding:0 22px}.channel{width:100%;display:flex;align-items:center;text-align:left;padding:17px 12px;border-bottom:1px solid #32506b;min-height:105px}.channel img{width:74px;height:64px;margin:0 16px}.channel .number{width:54px;color:#8fa9bf}.channel .info{flex:1;min-width:0}.channel strong{font-size:26px;font-weight:400}.channel small{display:block;color:#a4bacb;margin-top:8px;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equalizer{display:inline-flex;width:28px;height:24px;gap:4px;align-items:center;margin-right:10px}.equalizer i{background:#e00042;width:4px;height:16px;animation:wave .8s infinite alternate}.equalizer i:nth-child(2){animation-delay:.25s}.equalizer i:nth-child(3){animation-delay:.5s}@keyframes wave{to{height:4px}}.live-aside{flex:1;padding:18px 30px}.preview-space{height:365px}.guide{font-size:22px;line-height:1.6}.guide p{border-bottom:1px solid #29465e;padding:10px 0}.filterbar{display:flex;gap:18px;padding:18px 40px}.filterbar select{background:#082c49;color:white;padding:15px;max-width:620px}.detail-bottom{background:#062f50;padding:30px 40px 80px;min-height:330px}.section-tabs{display:flex;gap:45px;border-bottom:1px solid #3c5870;padding-bottom:20px}.section-tabs button{font-size:28px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;padding:28px 40px}.grid .card{min-width:0}.grid .card img{height:290px}.page-heading{padding:35px 40px 0;font-size:38px}.empty{padding:50px;color:#9eb4c6}.overlay{position:absolute;bottom:35px;left:6%;right:6%;padding:24px;background:rgba(0,24,47,.93);border-radius:8px}.overlay .actions{margin:10px 0}.progress{width:100%}.mosaic-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:40px}.mosaic-slot{height:240px;background:#092c48;border:1px solid #40607b;font-size:30px}.sports-row{display:flex;gap:25px;align-items:center;padding:22px;border-bottom:1px solid #34546c}.sports-row img{width:65px;height:65px}.sports-row .team{flex:1;text-align:center}.sports-row button{background:#13a5aa;padding:14px}.search-input{margin:30px 40px;width:85%}#toast{position:absolute;bottom:35px;left:20%;right:20%;background:#233d55;border-radius:8px;text-align:center;padding:22px;z-index:20;display:none}#loading{position:absolute;inset:0;z-index:15;display:flex;align-items:center;justify-content:center;gap:20px;background:#00152a77;pointer-events:none}#loading[hidden]{display:none}#loading i{width:58px;height:58px;border:5px solid #ffffff30;border-top-color:#df003c;border-right-color:#df003c;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation-duration:0s!important;transition:none!important}}

.sidebar b img{display:block;width:26px;height:26px}.grid+.primary{margin:20px 40px 70px}.sports-row .team img{width:55px;height:55px}

.sidebar span{opacity:0;transition:opacity .15s}.sidebar:focus-within span,body.pointer-mode .sidebar:hover span{opacity:1}.sidebar button.active{background:transparent;border-left:3px solid #db003b}.sidebar:focus-within button.active,body.pointer-mode .sidebar:hover button.active{background:#c90037}.sidebar:focus-within button.active img,body.pointer-mode .sidebar:hover button.active img{filter:brightness(0) invert(1)}.sidebar button.active:focus{background:#c90037}