.desktop-intro,.desktop-now{display:none}
@media(min-width:1024px){
body:has(.tv-shell){background:radial-gradient(ellipse at 65% 0%,#1b2039 0,transparent 50%),#0b0f19;color:#e9edf7}
body:has(.tv-shell) header{background:#0e1320eF;border-bottom:1px solid #ffffff0d;box-shadow:none}
body:has(.tv-shell) .container{max-width:1800px}
body:has(.tv-shell) main.container{padding:26px 32px}
.desktop-intro{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px}
.desktop-eyebrow{font-size:10px;letter-spacing:1.5px;color:#8d91b1}
.desktop-intro h2{font-family:bigText,sans-serif;font-size:25px;margin-top:6px;color:#f2f4fc}
.desktop-total{font-size:12px;color:#a8afc3;border:1px solid #ffffff12;padding:9px 14px;border-radius:30px}
body .tv-shell{display:grid;grid-template-columns:250px minmax(0,1fr) 260px;gap:20px;height:auto;min-height:0;align-items:stretch}
body .tv-nav{width:auto;padding:16px;background:#121826;border:1px solid #ffffff0c;border-radius:16px;max-height:590px;box-shadow:none}
body .tv-nav:hover{transform:none;box-shadow:none}
body #category-pills{max-height:106px;overflow:auto;padding-bottom:8px;border-bottom:1px solid #ffffff0c}
body .cat-pill{font-size:10px;padding:6px 10px;background:#1a2233;border:1px solid transparent;border-radius:7px;color:#9ca6be}
body .cat-pill.active{background:#7161df24;color:#c9bfff;border-color:#8c79f64d}
body .nav-list-head{padding:5px 4px 14px}
body .tv-channel-list .channel-link{padding:10px 8px;border-radius:8px;gap:11px}
body .tv-channel-list .channel-link img{width:30px;height:30px;background:transparent;padding:0;border-radius:0}
body .tv-channel-list .channel-link span{font-size:12px;color:#b8c1d3}
body .channel-link.channel-active{background:#7865db20;border-left-color:#9684ff}
body .tv-main{min-width:0;display:block}
body .tv-main #video-player{aspect-ratio:16/9;height:auto;min-height:0;flex:none;border:1px solid #ffffff12;border-radius:15px;background:radial-gradient(ellipse at 50% 50%,#202942,#101622 70%)}
body .tv-main #video-player .plyr{height:100%;width:100%}
.desktop-now{display:flex;align-items:center;gap:15px;margin-top:15px;padding:18px;border:1px solid #ffffff0c;border-radius:13px;background:#131b29}
.desktop-channel-icon{width:48px;height:48px;display:grid;place-items:center;font-size:24px;color:#afa4fd}
.desktop-channel-icon img{width:44px;height:44px;object-fit:contain}
.desktop-now h2{font-family:bigText,sans-serif;font-size:17px;margin:4px 0;color:#f1f4ff}
.desktop-now p{font-size:11px;color:#8896ae}
.desktop-signal{margin-left:auto;color:#8c80e8}
body .tv-hints{font-size:10px;justify-content:flex-start;padding-left:8px;color:#697791}
body .tv-chat{width:auto;min-width:0}
body .tv-chat .chat-panel{height:100%;min-height:400px;background:#121826;border:1px solid #ffffff0c;border-radius:15px;box-shadow:none}
body .chat-head{padding:19px 16px;border-bottom:1px solid #ffffff0c}
body .chat-title{font-size:13px}
body .chat-foot{padding:13px;border-top:1px solid #ffffff0c}
body .chat-login{border-radius:8px;background:#7765df20;color:#c1b7ff;font-size:11px}
body .desktop-popular{margin-top:28px;padding-top:22px;border-top:1px solid #ffffff0b}
body .desktop-popular h2{font-size:17px}
body .desktop-popular .glass-card{background:#141c2a;border:1px solid #ffffff0b;border-radius:12px;padding:18px;box-shadow:none}
body .desktop-popular img{background:transparent;padding:0;border-radius:0}
body .desktop-popular .rank-badge{display:none}
body .desktop-about{background:transparent;border:0;border-top:1px solid #ffffff0b;box-shadow:none;padding:24px 0}
body .desktop-about:hover{transform:none}
body #last-watched-wrap{margin-top:18px}
body:has(.tv-shell) footer{background:#0c111c}
body:has(.tv-shell) *{scrollbar-width:thin;scrollbar-color:#38415a transparent}
}
@media(min-width:1500px){body .tv-shell{grid-template-columns:280px minmax(0,1fr) 300px}body .tv-nav{max-height:700px}}
@media(min-width:1024px) and (max-width:1399px){body .tv-shell{grid-template-columns:220px minmax(0,1fr) 210px;gap:16px}body .tv-nav{max-height:480px}body .tv-chat .chat-panel{min-height:0}body .desktop-now{padding:14px}body .desktop-now h2{font-size:15px}}
@media(min-width:1024px){
body:has(.tv-shell) main.container{max-width:1740px;padding:24px 28px}
body:has(.tv-shell) header>.container{max-width:1740px}
body .desktop-intro{margin-bottom:20px}
body .desktop-intro h2{font-size:21px}
body .tv-shell{grid-template-columns:248px minmax(0,1fr) 264px;gap:20px;align-items:stretch}
body .tv-shell .tv-nav{width:100%;min-width:0;max-height:none;height:clamp(440px,calc((100vw - 650px)*.5625 + 120px),740px)}
body .tv-shell .tv-main{width:100%;min-width:0;overflow:hidden}
body .tv-shell #video-player{position:relative;width:100%;aspect-ratio:16/9;isolation:isolate}
body .tv-shell #player-wrap{position:absolute;inset:0;width:100%;height:100%}
body .tv-shell .tv-chat{position:static;transform:none;width:100%;height:auto;padding:0;background:none}
body .desktop-now{padding:14px 18px;background:#121a28;border-color:#ffffff0b}
body .desktop-now h2{font-size:18px}
body .tv-channel-list .channel-link{min-height:49px}
body .tv-channel-list .channel-link span{font-size:13px}
body .tv-shell .chat-panel{min-height:0}
body .desktop-popular{margin-top:24px}
body .desktop-popular .glass-card{min-height:86px}
body .desktop-about{margin-top:26px}
}
@media(min-width:1600px){body .tv-shell{grid-template-columns:264px minmax(0,1fr) 280px}body .tv-shell .tv-nav{height:680px}}
@media(min-width:1024px) and (max-width:1250px){body .tv-shell{grid-template-columns:210px minmax(0,1fr) 200px;gap:14px}}
@media(min-width:1280px){
body:has(.tv-shell) main.container,body:has(.tv-shell) header>.container{max-width:1560px}
body .desktop-intro{margin-bottom:18px;min-height:34px}
body .desktop-intro>div{display:flex;align-items:center;gap:16px}
body .desktop-intro>div>.desktop-eyebrow{display:none}
body .desktop-intro h2{font-size:19px;margin:0}
body .tv-shell{grid-template-columns:244px minmax(0,1fr) 250px;gap:18px}
body .tv-shell .tv-nav{height:clamp(440px,calc((100vw - 620px)*.5625 + 106px),650px)}
body .tv-hints{margin-top:10px}
}
body .tv-shell #player-status{z-index:30;background:#0d1424b3}
.desktop-rail{display:none}
@media(min-width:1024px){
body .tv-shell>.tv-nav{display:none}
.desktop-rail{display:flex;flex-direction:column;min-width:0;background:linear-gradient(135deg,#111d2b,#0d1420);border:1px solid #263247;border-radius:15px;padding:20px 16px;align-self:start}
.rail-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}
.rail-heading h2{font-family:bigText,sans-serif;font-size:17px;color:#edf1fa}
.rail-heading a{font-size:10px;color:#a495ff;white-space:nowrap}
.rail-category{position:relative;width:100%;display:flex;align-items:center;gap:12px;border-radius:8px;padding:11px 10px;color:#b6c4df;text-align:left;font-size:13px;min-height:42px;transition:background .15s}
.rail-category i{width:20px;text-align:center;font-size:17px;color:#a8bce0}
.rail-category b{margin-left:auto;font-size:12px;font-weight:400;color:#9baacc}
.rail-category:hover{background:#ffffff08}
.rail-category.selected{background:linear-gradient(90deg,#654ac447,#4d3f9270);color:#c7bbff}
.rail-category.selected:before{content:'';position:absolute;left:-1px;top:6px;bottom:6px;width:3px;border-radius:4px;background:#9864ff}
.rail-category.selected i,.rail-category.selected b{color:#b8a5ff}
.rail-category[data-filter="favorites"] i{color:#ef73ad}
.rail-divider{height:1px;background:#29344a;margin:20px 2px}
.desktop-rail h3{font-size:13px;color:#aebdd8;margin:0 2px 12px}
#rail-channels{max-height:310px;overflow:auto;min-height:200px;scrollbar-width:thin}
.rail-channel{display:flex;align-items:center;gap:4px;margin-bottom:7px}
.rail-channel>a{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:5px 3px;color:#edf1f9;font-size:12px;border-radius:7px}
.rail-channel img{width:36px;height:36px;object-fit:contain;flex-shrink:0}
.rail-channel>a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rail-star{padding:8px;color:#8296b8;border-radius:8px;font-size:16px}
.rail-star[aria-pressed="true"]{color:#c4a1ff}
.rail-star:hover{background:#ffffff09}
.rail-empty{font-size:12px;color:#90a1bd;padding:14px 4px;line-height:1.8}
}
@media(min-width:1024px){
body:has(.tv-shell) main.container,body:has(.tv-shell) header>.container{width:100%;max-width:none;padding-left:24px;padding-right:24px}
body .tv-shell{grid-template-columns:264px minmax(0,1fr) 280px;gap:20px}
body .desktop-rail{padding:20px 17px}
}
@media(min-width:1024px) and (max-width:1350px){body .tv-shell{grid-template-columns:230px minmax(0,1fr) 220px;gap:16px}body:has(.tv-shell) main.container,body:has(.tv-shell) header>.container{padding-left:18px;padding-right:18px}}
.desktop-guide{min-width:0;background:linear-gradient(145deg,#101b29,#0c131e);border:1px solid #263248;border-radius:14px;padding:20px;display:flex;flex-direction:column;align-self:stretch}
.guide-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.guide-heading h2{font-size:16px;font-family:bigText,sans-serif}.guide-heading>span{font-size:11px;color:#adbbd3;border:1px solid #253248;border-radius:8px;padding:8px;white-space:nowrap}
#guide-programs{flex:1;min-height:280px;max-height:570px;overflow:auto;color:#8f9db6;font-size:13px}
.guide-row{position:relative;display:flex;gap:16px;padding:21px 12px;border-bottom:1px solid #223046;min-height:91px}.guide-row time{font-size:15px;color:#aebfdf;flex-shrink:0}.guide-row h3{font-size:15px;color:#edf0f8;line-height:1.6}.guide-row p{font-size:12px;color:#96a6c2;margin-top:5px}.guide-row.current{background:linear-gradient(110deg,#46316a65,#252b4266);border:1px solid #7660d36b;border-radius:8px}.guide-row.current:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#8c5bff;border-radius:5px}.guide-row.current time{color:#b38aff}.guide-live{font-size:10px;background:#7749ee;color:white;padding:4px 6px;border-radius:4px;margin-left:auto;align-self:flex-start}.guide-empty{padding:45px 10px;text-align:center;line-height:1.9}
#guide-expand{margin-top:20px;padding:15px;border:1px solid #2b3953;border-radius:9px;background:#ffffff04;color:#b9c8e4;font-size:13px}#guide-expand:disabled{opacity:.4;cursor:default}
.now-actions{margin-left:auto;display:flex;gap:10px}.now-actions button{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:72px;padding:10px;border:1px solid #293851;border-radius:9px;color:#b7c9e7;font-size:10px}.now-actions i{font-size:18px}.now-actions button[aria-pressed="true"]{color:#ec699f}
.program-progress{display:flex;align-items:center;gap:15px;padding:0 20px 12px;color:#a8b9d4;font-size:12px}.program-progress:has(progress[hidden]){display:none}.program-progress progress{width:40%;height:6px;accent-color:#9564ff}.favorite-shelf{margin-top:25px}.shelf-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.shelf-heading h2{font-size:17px;font-family:bigText,sans-serif}.shelf-heading a{font-size:12px;color:#a18aff}#favorite-channel-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.favorite-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #35425d;border-radius:13px;background:linear-gradient(135deg,#1a253b,#121a29);position:relative;min-height:110px}.favorite-card img{width:62px;height:62px;object-fit:contain}.favorite-card strong{font-size:13px;color:#eef2ff}.favorite-card small{display:block;font-size:11px;color:#98a9c5;margin-top:7px}.favorite-card i{position:absolute;right:12px;top:12px;color:#f14d80;font-size:13px}.favorites-empty{grid-column:1/-1;padding:24px;border:1px dashed #33415a;border-radius:12px;color:#8e9fb9;font-size:13px}
@media(min-width:1024px){body .tv-shell{grid-template-columns:264px minmax(0,1fr) 380px}body .desktop-popular,body #last-watched-wrap{display:none}body .desktop-now{margin-top:15px;padding:18px}body .desktop-now h2{font-size:14px;color:#aabbd5}body .desktop-now #desktop-channel-category{font-size:18px;color:#f0f3fa;margin-top:7px}body .desktop-channel-icon,body .desktop-channel-icon img{width:65px;height:65px}body .tv-hints{display:none}}
@media(min-width:1024px) and (max-width:1450px){body .tv-shell{grid-template-columns:230px minmax(0,1fr) 290px}.desktop-guide{padding:14px}.guide-heading{flex-wrap:wrap}.now-actions button{min-width:48px}.now-actions span{display:none}.guide-row{gap:10px;padding:15px 8px}.guide-row h3{font-size:13px}}
@media(max-width:1023px){.desktop-guide{order:3}.favorite-card img{width:40px;height:40px}#favorite-channel-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Keep favorites in the viewing area, alongside the independent navigation rail. */
@media(min-width:1024px){
body .tv-shell>.desktop-rail{grid-column:1;grid-row:1 / span 2}
body .tv-shell>.tv-main{grid-column:2;grid-row:1}
body .tv-shell>.desktop-guide{grid-column:3;grid-row:1}
body .tv-shell>.favorite-shelf{grid-column:2 / 4;grid-row:2;min-width:0;margin-top:0;align-self:start}
body .tv-shell #favorite-channel-cards{grid-template-columns:repeat(5,minmax(0,1fr))}
body .favorite-card{padding:15px 12px;gap:10px}
body .favorite-card img{width:50px;height:50px}
}
@media(min-width:1024px) and (max-width:1450px){body .tv-shell #favorite-channel-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1023px){.tv-shell>.favorite-shelf{order:4}}
@media(min-width:1024px){
body .tv-main .desktop-now{display:flex;gap:22px;align-items:center;min-height:124px;padding:18px 20px;margin-top:16px;border:1px solid #223149;border-radius:13px;background:linear-gradient(110deg,#101a29,#0e1723);box-shadow:inset 0 1px #ffffff03}
body .desktop-now .desktop-channel-icon{width:80px;height:80px;flex:0 0 80px}
body .desktop-now .desktop-channel-icon img{width:80px;height:80px;object-fit:contain;border-radius:10px}
.now-copy{flex:1;min-width:0}
body .desktop-now #desktop-channel-name{font-family:normalText,sans-serif;font-size:13px;font-weight:400;color:#aebfdb;margin:0 0 8px;line-height:1.4}
body .desktop-now #desktop-channel-category{font-family:bigText,sans-serif;font-size:19px;font-weight:600;color:#f1f4fc;margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .desktop-now .program-progress{padding:0;margin-top:12px;gap:16px;font-size:12px;color:#b8c8e1}
.program-progress span{white-space:nowrap}
body .desktop-now .program-progress progress{appearance:none;-webkit-appearance:none;flex:1;width:100%;max-width:420px;height:6px;border:0;border-radius:8px;overflow:hidden;background:#2c3950}
.program-progress progress::-webkit-progress-bar{background:#2c3950;border-radius:8px}
.program-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#a174ff,#7745ef);border-radius:8px}
.program-progress progress::-moz-progress-bar{background:#8d5df4;border-radius:8px}
.now-tools{display:flex;flex-direction:column;gap:13px;align-items:flex-end;flex-shrink:0;margin-left:12px}
.now-live{display:flex;align-items:center;gap:7px;font-size:11px;color:#a6b7d2}
.now-live>span{width:7px;height:7px;border-radius:50%;background:#f54481;box-shadow:0 0 10px #f5448133}
body .now-actions{gap:10px;margin-left:0}
body .now-actions button{min-width:86px;height:57px;padding:8px 12px;border:1px solid #293a54;background:#0c1522;border-radius:10px;color:#b9cbea;gap:6px;transition:background .15s,border-color .15s}
body .now-actions button:hover{background:#1c2440;border-color:#7960bd}
body .now-actions button span{display:block;font-size:10px}
body .now-actions button i{font-size:18px}
body .now-actions button:focus-visible{outline:2px solid #a98afa;outline-offset:3px}
}
@media(min-width:1024px) and (max-width:1400px){body .tv-main .desktop-now{gap:12px;padding:14px}body .desktop-now .desktop-channel-icon,body .desktop-now .desktop-channel-icon img{width:54px;height:54px;flex-basis:54px}body .desktop-now #desktop-channel-category{font-size:15px}body .now-actions button{min-width:48px;padding:8px}body .now-actions button span{display:none}.now-tools{margin-left:0}.now-live{font-size:9px}}
/* The navigation rail spans both content rows and shares their bottom edge. */
@media(min-width:1024px){
body .tv-shell>.desktop-rail{align-self:stretch;height:auto;min-height:0}
body .tv-shell>.favorite-shelf{align-self:stretch}
body .tv-shell #favorite-channel-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 56px)/5);overflow-x:auto;padding-bottom:4px}
body .tv-shell .favorites-empty{grid-column:auto;width:100%;min-width:0}
body .tv-shell #favorite-channel-cards:has(.favorites-empty){display:block}
}
@media(min-width:1024px) and (max-width:1450px){body .tv-shell #favorite-channel-cards{grid-auto-columns:calc((100% - 28px)/3)}}
/* A permanent, separate control bar in the embedded player. */

body .tv-shell #video-player:has(.plyr){aspect-ratio:16/9;padding-bottom:48px;box-sizing:content-box}
body .tv-shell #video-player:has(.plyr) #player-wrap{position:absolute;inset:0}
body #video-player .plyr:not(.plyr--fullscreen-active) .plyr__video-wrapper{height:calc(100% - 48px);padding:0!important;aspect-ratio:auto}
body #video-player .plyr:not(.plyr--fullscreen-active) video{height:100%;object-fit:contain}
body #video-player .plyr:not(.plyr--fullscreen-active)>.plyr__controls{opacity:1!important;transform:none!important;pointer-events:auto!important;visibility:visible!important}
body #video-player .plyr__controls{height:48px;min-height:48px;padding:7px 14px;background:linear-gradient(180deg,#0d1725f5,#080e18);border-top:1px solid #29334c;gap:9px;--plyr-control-icon-size:18px;--plyr-control-spacing:7px}
body #video-player .plyr__controls>.plyr__progress__container{position:absolute;left:0;right:0;top:-6px;width:100%;margin:0;padding:0;height:10px}
body #video-player .plyr__progress input{margin:0;--plyr-range-track-height:3px;--plyr-range-thumb-height:9px;--plyr-color-main:#9463f7}
body #video-player .plyr__controls>[data-plyr="rewind"],body #video-player .plyr__controls>[data-plyr="fast-forward"],body #video-player .plyr__controls>.plyr__time{display:none}
body #video-player .plyr__controls>[data-plyr="play"]{order:0}
body #video-player .plyr__volume{order:1;max-width:118px;border-left:1px solid #29344a;padding-left:9px}
.wt-channel-label{order:2;margin-right:auto;border-left:1px solid #29344a;padding-left:12px;color:#c3d0e5;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}
body #video-player .plyr__menu{order:3}
body #video-player [data-plyr="pip"]{order:4}
body #video-player [data-plyr="fullscreen"]{order:5}
body #video-player .plyr__control{border-radius:7px;color:#e4edff;transition:background .15s,color .15s}
body #video-player .plyr__control:hover{background:#7f5be83b;color:white}
body #video-player .plyr__control--overlaid{background:#7957e8d9;border:1px solid #c6b9ff55;box-shadow:0 5px 25px #0005}
body #video-player .plyr--fullscreen-active .plyr__video-wrapper{height:100%}
@media(max-width:700px){.wt-channel-label{max-width:30%;font-size:10px}body #video-player .plyr__volume{max-width:65px}body #video-player .plyr__controls{gap:3px;padding-left:8px;padding-right:8px}}
/* Editorial information is static, not an interactive card. */
body .desktop-about,body .desktop-about:hover{margin-top:30px;padding:28px 0 16px;background:transparent;border:0;border-top:1px solid #233046;border-radius:0;box-shadow:none;transform:none;transition:none;cursor:default}
body .desktop-about h2{font-family:bigText,sans-serif;font-size:18px;line-height:1.6;color:#c9d5e8;margin:0 0 14px}
body .desktop-about>div{max-width:1120px;font-size:13px;line-height:1.95;color:#8f9eb6;display:grid;gap:9px}
body .desktop-about p{margin:0}
@media(min-width:1400px){body .desktop-about{display:grid;grid-template-columns:300px minmax(0,1fr);gap:36px}body .desktop-about h2{font-size:19px;max-width:290px;margin:0}}
@media(max-width:700px){body .desktop-about{padding:22px 0 10px;margin-top:24px}body .desktop-about h2{font-size:16px}body .desktop-about>div{font-size:12px}}
body .rail-star[aria-pressed="true"],body .now-actions button[aria-pressed="true"]{color:#f14d80}
.watch-tabs{display:flex;flex-shrink:0;padding:4px;background:#080f1c;border:1px solid #253149;border-radius:10px;margin-bottom:18px;gap:4px}
.watch-tabs button{flex:1;padding:10px;color:#8fa3c3;border-radius:7px;font-size:13px}
.watch-tabs button[aria-selected="true"]{background:#7860dc30;color:#c3b4ff;box-shadow:inset 0 0 0 1px #8b73ed35}
.watch-tabs button:focus-visible{outline:2px solid #a38aff}
#guide-content{display:flex;flex-direction:column;flex:1;min-height:0}
#guide-content[hidden],#channel-chat-content[hidden]{display:none!important}
#channel-chat-content{flex:1;min-height:0;display:flex;height:0}
.desktop-guide #chat-panel{width:100%;height:100%;min-height:360px;background:transparent;border:0;border-radius:0}
.desktop-guide .chat-head{padding:0 0 16px;border-bottom:1px solid #263249}
.desktop-guide .chat-messages{flex:1;min-height:0;overflow-y:auto}
.desktop-guide .chat-foot{padding:14px 0 0;border-top:1px solid #263249}
.desktop-guide .chat-login{border:1px solid #3d365f;border-radius:9px;background:#7560dc20;color:#c6baf7}
body #video-player .wt-chat-toggle{order:3;font-size:18px;min-width:32px}
body #video-player .wt-chat-toggle.active{background:#7854d83b;color:#c9b4ff}
@media(max-width:1023px){#channel-chat-content{height:450px;flex:auto}}
/* Blended artwork for the empty channel conversation. */
.desktop-guide .chat-messages:has(.chat-welcome){padding:0;position:relative;background:linear-gradient(180deg,#0d172400 45%,#0d1724 95%),url('/assets/images/chat-atmosphere.webp') center 30%/cover no-repeat;border-radius:12px;margin:12px 0}
.desktop-guide .chat-welcome{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-height:100%;width:100%;margin:0;padding:240px 12px 32px;background:linear-gradient(0deg,#0d1724 0%,#0d1724dd 22%,#0d172400 60%)}
.desktop-guide .chat-welcome strong{font-family:bigText,sans-serif;font-size:20px;line-height:1.5;color:#f1edff;margin-bottom:10px}
.desktop-guide .chat-welcome span{font-size:13px;line-height:1.9;color:#b7bfd5}
.desktop-guide .chat-welcome small{font-size:11px;color:#9987c7;margin-top:16px}
.desktop-guide .chat-foot{border-top:1px solid #8470c52b;padding-top:16px}
.desktop-guide .chat-login{display:flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 15px;border:1px solid #b598ff66;border-radius:12px;background:linear-gradient(115deg,#7955de,#6545bd);color:#fff;font-size:13px;box-shadow:0 5px 20px #6e43ce25,inset 0 1px #ffffff18;transition:background .2s,box-shadow .2s}
.desktop-guide .chat-login i:first-child{font-size:19px}.desktop-guide .chat-login i:last-child{font-size:12px;margin-left:auto;color:#dfd2ff}.desktop-guide .chat-login span{flex:1;text-align:center}
.desktop-guide .chat-login:hover{background:linear-gradient(115deg,#8964ec,#7553cf);box-shadow:0 6px 24px #6e43ce40}
.desktop-guide .chat-login:focus-visible{outline:2px solid #d0bdff;outline-offset:3px}
/* Shared atmospheric accents keep the viewing panels visually connected. */
@media(min-width:1024px){
body .tv-shell>.desktop-rail{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 0% 12%,#58408c30,transparent 52%),linear-gradient(160deg,#111a2c,#0c1521 65%);border-color:#393452}
body .desktop-rail::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0;background:linear-gradient(180deg,#101827aa,#101827e8 55%,#0c152178),url('/assets/images/chat-atmosphere.webp') center bottom/auto 100% no-repeat;opacity:.6}
body .desktop-rail::after{content:'';position:absolute;pointer-events:none;inset:0;border-radius:inherit;box-shadow:inset 1px 0 #9c78ff14,inset 0 1px #b695ff12}
body .tv-main .desktop-now{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(105deg,#171e35,#141c30 50%,#131a2b);border-color:#3a3454}
body .desktop-now::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0;background:linear-gradient(90deg,#101929e8 5%,#151c3099 60%,#141c3080),url('/assets/images/chat-atmosphere.webp') right 44%/440px auto no-repeat;opacity:.65}
body .desktop-now::after{content:'';position:absolute;pointer-events:none;inset:0;background:radial-gradient(ellipse at 13% 100%,#8855ea18,transparent 58%);box-shadow:inset 0 1px #baa0ff10;border-radius:inherit}
}
.reaction-panel{display:flex;flex-direction:column;width:100%;min-height:0;padding:18px 0 0;background:radial-gradient(ellipse at 50% 15%,#8459e51c,transparent 60%)}
.reaction-intro{text-align:center;padding:16px 8px 24px}.reaction-kicker{font-size:10px;letter-spacing:1px;color:#b198f4}.reaction-intro h2{font-family:bigText,sans-serif;font-size:23px;color:#f3edff;margin:12px 0}.reaction-intro p{font-size:12px;color:#a6b5ce;line-height:1.9;max-width:250px;margin:auto}
.reaction-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reaction-picker button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 4px;border:1px solid #76629438;border-radius:14px;background:linear-gradient(145deg,#25233c99,#101927);transition:border-color .2s,background .2s}.reaction-picker img{width:58px;height:58px;object-fit:contain}.reaction-picker span{font-size:11px;color:#c5c4db}.reaction-picker button:hover{border-color:#a486f2;background:#352952}.reaction-picker button:focus-visible{outline:2px solid #c4a9ff;outline-offset:2px}.reaction-picker button:disabled{opacity:.55;cursor:wait}
#reaction-status{text-align:center;font-size:11px;color:#ac9fc9;line-height:1.8;min-height:44px;margin:20px 0 10px}
#reaction-visibility{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;border:1px solid #66548166;border-radius:11px;background:#7760c61a;color:#cabced;font-size:12px}
.reaction-overlay{position:absolute;inset:0 0 48px;overflow:hidden;pointer-events:none;z-index:4}.reaction-overlay img{position:absolute;bottom:0;width:64px;height:64px;object-fit:contain;animation:reaction-rise 3.5s ease-out forwards;filter:drop-shadow(0 4px 8px #0005)}
@keyframes reaction-rise{0%{opacity:0;transform:translateY(0) scale(.5)}15%{opacity:1;transform:translate(-8px,-40px) scale(1)}70%{opacity:1}100%{opacity:0;transform:translate(20px,-340px) scale(1.2)}}
@media(prefers-reduced-motion:reduce){.reaction-overlay img{animation:reaction-fade 2s ease-out forwards;bottom:20px}@keyframes reaction-fade{0%,100%{opacity:0}20%,80%{opacity:1}}}
@media(max-width:1450px){.reaction-picker{gap:7px}.reaction-picker img{width:46px;height:46px}.reaction-intro h2{font-size:19px}}
/* Atmospheric background stays behind the reaction controls. */
.desktop-guide:has(#chat-tab[aria-selected="true"]){background:linear-gradient(180deg,#11192be8,#10192bca 45%,#0e1725ef),url('/assets/images/chat-atmosphere.webp') center 38%/cover no-repeat;border-color:#42365d}
.desktop-guide .reaction-panel{background:radial-gradient(ellipse at 80% 40%,#9569f21a,transparent 65%)}
.desktop-guide .reaction-picker button{background:linear-gradient(145deg,#27253de8,#111a2be8);box-shadow:inset 0 1px #c5a7ff08}
.desktop-guide .reaction-picker button:hover{background:#352952;border-color:#a486f2}
.desktop-guide:has(#chat-tab[aria-selected="true"]){background:linear-gradient(155deg,#171c33,#0e1725 65%)}
.reaction-intro{background:linear-gradient(90deg,#11192b60,#11192b99 45%,#11192b60),url('/assets/images/reactions-header.webp') center/cover no-repeat;border-radius:12px;margin-bottom:16px;border:1px solid #a98af517}
@media(min-width:1024px){
body .tv-shell #video-player:has(.plyr){aspect-ratio:16/9;height:auto;min-height:0;padding-bottom:48px}
body .tv-shell>.desktop-rail{min-height:0}
body .desktop-rail .rail-category{padding-top:9px;padding-bottom:9px}
body .desktop-guide .reaction-panel{padding-top:0}
body .desktop-guide .reaction-intro{padding:16px 8px}
body .desktop-guide #reaction-visibility{margin-top:16px}
body .desktop-guide .reaction-picker button{padding:10px 4px}
body .desktop-guide #guide-programs{max-height:440px;min-height:0}
}
#text-chat-content{flex:1;min-height:0;display:flex;height:0}
#text-chat-content[hidden]{display:none!important}
.watch-tabs button{min-width:0;padding:10px 5px}
@media(max-width:1023px){#text-chat-content{height:450px;flex:auto}}
/* Readable conversation cards in the watch sidebar. */
#text-chat-content .chat-head{padding:2px 0 16px;align-items:center}
#text-chat-content .chat-title{display:flex;align-items:center;gap:10px;font-size:14px;color:#e9e3fa}
#text-chat-content .chat-title i{display:grid;place-items:center;width:32px;height:32px;border:1px solid #8e6bd444;border-radius:10px;background:#7653b822;color:#b39aef;font-size:15px}
#text-chat-content .chat-messages:not(:has(.chat-welcome)){padding:18px 0;gap:18px;background:radial-gradient(ellipse at 100% 10%,#8b62d50d,transparent 65%);scrollbar-width:thin;scrollbar-color:#544272 transparent}
#text-chat-content .cm{max-width:100%;width:100%;gap:10px;align-items:flex-start}
#text-chat-content .cm .wt-av{width:36px;height:36px;min-width:36px;font-size:20px;margin-top:3px;box-shadow:0 0 0 3px #171e30,0 0 0 4px #8972b52e}
#text-chat-content .cm-body{flex:1;min-width:0;padding:13px 14px 10px;border:1px solid #65537f42;border-radius:4px 15px 15px 15px;background:linear-gradient(135deg,#20273c,#182132);box-shadow:0 4px 12px #00000012}
#text-chat-content .cm.mine .cm-body{background:linear-gradient(135deg,#39305b,#27223f);border-color:#a57ae344;border-radius:15px 4px 15px 15px}
#text-chat-content .cm-h{gap:10px;align-items:center;margin-bottom:8px;min-width:0}
#text-chat-content .cu{font-size:13px;color:#c5afff;overflow-wrap:anywhere}
#text-chat-content .ct{margin-left:auto;white-space:nowrap;font-size:10px;color:#91a0b9}
#text-chat-content .cx{font-size:14px;line-height:1.7;color:#edf0fa;overflow-wrap:anywhere}
#text-chat-content .cm-actions{gap:8px;margin-top:11px;padding-top:8px;border-top:1px solid #ffffff08}
#text-chat-content .cm-like,#text-chat-content .cm-reply-btn{gap:5px;padding:5px 7px;border-radius:7px;color:#99abc7;font-size:11px;min-height:28px}
#text-chat-content .cm-like:hover,#text-chat-content .cm-reply-btn:hover{background:#ae88ff12;color:#d3bdff}
#text-chat-content .cm-like.on{color:#f378a4;background:#f378a410}
#text-chat-content .cm-actions button:focus-visible{outline:2px solid #b695ef;outline-offset:2px}
#text-chat-content .cm-reply{padding:7px 9px;margin-bottom:9px;border-left:3px solid #a581ed;background:#9b78d60d;border-radius:0 6px 6px 0;max-width:100%;font-size:11px}
#text-chat-content .chat-foot{padding-top:16px;background:linear-gradient(0deg,#101827,transparent)}
#text-chat-content .chat-form{align-items:center;padding:5px;border:1px solid #5e4c7b66;border-radius:14px;background:#171f30}
#text-chat-content .chat-form input{background:transparent;border:0;padding:10px;font-size:13px;line-height:1.5}
#text-chat-content .chat-form:focus-within{border-color:#a982ec;box-shadow:0 0 0 3px #9270d311}
#text-chat-content .chat-form button{width:40px;height:40px;border-radius:11px;background:linear-gradient(145deg,#9970ec,#7148c5);box-shadow:0 3px 10px #7850cf25}
@media(max-width:1450px){#text-chat-content .cm-body{padding:10px}#text-chat-content .cm{gap:8px}#text-chat-content .cm .wt-av{width:30px;height:30px;min-width:30px;font-size:17px}}
/* One bottom action line across all three watch panels. */
.desktop-guide #guide-content{min-height:0;overflow:hidden}
.desktop-guide #guide-programs{flex:1;min-height:0;max-height:none}
.desktop-guide #channel-chat-content>.reaction-panel{height:100%;min-height:0;overflow-y:auto}
body .desktop-guide #reaction-visibility{margin-top:auto;flex-shrink:0}
.desktop-guide #guide-expand{margin-top:16px;flex-shrink:0}
body .desktop-guide #guide-expand,body .desktop-guide #reaction-visibility,body .desktop-guide .chat-login{height:50px;min-height:50px;box-sizing:border-box;border-radius:12px;padding:12px 15px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:10px}
body .desktop-guide #guide-expand{background:linear-gradient(120deg,#14283c,#142034);border:1px solid #426888;color:#c0def5;box-shadow:inset 0 1px #bddbff0a}
body .desktop-guide #guide-expand:hover{background:#1b3049;border-color:#6a9ec4}
body .desktop-guide #reaction-visibility{background:linear-gradient(120deg,#272039,#1c1d32);border:1px solid #79618f;color:#dbc6f1;box-shadow:inset 0 1px #e5c7ff0c}
body .desktop-guide #reaction-visibility[aria-pressed="false"]{background:#171c29;border-color:#414a5d;color:#9aa9bd}
body .desktop-guide .chat-login{background:linear-gradient(115deg,#875ae5,#6943bd);border:1px solid #b598ff66;color:white}
body .desktop-guide #guide-expand:focus-visible,body .desktop-guide #reaction-visibility:focus-visible{outline:2px solid #c2acfa;outline-offset:3px}
.desktop-guide #guide-content{height:0;flex:1}
@media(max-width:1023px){.desktop-guide #guide-content{height:450px;flex:auto}}
body .desktop-guide #guide-programs{max-height:none}
body .desktop-guide #guide-expand{margin-top:auto}
/* Match the chat footer divider without moving the bottom actions. */
body .desktop-guide #guide-expand,body .desktop-guide #reaction-visibility{position:relative;overflow:visible}
body .desktop-guide #guide-expand::before,body .desktop-guide #reaction-visibility::before{content:'';position:absolute;left:0;right:0;top:-17px;height:1px;background:#8470c52b;pointer-events:none}
body .desktop-guide #guide-programs{margin-bottom:32px}
body .desktop-guide #reaction-status{margin-bottom:32px}

#desktop-categories .rail-category[data-filter="favorites"]{margin-bottom:18px;position:relative}#desktop-categories .rail-category[data-filter="favorites"]::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:#344158}

/* Fullscreen controls appear on interaction and disappear with Plyr's idle state. */
body #video-player .plyr:is(:fullscreen,.plyr--fullscreen-active,.plyr--fullscreen-fallback) .plyr__video-wrapper{height:100%;padding:0!important}
body #video-player .plyr:is(:fullscreen,.plyr--fullscreen-active,.plyr--fullscreen-fallback).plyr--hide-controls>.plyr__controls,
body.cinema #video-player .plyr.plyr--hide-controls>.plyr__controls{opacity:0!important;transform:translateY(100%)!important;pointer-events:none!important;visibility:hidden!important}

/* Compact category disclosure for the channel list on mobile and tablet. */
.channel-category-menu{flex-shrink:0;margin-bottom:14px;border:1px solid #75639840;border-radius:13px;background:#171d30}
.channel-category-menu summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 13px;cursor:pointer;color:#e1d9f4;font-size:13px}
.channel-category-menu summary::-webkit-details-marker{display:none}
.channel-category-menu summary>i:first-child{color:#b398f1;font-size:16px}
.channel-category-menu summary>i:last-child{font-size:10px;color:#9c8db8;transition:transform .2s}
.channel-category-menu[open] summary>i:last-child{transform:rotate(180deg)}
#channel-category-label{margin-left:auto;font-size:11px;color:#b5a3dc;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.channel-category-menu summary:focus-visible{outline:2px solid #b398f1;outline-offset:3px;border-radius:12px}
.channel-category-menu #category-pills{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0;padding:12px;border-top:1px solid #75639840}
.channel-category-menu .cat-pill{text-align:left;border-radius:9px;min-height:40px;padding:8px 10px;font-size:12px}
.channel-category-menu .cat-pill.active{background:#7853c244;color:#e8dcff;border-color:#a782e8}
.channel-category-menu #category-pills{grid-template-columns:1fr;gap:3px;background:linear-gradient(180deg,#101827ab,#101827dd),url('/assets/images/chat-atmosphere.webp') center/cover no-repeat;border-radius:0 0 13px 13px}
.channel-category-menu .cat-pill{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px;border:0;background:transparent;color:#b6c4df;font-size:13px;border-radius:8px}
.channel-category-menu .cat-pill i{width:20px;text-align:center;font-size:17px;color:#a8bce0}
.channel-category-menu .cat-pill b{margin-left:auto;font-size:11px;font-weight:400;color:#9baacc}
.channel-category-menu .cat-pill.active{background:linear-gradient(90deg,#654ac447,#4d3f9270);color:#c7bbff}
.channel-category-menu .cat-pill.active::before{content:'';position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:4px;background:#9864ff}
.channel-category-menu .cat-pill.active i,.channel-category-menu .cat-pill.active b{color:#b8a5ff}
@media(max-width:767px){
 body .tv-shell .tv-main #video-player:has(.plyr){position:relative;flex:none;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/9;padding-bottom:48px;box-sizing:content-box}
 body #video-player .plyr__controls{gap:2px;padding:6px;--plyr-control-icon-size:17px;--plyr-control-spacing:6px}
 body #video-player .plyr__controls .plyr__control{flex-shrink:0;padding:8px}
 body #video-player .plyr__volume{flex:0 0 96px;width:96px;min-width:0;max-width:96px;padding-left:3px;margin:0}
 body #video-player .plyr__volume input[type=range]{flex:1 1 52px;width:52px;min-width:0;max-width:52px;margin:0 3px}
 body #video-player .wt-channel-label{flex:1 1 0;min-width:0;max-width:none;padding-left:5px;margin:0;font-size:10px}
 body #video-player .plyr__menu{flex-shrink:0;margin:0}
}
/* Reveal channel panels beneath the player only after a channel is selected. */
@media(max-width:767px){
 body .tv-shell>.tv-main{order:1}
 body .tv-shell>.desktop-guide{display:none;order:2;width:100%;min-width:0;box-sizing:border-box}
 body .tv-shell:has(#tv-player)>.desktop-guide{display:flex}
 body .tv-shell>.tv-nav{order:3}
 body .tv-shell>.favorite-shelf{order:4}
}
.reaction-picker .reaction-loop-copy{display:none}
@media(max-width:767px){
 body .desktop-guide .reaction-picker{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:auto;padding:4px 0 8px;min-width:0;width:100%}
 body .desktop-guide .reaction-picker::-webkit-scrollbar{display:none}
 body .desktop-guide .reaction-picker button{display:flex;flex:0 0 82px;min-width:82px;padding:12px 6px;user-select:none;-webkit-user-select:none}
 body .desktop-guide .reaction-picker img{width:52px;height:52px;pointer-events:none;-webkit-user-drag:none}
 body .desktop-guide .reaction-picker span{pointer-events:none;font-size:11px}
}
body .desktop-guide #guide-programs:has(.guide-empty){display:flex;min-height:300px;border-radius:13px;background:#0d1724}
body .desktop-guide #guide-programs>.guide-empty{flex:1;min-height:100%;display:flex;align-items:flex-end;justify-content:center;padding:260px 20px 32px;color:#bdc8df;font-size:13px;line-height:1.9;background:linear-gradient(0deg,#0d1724 0%,#0d172400 45%),url('/assets/images/guide-empty.webp') center top/100% auto no-repeat;border-radius:13px}
@media(max-width:767px){body .desktop-guide #guide-programs>.guide-empty{background-size:auto 100%;padding-top:250px}}
.watching-now{display:flex;align-items:center;justify-content:safe center;gap:14px;min-width:0;flex:1;overflow-x:auto;padding:8px 6px;scrollbar-width:thin;scrollbar-color:#51436f transparent}
.watching-now[hidden]{display:none}
.watching-channel{position:relative;display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;border:1px solid #8065bb70;background:radial-gradient(circle at 30% 20%,#343052,#121b2a);box-shadow:inset 0 0 0 3px #111827;transition:border-color .15s,background .15s}
.watching-channel img{width:30px;height:30px;object-fit:contain;border-radius:6px}
.watching-count{position:absolute;right:-6px;bottom:-4px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 4px;border:2px solid #101624;border-radius:50%;background:#8658d7;color:#fff;font:600 10px/1 sans-serif}
.watching-channel:hover{border-color:#c6a4ff;background:#352853}
.watching-channel:focus-visible{outline:2px solid #c6a4ff;outline-offset:3px}
.desktop-intro>div:first-child,.desktop-intro>.desktop-total{flex-shrink:0}
.watching-caption{display:flex;flex-direction:column;gap:4px;flex-shrink:0;margin-right:6px}
.watching-caption strong{font-size:12px;font-weight:500;color:#d4c4ef}
.watching-caption small{font-size:10px;color:#98a7c1}
@media(max-width:767px){
 body .desktop-guide #guide-content:has(.guide-empty){height:auto;flex:auto}
 body .desktop-guide #guide-programs:has(.guide-empty){flex:none;min-height:0;margin-bottom:32px}
 body .desktop-guide #guide-programs>.guide-empty{display:flex;flex-direction:column;align-items:center;min-height:0;padding:0 18px 24px;background:#0d1724;font-size:13px}
 body .desktop-guide #guide-programs>.guide-empty::before{content:'';display:block;flex:none;width:min(100%,300px);aspect-ratio:1;background:url('/assets/images/guide-empty.webp') center top/100% auto no-repeat;margin-bottom:12px}
}
.desktop-intro .watching-description{margin-top:5px;font-size:11px;color:#98a7c1}
.desktop-intro .watching-now{flex:1 1 0;min-width:0;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:8px 8px 10px;overscroll-behavior-x:contain}
.watching-now:focus-visible{outline:2px solid #b398f1;outline-offset:3px;border-radius:10px}
body .desktop-intro .watching-title{display:flex;align-items:center;gap:12px;margin:0;font-size:16px;line-height:1.5}
.watching-title>i{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#baa1ef;font-size:17px;background:linear-gradient(135deg,#7d55bc30,#182033);border:1px solid #8b6bc03b}
.watching-title>span{display:flex;flex-direction:column;color:#ede5fa}
.watching-title small{font-family:normalText,sans-serif;font-size:11px;font-weight:400;color:#ac99cb;line-height:1.5}
.desktop-intro .watching-now{justify-content:safe flex-end;margin-left:24px}
@media(max-width:767px){
 body .desktop-guide #guide-programs>.guide-empty{padding:0 16px 20px;font-size:12px;line-height:1.8}
 body .desktop-guide #guide-programs>.guide-empty::before{width:min(100%,220px);aspect-ratio:1.05;margin:0 auto 4px;background-position:center 32%;background-size:100% auto;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 78%,transparent),linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 78%,transparent),linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in}
}
/* The guide empty state follows the same image-and-copy composition as chat. */
body .desktop-guide #guide-programs:has(.guide-empty){position:relative;overflow:hidden;background:#0d1724;border-radius:12px}
body .desktop-guide #guide-programs>.guide-empty{position:relative;isolation:isolate;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:390px;width:100%;margin:0;padding:240px 16px 30px;text-align:center;background:transparent}
body .desktop-guide #guide-programs>.guide-empty::before{content:'';position:absolute;z-index:-1;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto;margin:0;background:linear-gradient(0deg,#0d1724 0%,#0d1724e0 22%,#0d172400 57%),url('/assets/images/guide-empty.webp') center top/100% auto no-repeat;mask-image:none;-webkit-mask-image:none}
body .desktop-guide .guide-empty strong{font-family:bigText,sans-serif;font-size:20px;line-height:1.5;color:#f1edff;margin-bottom:10px}
body .desktop-guide .guide-empty span{max-width:260px;font-size:13px;line-height:1.9;color:#b7bfd5}
body .desktop-guide .guide-empty small{font-size:11px;color:#9987c7;margin-top:16px}
@media(max-width:767px){body .desktop-guide #guide-programs>.guide-empty{min-height:370px;padding:230px 20px 28px}body .desktop-guide #guide-programs>.guide-empty::before{background-size:100% 100%,auto 440px}}
@media(max-width:767px){
 body .desktop-intro{display:flex;align-items:center;gap:12px;width:100%;min-width:0;margin:0 0 16px;padding:8px 10px;background:linear-gradient(120deg,#181c30,#101827);border:1px solid #77629430;border-radius:14px;box-sizing:border-box}
 body .desktop-intro:has(#watching-now[hidden]){display:none}
 body .desktop-intro>div:first-child{display:block;flex:0 0 auto}
 body .desktop-intro .desktop-eyebrow{display:none}
 body .desktop-intro .watching-title{gap:7px;font-size:12px;line-height:1.4}
 body .desktop-intro .watching-title>i{width:28px;height:28px;border-radius:9px;font-size:12px}
 body .desktop-intro .watching-title small{font-size:10px}
 body .desktop-intro .watching-now{flex:1 1 0;min-width:0;margin:0;gap:12px;padding:5px 7px 8px;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 body .desktop-intro .watching-now::-webkit-scrollbar{display:none}
 body .desktop-intro .watching-channel{flex:0 0 40px;width:40px;height:40px}
 body .desktop-intro .watching-channel img{width:27px;height:27px}
 body .desktop-intro .watching-count{min-width:19px;height:19px;font-size:9px;right:-4px;bottom:-3px}
}
body .tv-shell #player-status{position:absolute;inset:0 0 48px;z-index:5;flex-direction:column;align-items:center;justify-content:center;gap:16px;pointer-events:none;background:radial-gradient(ellipse at center,#241e3de8,#080e19f5 75%);border-radius:inherit}
.wt-loading-orb{display:flex;align-items:center;justify-content:center;gap:7px;width:70px;height:70px;border-radius:50%;background:#9770ed12;border:1px solid #a380e332;box-shadow:0 0 35px #8e59e31a}
.wt-loading-orb span{width:7px;height:7px;border-radius:50%;background:#b694ff;animation:wt-loading-pulse 1.2s ease-in-out infinite}
.wt-loading-orb span:nth-child(2){animation-delay:.15s}.wt-loading-orb span:nth-child(3){animation-delay:.3s}
body #player-status .wt-loading-text{font-family:normalText,sans-serif;font-size:14px;color:#e1d5fb;letter-spacing:.3px;margin:0;animation:wt-loading-label 1.8s ease-in-out infinite}
@keyframes wt-loading-pulse{0%,80%,100%{transform:scale(.7);opacity:.35}40%{transform:scale(1.2);opacity:1}}
@keyframes wt-loading-label{0%,100%{opacity:.6}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.wt-loading-orb span,body #player-status .wt-loading-text{animation:none}}
/* The loading backdrop covers the entire player, including the control strip. */
body .tv-shell #player-status{inset:0;border-radius:inherit}
/* Keep the embedded video above its dedicated controls, without auto margins. */
body #video-player .plyr:not(:fullscreen):not(.plyr--fullscreen-active):not(.plyr--fullscreen-fallback) .plyr__video-wrapper{margin:0;flex-shrink:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
.language-filter{display:flex;align-items:center;gap:12px;margin:12px 0 16px;font-size:12px;color:#b9c8e1}.language-filter select{min-width:0;flex:1;border:1px solid #39445d;border-radius:10px;padding:10px;background:#111b2b;color:#eee;font:inherit}.language-filter select:focus-visible{outline:2px solid #a685ef}

/* Independent desktop filters, channel list and playback columns. */
.desktop-channel-list{display:none}
@media(min-width:1024px){
 body .tv-shell{grid-template-columns:264px 260px minmax(0,1fr) 380px;gap:16px;align-items:start}
 body .tv-shell>.desktop-rail{grid-column:1;grid-row:1;align-self:start;height:auto;min-height:0;padding:18px 13px}
 body .desktop-rail::before{background-position:center top;background-size:auto 650px}
 body .tv-shell>.desktop-channel-list{display:flex;flex-direction:column;grid-column:2;grid-row:1;box-sizing:border-box;min-width:0;min-height:0;height:var(--channel-list-height,400px);max-height:var(--channel-list-height,400px);overflow:hidden;padding:16px 10px;border:1px solid #30394f;border-radius:15px;background:linear-gradient(150deg,#151e30,#0d1623);align-self:start}
 .desktop-channel-list h3{flex:none;min-height:38px;margin:0 5px 10px;color:#b9c6de;font-size:12px;line-height:1.6;display:flex;align-items:center}
 body .desktop-channel-list #rail-channels{flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
 body .desktop-channel-list .rail-channel{min-width:0}
 body .tv-shell>.tv-main{grid-column:3;grid-row:1}
 body .tv-shell>.desktop-guide{grid-column:4;grid-row:1;min-width:0}
 body .tv-shell>.favorite-shelf{grid-column:1 / -1;grid-row:2}
}
@media(min-width:1024px) and (max-width:1399px){body .tv-shell{grid-template-columns:220px 210px minmax(0,1fr) 290px;gap:12px}body .tv-shell>.desktop-rail{padding:14px 10px}body .desktop-channel-list .rail-channel a{gap:7px}body .desktop-channel-list .rail-channel img{width:27px;height:27px}}