:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text:#1f2328;--muted:#5d6670;--border:#d6dbe1;--surface:#f6f8fa;--accent:#2b5fd9;--ok:#1f7a3a;--bad:#b42318;color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,sans-serif}body{background:#fff;margin:0}main{max-width:1100px;margin:0 auto;padding:32px 24px 64px}h1{margin:0 0 8px;font-size:28px}h2{margin:40px 0 12px;font-size:18px}.lead{max-width:65ch;color:var(--muted);margin:0 0 16px;line-height:1.5}.checks{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.checks li{background:var(--surface);border-radius:999px;padding:4px 10px;font-size:14px}.checks .ok{color:var(--ok)}.checks .bad{color:var(--bad)}#start-section{margin-top:24px}.row{flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:12px;display:flex}label{color:var(--muted);flex-direction:column;gap:4px;font-size:14px;display:flex}label.checkbox{color:var(--text);flex-direction:row;align-items:center;gap:8px}input,select,button{font:inherit;font-size:16px}input[type=number],select{border:1px solid var(--border);min-width:120px;color:var(--text);background:#fff;border-radius:6px;padding:6px 8px}button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:6px;padding:8px 16px}button:hover:not(:disabled){background:var(--surface)}button:disabled{opacity:.5;cursor:default}button.primary{border-color:var(--accent);background:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:#234fb6}button.recording{border-color:var(--bad);background:var(--bad)}.hint{color:var(--muted);margin:4px 0;font-size:14px}.error{color:var(--bad)}.devices{border-collapse:collapse;width:100%;margin:12px 0;font-size:14px}.devices th,.devices td{border-bottom:1px solid var(--border);text-align:left;padding:6px 8px}.devices td.bad{color:var(--bad)}.live{grid-template-columns:160px 1fr;align-items:start;gap:16px;display:grid}.last-note{background:var(--surface);font-variant-numeric:tabular-nums;border-radius:8px;place-items:center;height:120px;font-size:40px;font-weight:600;display:grid}.log{background:var(--surface);border-radius:8px;height:120px;margin:0;padding:8px 12px;font-family:ui-monospace,Consolas,monospace;font-size:13px;list-style:none;overflow:auto}.beat-display{font-variant-numeric:tabular-nums;align-items:center;gap:24px;min-height:48px;display:flex}.beats{gap:8px;display:flex}.beats span{background:var(--border);border-radius:50%;width:20px;height:20px}.beats span.active{background:var(--accent)}.beats.count-in span.active{background:#e0a100}.stats{font-variant-numeric:tabular-nums;margin:8px 0;font-size:14px}.score{border:1px solid var(--border);border-radius:8px;min-height:80px;padding:8px;overflow-x:auto}pre{background:var(--surface);border-radius:8px;max-height:240px;padding:12px;font-size:12px;overflow:auto}