:root{--bg:#10131a;--panel:#191e29;--panel2:#202737;--text:#f5f7fb;--muted:#aeb8c9;--brand:#8b5cf6;--brand2:#22d3ee;--line:#343d50;--focus:#fde047}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}button,input{font:inherit}button,.file-label{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible,.file-label:focus-within{outline:3px solid var(--focus);outline-offset:3px}button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:12px;padding:.7rem 1rem;font-weight:650}button:hover{border-color:var(--brand2)}button.primary{background:var(--brand);border-color:var(--brand);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);border-bottom:1px solid var(--line);background:#141923;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:850;letter-spacing:-.03em}.logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;color:#10131a;font-weight:950}.header-note{color:var(--muted);font-size:.9rem}main{max-width:1500px;margin:auto;padding:1.25rem clamp(1rem,3vw,2.5rem) 3rem}.intro{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin:1rem 0 1.25rem}h1{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.12;letter-spacing:-.04em;margin:0 0 .5rem}p{margin:.25rem 0;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:1.2rem;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.player-wrap{background:#05070b;aspect-ratio:16/9;position:relative;display:grid;place-items:center}video{width:100%;height:100%;object-fit:contain;background:#05070b}.player-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;pointer-events:none}.play-icon{font-size:3rem;color:var(--brand2);line-height:1.2}.player-empty strong{font-size:1.1rem;margin:.4rem 0}.player-empty span{color:#b8c3d4;max-width:420px}.player-meta{padding:1rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.now-title{font-weight:800;font-size:1.1rem}.status{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.9rem}.dot{width:8px;height:8px;border-radius:50%;background:#64748b}.dot.live{background:#34d399;box-shadow:0 0 0 4px #34d39920}.controls{display:flex;gap:.5rem;flex-wrap:wrap}.import-area{padding:1.1rem;display:grid;gap:1rem}.import-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:center}label{display:block;font-weight:700;margin-bottom:.4rem}input[type=text],input[type=url]{width:100%;min-width:0;background:#0f141e;color:var(--text);border:1px solid var(--line);border-radius:11px;padding:.75rem .85rem}input::placeholder{color:#8793a7}.file-label{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;padding:.7rem 1rem;font-weight:650;background:var(--panel2);margin:0}input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.hint{font-size:.86rem;color:var(--muted)}.sidebar-head{padding:1rem;border-bottom:1px solid var(--line)}.sidebar-head h2{font-size:1.15rem;margin:0 0 .75rem}.search-row{display:grid;grid-template-columns:1fr;gap:.65rem}.tabs{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.75rem}.tabs button{padding:.45rem .7rem;font-size:.9rem}.tabs button[aria-pressed=true]{background:var(--brand);border-color:var(--brand)}.channel-list{max-height:650px;overflow:auto}.channel{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;border-bottom:1px solid #2b3343;cursor:pointer;width:100%;text-align:left;border-radius:0;background:transparent;border-left:3px solid transparent}.channel:hover{background:#222a39}.channel[aria-current=true]{background:#28233c;border-left-color:var(--brand2)}.channel-number{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#293246;font-weight:850;color:#dce6f8}.channel-info{min-width:0;flex:1}.channel-name{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.channel-group{font-size:.82rem;color:var(--muted);display:block}.empty{padding:1.5rem;text-align:center;color:var(--muted)}footer{max-width:1500px;margin:auto;padding:0 clamp(1rem,3vw,2.5rem) 2rem;color:var(--muted);font-size:.85rem}.toast{margin-top:.7rem;color:#fde68a;min-height:1.4em;font-size:.9rem;overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){.layout{grid-template-columns:1fr}.channel-list{max-height:420px}.intro{align-items:start;flex-direction:column}header{position:static}}@media(max-width:520px){.header-note{display:none}.import-grid{grid-template-columns:1fr}.player-meta{align-items:start}.controls{width:100%}.controls button{flex:1}.file-grid{grid-template-columns:1fr}}