*{box-sizing:border-box}body{color:#e9eff5;background:#080b0f;margin:0;font:14px Arial,sans-serif}.app{background:#080b0f;min-height:100vh}header{background:#0c1016;border-bottom:1px solid #ffffff12;align-items:center;gap:18px;height:64px;padding:0 24px;display:flex}header img{width:102px;height:32px}nav{flex:1;gap:5px;display:flex}button{font:inherit;color:#c9d3dd;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:8px 10px}button:hover,button:focus-visible{color:#fff;background:#1c3c4855;border-color:#35c8f0;outline:none}.active,.chosen{color:#fff!important;background:#1398bd22!important;border-color:#2cbfe966!important}.gear{font-size:19px}main{grid-template-columns:188px minmax(560px,1fr) 350px;height:calc(100vh - 64px);display:grid}aside{background:#0a0e13;border-right:1px solid #ffffff10;padding:16px 10px}.side-title,.eyebrow{letter-spacing:1.4px;color:#6f8292;font-size:10px;font-weight:700}aside button{text-align:left;justify-content:space-between;width:100%;margin:3px 0;padding:9px 11px;display:flex}.guide{border-right:1px solid #ffffff10;min-width:0;overflow:hidden}.guidebar{border-bottom:1px solid #ffffff10;align-items:center;gap:7px;height:55px;padding:8px 12px;display:flex}.guidebar input{color:#fff;background:#121a22;border:1px solid #2b3946;border-radius:5px;flex:1;min-width:80px;padding:8px 10px}.timeline{background:#0e141b;border-bottom:1px solid #ffffff12;grid-template-columns:220px 1fr;height:34px;display:grid}.channel-head{letter-spacing:1px;color:#728394;padding:10px 14px;font-size:10px}.times{color:#87a1b1;justify-content:space-between;padding:10px 22px;font-size:10px;display:flex}.rows{height:calc(100% - 89px);overflow:auto}.row{cursor:pointer;border-bottom:1px solid #ffffff0d;grid-template-columns:220px 1fr 1fr;height:63px;display:grid}.row:hover,.row.selected{background:#16374666}.row:focus-visible{outline-offset:-2px;outline:2px solid #3ac9f0}.channel{border-right:1px solid #ffffff0a;align-items:center;gap:8px;min-width:0;padding:7px 10px;display:flex}.channel .logo{color:#b8f1ff;background:#1c4b60;border-radius:4px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:grid}.channel strong{color:#688091;font-size:11px}.channel span{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.channel button{padding:3px;font-size:16px}.program{border-right:1px solid #ffffff08;padding:12px;position:relative;overflow:hidden}.program b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.program small{color:#8193a1;margin-top:5px;font-size:10px;display:block}.program i{background:#38caef;height:2px;position:absolute;bottom:7px;left:12px}.next{opacity:.7}.preview{background:#0a0e13;padding:17px;overflow:auto}.player{background:#050607;border:1px solid #253240;place-items:center;height:184px;display:grid;position:relative}.player video{background:#000;width:100%;height:100%}.playstate{text-align:center;color:#718293}.playstate span{color:#36c5f0;font-size:40px}.expand{background:#0009;position:absolute;bottom:4px;right:4px}.preview article{padding:18px 2px}.preview h1{margin:7px 0;font-size:21px}.preview p{color:#a5b3bd;font-size:12px;line-height:1.55}.metadata{color:#7990a1;margin:14px 0;font-size:11px}.actions{flex-wrap:wrap;gap:8px;display:flex}.primary{background:#19aacf;font-weight:700;color:#00151c!important;border-color:#3bd1f4!important}.library{max-width:800px;padding:56px}.library h1{font-size:32px}.library p{color:#a9b8c3}.empty{text-align:center;color:#57cbe8;border:1px dashed #2e4956;place-items:center;height:300px;margin-top:36px;font-size:24px;font-weight:700;display:grid}.empty small{color:#7d8f9b;font-size:12px;font-weight:400}.setup{background:#070a0ed9;place-items:center;min-height:100vh;padding:20px;display:grid}.setupcard{background:#0f151d;border:1px solid #2c4554;border-radius:10px;width:min(480px,100%);padding:30px;box-shadow:0 20px 80px #000}.setupcard img{width:116px}.setupcard p{color:#a8b8c4;line-height:1.5}.setupcard label{color:#b3c3cf;margin:15px 0;font-size:12px;display:block}.setupcard input{color:#fff;background:#090e13;border:1px solid #344656;border-radius:5px;width:100%;margin-top:6px;padding:11px;display:block}.setupcard>div:last-child{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.notice{color:#f2c779;background:#3c2d1233;border-radius:5px;padding:10px}.full main{grid-template-columns:1fr}.full aside,.full .guide,.full header{display:none}.full .preview{padding:0}.full .player{border:0;height:100vh}.full article{display:none}@media (width<=900px){main{grid-template-columns:145px 1fr}.preview{display:none}.row,.timeline{grid-template-columns:180px 1fr 0}.next{display:none}.channel-head{padding-left:8px}nav button:not(.active){display:none}}