:root{--bg:#0f1115;--surface:#181b22;--surface-2:#222631;--text:#e8eaf0;--muted:#8b91a1;--accent:#ff5a36;--accent-2:#ffb020;--beat:#3a4050;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;padding:24px 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:var(--text);background:var(--surface-2);cursor:pointer;border:1px solid #0000;border-radius:10px;transition:background .15s,border-color .15s,transform 50ms}button:hover{border-color:var(--beat)}button:active{transform:scale(.97)}.panel{background:var(--surface);border-radius:20px;padding:20px;box-shadow:0 20px 50px #0006}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-header h2{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.9rem}.lang-switch{color:var(--muted);background:var(--surface-2);border:1px solid #0000;border-radius:10px;padding:6px 12px;font-size:.85rem;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s}.lang-switch:hover{color:var(--text);border-color:var(--beat)}.switch{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:.85rem;display:flex}.switch input{accent-color:var(--accent)}.transport[data-astro-cid-pgm2f76a]{grid-template-columns:1fr;align-items:center;gap:20px;display:grid}@media (width>=820px){.transport[data-astro-cid-pgm2f76a]{grid-template-columns:180px 1fr 300px}.hint[data-astro-cid-pgm2f76a]{grid-column:1/-1}}.actions[data-astro-cid-pgm2f76a]{grid-template-columns:2fr 1fr;gap:8px;display:grid}@media (width>=820px){.actions[data-astro-cid-pgm2f76a]{grid-template-columns:1fr}}.actions[data-astro-cid-pgm2f76a] button[data-astro-cid-pgm2f76a]{padding:14px;font-size:1.1rem;font-weight:600}.volume[data-astro-cid-pgm2f76a]{color:var(--muted);flex-direction:column;grid-column:1/-1;align-items:center;gap:4px;font-size:.75rem;display:flex}.volume-slider[data-astro-cid-pgm2f76a]{width:100%;accent-color:var(--accent)}.play[data-astro-cid-pgm2f76a]{background:var(--accent);color:#111}.play[data-astro-cid-pgm2f76a].playing{background:var(--surface-2);color:var(--text);border-color:var(--accent)}.tempo[data-astro-cid-pgm2f76a]{flex-direction:column;gap:8px;display:flex}.tempo-row[data-astro-cid-pgm2f76a]{justify-content:center;align-items:center;gap:24px;display:flex}.step[data-astro-cid-pgm2f76a]{border-radius:50%;width:44px;height:44px;font-size:1.5rem}.bpm[data-astro-cid-pgm2f76a]{flex-direction:column;align-items:center;min-width:110px;display:flex}.bpm-value[data-astro-cid-pgm2f76a]{font-variant-numeric:tabular-nums;font-size:3.5rem;font-weight:700;line-height:1}.bpm-label[data-astro-cid-pgm2f76a]{letter-spacing:.2em;color:var(--muted);font-size:.75rem}.bpm-slider[data-astro-cid-pgm2f76a]{width:100%;accent-color:var(--accent)}.tempo-name[data-astro-cid-pgm2f76a]{text-align:center;color:var(--muted);margin:0;font-style:italic}.presets[data-astro-cid-pgm2f76a]{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.preset[data-astro-cid-pgm2f76a]{font-variant-numeric:tabular-nums;padding:6px 0;font-size:.85rem;font-weight:600}.preset[data-astro-cid-pgm2f76a][aria-pressed=true]{background:var(--accent);color:#111}.signatures[data-astro-cid-pgm2f76a]{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.sig[data-astro-cid-pgm2f76a]{padding:10px 0;font-weight:600}.sig[data-astro-cid-pgm2f76a][aria-checked=true]{background:var(--accent);color:#111}.hint[data-astro-cid-pgm2f76a]{text-align:center;color:var(--muted);margin:0;font-size:.75rem}.beats[data-astro-cid-hvxiapwp]{flex-wrap:wrap;justify-content:center;gap:8px;min-height:44px;display:flex}.beats[data-astro-cid-hvxiapwp] .beat{width:36px;height:36px;color:var(--muted);background:var(--beat);border-radius:50%;place-items:center;font-size:.8rem;transition:background 60ms,transform 60ms;display:grid}.beats[data-astro-cid-hvxiapwp] .beat.level-2{outline:2px solid var(--accent)}.beats[data-astro-cid-hvxiapwp] .beat.level-1{outline:2px solid var(--accent-2)}.beats[data-astro-cid-hvxiapwp] .beat.active{background:var(--accent-2);color:#111;transform:scale(1.15)}.beats[data-astro-cid-hvxiapwp] .beat.level-2.active{background:var(--accent)}.tools[data-astro-cid-snc3avke]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tools[data-astro-cid-snc3avke] button[data-astro-cid-snc3avke],.tools[data-astro-cid-snc3avke] select[data-astro-cid-snc3avke]{padding:6px 12px;font-size:.85rem}.tools[data-astro-cid-snc3avke] select[data-astro-cid-snc3avke]{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--beat);cursor:pointer;border-radius:10px;font-size:.85rem}.scroll[data-astro-cid-snc3avke]{padding-bottom:4px;overflow-x:auto}.grid[data-astro-cid-snc3avke]{grid-template-columns:120px 32px repeat(var(--steps), minmax(26px, 1fr));align-items:stretch;gap:4px;display:grid}.grid[data-astro-cid-snc3avke] .name{text-align:left;white-space:nowrap;text-overflow:ellipsis;padding:0 10px;font-size:.85rem;overflow:hidden}.grid[data-astro-cid-snc3avke] .mute{color:var(--muted);font-size:.75rem;font-weight:700}.grid[data-astro-cid-snc3avke] .mute[aria-pressed=true]{background:var(--accent-2);color:#111}.grid[data-astro-cid-snc3avke] .cell{background:var(--beat);border-radius:6px;height:34px;padding:0}.grid[data-astro-cid-snc3avke] .cell.odd-beat{background:#2c313d}.grid[data-astro-cid-snc3avke] .cell.group-start{margin-left:6px}.grid[data-astro-cid-snc3avke] .cell[aria-pressed=true]{background:var(--accent)}.grid[data-astro-cid-snc3avke] .cell.current{box-shadow:inset 0 0 0 2px var(--text)}.grid[data-astro-cid-snc3avke] .cell.current[aria-pressed=true]{background:var(--accent-2)}main[data-astro-cid-7aropxhg]{flex-direction:column;gap:16px;width:100%;max-width:1100px;margin:0 auto;display:flex}header[data-astro-cid-7aropxhg]{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}header[data-astro-cid-7aropxhg] .lang-switch[data-astro-cid-7aropxhg]{justify-self:end}h1[data-astro-cid-7aropxhg]{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);grid-column:2;margin:0;font-size:1.4rem}