:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eef3fc;background:#090e19;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #6baaff;outline-offset:3px}button:disabled{opacity:.35;cursor:default}.shell{max-width:1800px;margin:auto;padding:0 28px}.topbar{height:84px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #202c3f}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:850;letter-spacing:1.2px}.brand-icon{display:grid;place-items:center;color:white;background:#377cf4;width:37px;height:37px;border-radius:11px;font-size:17px}.brand-lite{font-weight:350;color:#87a5d6}.tag{font-size:9px;font-weight:800;background:#203554;color:#8bb9ff;padding:5px 7px;border-radius:4px;letter-spacing:.8px}.top-right{display:flex;align-items:center;gap:12px}.connection{font-size:12px;color:#99aabd;margin-right:12px}.iconbtn{background:#182338;border:1px solid #29374e;color:#c6d7ee;border-radius:9px;font-size:19px;height:39px;width:39px}.workspace{display:grid;grid-template-columns:335px minmax(0,1fr);gap:26px;padding:26px 0;min-height:calc(100vh - 84px)}.sidebar{background:#111a2a;border:1px solid #263248;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;min-height:560px;max-height:calc(100vh - 110px)}.sidebar-top{padding:23px 16px 10px}.eyebrow{font-size:11px;letter-spacing:1.65px;font-weight:750;color:#8198b8}.eyebrow span{float:right;background:#223047;padding:2px 8px;border-radius:5px;letter-spacing:0;color:#c0d6fa}.search-wrap{margin:20px 0 16px;background:#0b1422;border:1px solid #2b3a52;border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 11px;color:#9aafd0}.search-wrap span{font-size:27px;line-height:40px}.search-wrap input{border:0;background:transparent;color:#eff5ff;outline:none;width:100%;min-width:0;font-size:14px;height:44px}.search-wrap kbd{color:#8294b1;border:1px solid #34445b;border-radius:4px;padding:1px 5px;font-size:10px}.tabs{display:flex;gap:4px;border-bottom:1px solid #2c3a51}.tab{padding:12px 10px;border:0;background:none;color:#9daec7;font-size:12px;font-weight:650;border-bottom:2px solid transparent;flex:1}.tab.active{color:#83b5ff;border-bottom-color:#4b98ff}.categories{display:flex;gap:7px;overflow-x:auto;padding:15px 0 4px;scrollbar-width:thin}.category-pill{background:#19263a;border:1px solid #283a56;color:#9cacc7;border-radius:30px;padding:7px 12px;white-space:nowrap;font-size:11px}.category-pill.active{background:#244b84;border-color:#3c80df;color:white}.channel-list{overflow-y:auto;flex:1;padding:5px 9px;scrollbar-color:#334968 transparent}.channel-item{display:flex;width:100%;gap:12px;align-items:center;text-align:left;padding:11px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#d9e4f4}.channel-item:hover,.channel-item:focus-visible{background:#1d304c}.channel-item.active{background:#1b3964;border-color:#3263a5}.channel-logo{width:45px;height:38px;border-radius:7px;background:#26364b;display:grid;place-items:center;flex-shrink:0;color:#a7bad4;font-weight:bold;font-size:12px;overflow:hidden}.channel-logo img{max-width:100%;max-height:100%;object-fit:contain}.channel-label{overflow:hidden}.channel-name{font-weight:650;font-size:13px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.channel-group{font-size:11px;margin-top:4px;color:#92a5c1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.playing-marker{margin-left:auto;color:#6cc1ff}.empty-list{color:#90a3bd;text-align:center;padding:40px 10px;font-size:13px;line-height:1.6}.sidebar-foot{display:flex;justify-content:space-between;gap:6px;padding:13px;border-top:1px solid #263248;color:#748aa8;font-size:10px}.main-panel{min-width:0}.video-card{background:#111a2a;border:1px solid #263248;border-radius:15px;overflow:hidden}.video-frame{width:100%;aspect-ratio:16/9;background:#020407;position:relative;display:grid;place-items:center}.video-frame video{height:100%;width:100%;position:absolute;inset:0;object-fit:contain}.placeholder{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;background:radial-gradient(ellipse at 50% 50%,#182b4b 0,#050a13 65%);width:100%;height:100%}.placeholder-icon{width:72px;height:72px;border:1px solid #3f68a5;background:#17335b;border-radius:21px;display:grid;place-items:center;color:#8ab8ff;font-size:29px}.placeholder-heading{font-size:clamp(20px,3vw,34px);font-weight:800}.placeholder p{margin:0;color:#9aacc7;font-size:14px}.primary{background:#3c8afa;color:white;border:0;border-radius:9px;font-weight:700;padding:12px 20px}.primary:hover{background:#5b9eff}.secondary{background:#1e2d43;color:#d3e4fa;border:1px solid #344762;border-radius:9px;font-weight:650;padding:12px 16px}.video-message{position:absolute;bottom:22px;left:20px;right:20px;background:#42222c;border:1px solid #a65a69;border-radius:9px;padding:12px 15px;color:#ffe0e5;z-index:2;font-size:13px;line-height:1.5}.hidden{display:none!important}.player-bar{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:15px}.now-playing{display:flex;align-items:center;gap:16px;min-width:0}.live-pill{color:#ff8a99;background:#48212c;border:1px solid #7e3548;border-radius:5px;padding:6px 9px;font-weight:800;font-size:10px;white-space:nowrap}.program{min-width:0}.program div{font-size:17px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.program span{display:block;color:#90a6c4;font-size:12px;margin-top:5px}.player-actions{display:flex;gap:8px}.player-actions button{background:#1c2b41;border:1px solid #2d3e58;color:#c8d9f0;width:42px;height:40px;border-radius:8px;font-size:19px}.under-player{display:flex;justify-content:space-between;align-items:center;padding:24px 4px;gap:12px}.status-text{font-size:14px;color:#cad8ee;margin-top:10px}.text-button{background:none;color:#81b4ff;border:0;font-weight:650;font-size:13px}.tip{border:1px solid #2a3b55;border-radius:10px;background:#111d2e;padding:13px 17px;display:flex;align-items:start;gap:12px;color:#9ab0ce}.tip span{font-size:18px;color:#86b2ee}.tip p{margin:2px 0;font-size:12px;line-height:1.6}.modal-backdrop{position:fixed;inset:0;background:#030712d9;z-index:20;display:grid;place-items:center;padding:20px}.modal{background:#142033;border:1px solid #3b506d;border-radius:17px;padding:27px;width:min(600px,100%);max-height:90vh;overflow:auto;box-shadow:0 25px 110px #0009}.modal-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:17px}.modal h2{margin:7px 0 0;font-size:23px}.modal-description{font-size:14px;color:#a6bad5;line-height:1.65;margin:0 0 22px}.modal label{display:block;font-size:13px;font-weight:700;color:#d7e4f6;margin-bottom:10px}.url-input{background:#0b1422;border:1px solid #435675;border-radius:9px;width:100%;padding:14px;color:white;font-size:14px}.check-line{display:flex;align-items:center;gap:10px;margin:18px 0}.check-line label{margin:0;font-weight:400;font-size:13px}.check-line input{width:17px;height:17px;accent-color:#4795ff}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:20px}.note{font-size:12px;color:#8199ba;margin-top:20px;line-height:1.6}.diagnostics{background:#0a1422;border:1px solid #2c405b;border-radius:10px;padding:14px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 ui-monospace,Consolas,monospace;color:#bcd1eb;max-height:40vh;overflow:auto}.toast{position:fixed;bottom:30px;right:30px;z-index:30;padding:12px 18px;background:#254470;color:white;border-radius:8px;box-shadow:0 8px 35px #0008;font-size:13px}@media(max-width:950px){.shell{padding:0 15px}.workspace{grid-template-columns:290px minmax(0,1fr);gap:12px}.sidebar-foot{flex-direction:column}.player-bar{padding:13px}.program div{font-size:14px}.player-actions button{width:36px}}@media(max-width:700px){.topbar{height:65px}.workspace{display:flex;flex-direction:column;padding:12px 0}.main-panel{order:0}.sidebar{order:1;min-height:300px;max-height:55vh}.sidebar-top{padding:15px}.video-frame{aspect-ratio:16/9}.player-bar{flex-wrap:wrap}.sidebar-foot{display:none}.connection{display:none}.under-player{padding:14px 4px}.tip{margin-bottom:15px}.brand{font-size:15px}.placeholder-icon{width:48px;height:48px;font-size:19px}.placeholder{gap:8px}.placeholder p{font-size:12px}.placeholder .primary{padding:9px 12px;font-size:12px}}@media(max-width:420px){.player-actions{gap:4px}.player-actions button{width:35px}.now-playing{gap:8px}.live-pill{padding:5px;font-size:9px}} 

.load-progress{display:flex;align-items:center;gap:11px;margin-top:18px;color:#c2d7f5;font-size:13px}.spinner{height:18px;width:18px;border:2px solid #385175;border-top-color:#6cafff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reset-area{border-top:1px solid #35455a;margin-top:24px;padding-top:20px;display:flex;align-items:start;flex-direction:column;gap:10px}.reset-area span{font-size:12px;line-height:1.6;color:#91a7c4}.danger{background:#3b2029;border:1px solid #9d5361;color:#ffcad1;padding:10px 13px;border-radius:8px;font-weight:700}.danger:hover{background:#532b37}