:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#111724;color:#e7edf7}*{box-sizing:border-box}body{margin:0}header,main{max-width:1160px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:24px;align-items:center}h1{font-size:1.6rem;margin:0}h2{font-size:1.2rem}p{line-height:1.5}header p,.muted{color:#a8b5cb;font-size:.9rem}#connection{display:flex;align-items:center;gap:12px;white-space:nowrap}.dot{width:12px;height:12px;border-radius:50%;background:#ff526a;box-shadow:0 0 0 5px #ff526a18,0 0 18px #ff526a80}.online .dot{background:#50e4a1;box-shadow:0 0 0 5px #50e4a118,0 0 18px #50e4a180}.panel{background:#1a2333;border:1px solid #2c3a50;border-radius:12px;padding:22px;margin-bottom:18px}.picker,.controls,.url,.streamline{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.streamline{justify-content:space-between;margin-bottom:20px}button,.button{background:#80b9ff;color:#0e213c;border:0;border-radius:6px;padding:10px 16px;cursor:pointer;font:inherit;font-weight:600;display:inline-block}.secondary{background:#2d3d56;color:#e7edf7}button:disabled{opacity:.45;cursor:default}input[type=checkbox]{accent-color:#80b9ff}#notice{margin-bottom:0;color:#c3dafb;white-space:pre-wrap}#notice.error{color:#ffabb8}.url{margin-top:8px}.url input{flex:1;min-width:160px;background:#111724;border:1px solid #40526c;color:#d9eaff;border-radius:6px;padding:12px;font-family:monospace}audio{width:100%;margin-top:16px;height:40px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}th,td{padding:12px 8px;border-bottom:1px solid #2c3a50}th{color:#aebed5}td:nth-child(2){word-break:break-word;min-width:200px}tr.local{color:#8e9cb0}tr.current{background:#173d36;color:#c2ffe7}tr.prepared{background:#22334d}tr.dragover{outline:2px solid #80b9ff}td button{padding:4px 9px;margin:2px}progress{width:100px;height:8px;margin-left:8px}#count{color:#9ab7dd;font-weight:normal}#summary{font-size:.9rem;color:#a8b5cb}#empty{text-align:center;padding:30px;color:#a8b5cb}:focus-visible{outline:3px solid #a6d2ff;outline-offset:3px}@media(max-width:650px){header,main{padding:14px}header{align-items:flex-start}h1{font-size:1.2rem}#connectionText{font-size:.8rem}.panel{padding:14px}}