#tvGuide[hidden],#tvChannelNotice[hidden]{display:none!important}
#tvGuide{
 position:absolute;inset:0 0 0 auto;z-index:110;
 width:min(440px,100%);height:100%;box-sizing:border-box;
 background:rgba(8,17,31,.98);color:#f8fafc;
 border-left:1px solid #334155;
 display:flex;flex-direction:column;
 font:15px/1.4 system-ui,sans-serif;
 box-shadow:-12px 0 35px #0006;
}
#tvGuide header{
 position:static!important;display:flex!important;
 justify-content:space-between;align-items:center;
 padding:12px 16px;background:transparent!important;
 min-height:0!important;
}
#tvGuide button,#tvGuide input{
 font:inherit;box-sizing:border-box;
}
#tvGuide button{
 color:#f8fafc;background:#172337;border:1px solid #334155;
 border-radius:9px;cursor:pointer;min-height:44px;padding:9px 12px;
}
#tvGuide button:hover{background:#263b55}
#tvGuide :is(button,input):focus-visible{
 outline:3px solid #67e8f9!important;outline-offset:-3px;
 transform:none!important;
}
#tvGuideSearch{
 margin:0 16px 10px;width:calc(100% - 32px);
 min-height:46px;border:1px solid #475569;border-radius:10px;
 padding:10px 12px;background:#0c1424;color:white;
}
.tv-guide-filters{display:flex;gap:8px;padding:0 16px 8px}
#tvGuide button[aria-pressed="true"]{
 background:#164e63;border-color:#22d3ee;
}
#tvGuideCount{padding:0 16px 8px;color:#94a3b8;font-size:12px}
#tvGuideList{
 flex:1;min-height:0;overflow-y:auto;padding:0 12px 16px;
 overscroll-behavior:contain;scrollbar-gutter:stable;
}
#tvGuideList .tv-guide-channel{
 display:flex;align-items:center;gap:10px;
 width:100%;margin:5px 0;text-align:left;min-height:68px;
}
#tvGuideList img{
 width:44px!important;height:44px!important;flex:0 0 44px;
 object-fit:contain!important;background:#0b1220;border-radius:7px;
}
.tv-guide-number{color:#67e8f9;min-width:30px;font-size:13px}
.tv-guide-description{min-width:0;flex:1}
.tv-guide-description strong{
 display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.tv-guide-description small{color:#94a3b8}
#tvGuideList button[aria-current="true"]{border-color:#22d3ee;background:#12394b}
#tvChannelNotice{
 position:absolute;z-index:105;
 left:max(16px,env(safe-area-inset-left));
 bottom:calc(88px + env(safe-area-inset-bottom));
 max-width:calc(100% - 32px);
 display:flex;align-items:center;gap:12px;
 padding:13px 17px;border:1px solid #475569;border-radius:12px;
 background:rgba(8,17,31,.95);color:white;
 font:15px/1.4 system-ui,sans-serif;pointer-events:none;
}
#tvChannelNotice img{
 width:48px!important;height:48px!important;
 object-fit:contain!important;flex:0 0 48px;
}
#tvChannelNotice strong{display:block;font-size:19px}
#tvChannelNotice small{display:block;color:#cbd5e1}
#tvGuideButton{min-height:44px;white-space:nowrap}
@media(max-height:450px){
 #tvGuide header{padding:6px 12px}
 #tvGuideSearch{min-height:40px;margin-bottom:6px}
 #tvGuideList .tv-guide-channel{min-height:56px}
}