:root{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#e9edf7;background:#091321;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh}header{background:#101d34;border-bottom:1px solid #2a3a54;padding:16px clamp(14px,3vw,52px);display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{color:#66b5ff;font-size:clamp(1rem,2vw,1.3rem)}.brand small{font-size:.7rem;color:#9eb2ce;margin-left:8px}main{max-width:1800px;margin:18px auto;padding:0 clamp(10px,2vw,24px)}.panel{border:1px solid #2a3a54;border-radius:16px;background:#14223a;padding:clamp(14px,1.8vw,24px);margin-bottom:16px;min-width:0}.narrow{max-width:460px;margin:8vh auto}.panel h1,.panel h2{margin:0 0 16px}.panel p{color:#a9bad0}label{display:flex;flex-direction:column;gap:7px;font-size:.9rem;color:#cad7e8}form{display:grid;gap:14px}input,select{width:100%;min-width:0;padding:13px;border:1px solid #3c516f;border-radius:9px;background:#0b172b;color:#fff;font:inherit}input:focus-visible,select:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffe369;outline-offset:3px}button{border:0;border-radius:9px;background:#2384e3;color:#fff;padding:12px 16px;font-size:1rem;cursor:pointer;font-weight:650;min-height:44px}button:disabled{opacity:.5;cursor:not-allowed}.quiet{background:#263d5b}.source{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.source button{min-height:46px}.source-panel summary{cursor:pointer;display:flex;align-items:center;gap:12px;list-style:none}.source-panel summary::-webkit-details-marker{display:none}.source-panel summary span{color:#9fb2d0;font-size:.85rem}.source-inner{margin-top:18px}.note{font-size:.83rem;line-height:1.5}.player-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(310px,1fr);gap:16px;align-items:start}.video-area{position:sticky;top:12px}.video-area video{display:block;width:100%;aspect-ratio:16/9;background:#03060d;border-radius:10px}.video-area #now{font-weight:750;padding:13px 0;overflow-wrap:anywhere}.player-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.player-tools button{font-size:.85rem;padding:8px 11px}.list-area{height:min(78vh,900px);display:flex;flex-direction:column}.list-area #channels{overflow:auto;overscroll-behavior:contain;margin-top:12px;min-height:140px;flex:1}.channel{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#1c3150;border:2px solid transparent;margin-bottom:7px;padding:10px;border-radius:10px;overflow-wrap:anywhere}.channel:hover,.channel.active{border-color:#439afa;background:#20436b}.channel small{display:block;color:#b8c8dd;font-weight:400;margin-top:3px}.channel .thumb{width:40px;height:35px;object-fit:contain;flex-shrink:0}.channel .channel-name{flex:1;min-width:0}.channel .star{font-size:1.3em;color:#ffcf67}.categories{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;margin-top:10px;padding:3px 1px 9px}.categories button{white-space:nowrap;background:#233954;padding:7px 11px;min-height:38px;font-size:.84rem}.categories button.selected{background:#277cc5}.alert{padding:15px;margin-bottom:15px;background:#52212b;color:#fff;border-radius:9px}.password{display:flex}.password input{border-radius:9px 0 0 9px}.password button{border-radius:0 9px 9px 0}@media(max-width:1000px){.player-layout{grid-template-columns:1fr}.video-area{position:static}.list-area{height:500px}.source{grid-template-columns:1fr 1fr}}@media(max-width:620px){header{padding:12px}main{margin:12px auto}.panel{border-radius:12px}.source{grid-template-columns:1fr}.video-area{padding:9px}.video-area video{border-radius:8px}.player-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.list-area{height:460px}.brand small{display:none}}@media(hover:none) and (pointer:coarse){button,input,select{min-height:48px}.channel{min-height:60px}}@media(min-width:1400px){.channel{min-height:62px}}
.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.header-actions form{display:block}.header-actions button{padding:9px 12px}.header-actions #connection-indicator{font-size:.8rem;color:#9ce0b4}.header-actions #connection-indicator.offline{color:#ffb3b3}.sleep-label{font-size:.78rem;display:flex;flex-direction:row;align-items:center;gap:6px;color:#ccdaec}.sleep-label select{width:auto;min-width:115px;padding:8px}button[hidden]{display:none!important}@media(max-width:620px){.header-actions{gap:5px}.header-actions button{font-size:.78rem;padding:8px}.sleep-label{grid-column:span 2}.sleep-label select{min-width:0}}@media(orientation:landscape) and (max-height:520px){.video-area{position:static}.list-area{height:310px}}

.media-tabs{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto}.media-tabs button{flex:1;min-width:86px;background:#263d5b;font-size:.84rem;padding:9px}.media-tabs button.selected{background:#237cce}.episodes{display:flex;flex-direction:column;max-height:280px;overflow-y:auto;gap:6px;padding:10px;background:#0d1b30;border-radius:10px;margin-top:10px}.episodes[hidden]{display:none}.episodes button{text-align:left;background:#284362;font-size:.86rem}#more-results{margin-top:8px}.channel:focus-visible{scroll-margin:20px}@media (min-width:1400px){.player-layout{grid-template-columns:minmax(0,2fr) minmax(360px,1fr)}}