.head.svelte-vk7rau{align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px;display:flex}.lead.svelte-vk7rau{color:var(--text-dim);max-width:560px;margin:6px 0 0;font-size:14px}.head-actions.svelte-vk7rau{flex-shrink:0;gap:8px;display:flex}.stop.svelte-vk7rau{border-color:var(--live);color:var(--live)}.stop.svelte-vk7rau:hover{background:var(--live);border-color:var(--live);color:var(--on-live)}section.svelte-vk7rau{margin-top:28px}.row-head.svelte-vk7rau{align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}h2.svelte-vk7rau{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:14px}.vol.svelte-vk7rau{color:var(--text-faint);align-items:center;gap:8px;font-size:12px;display:flex}.vol.svelte-vk7rau input:where(.svelte-vk7rau){accent-color:var(--accent);width:130px}.beats.svelte-vk7rau{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.beat.svelte-vk7rau{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);text-align:left;color:var(--text);flex-direction:column;gap:4px;padding:14px;transition:border-color .11s,background .11s;display:flex}.beat.svelte-vk7rau:hover{border-color:var(--border-bright)}.beat.on.svelte-vk7rau{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.beat.svelte-vk7rau .emoji:where(.svelte-vk7rau){font-size:22px}.beat.svelte-vk7rau .name:where(.svelte-vk7rau){font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:15px;font-weight:700}.about.svelte-vk7rau{color:var(--text-dim);min-height:34px;font-size:12px}.foot.svelte-vk7rau{align-items:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.bpm.svelte-vk7rau{color:var(--text-faint)}.state.svelte-vk7rau{color:var(--accent);margin-left:auto;font-weight:700}kbd.svelte-vk7rau{border:1px solid var(--border-bright);border-radius:var(--radius);color:var(--text-faint);min-width:20px;text-align:center;padding:0 5px;font-family:inherit;font-size:11px;line-height:18px}.steps.svelte-vk7rau{grid-template-columns:repeat(32,1fr);gap:3px;margin-top:12px;display:grid}.steps.svelte-vk7rau span:where(.svelte-vk7rau){background:var(--border);height:6px}.steps.svelte-vk7rau span.beatmark:where(.svelte-vk7rau){background:var(--border-bright)}.steps.svelte-vk7rau span.now:where(.svelte-vk7rau){background:var(--accent)}.pads.svelte-vk7rau{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.pad.svelte-vk7rau{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);aspect-ratio:1;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;transition:transform .08s,border-color .11s,background .11s;display:flex;position:relative}.pad.svelte-vk7rau:hover{border-color:var(--accent)}.pad.svelte-vk7rau:active,.pad.lit.svelte-vk7rau{background:var(--accent);border-color:var(--accent);color:var(--on-accent);transform:scale(.96)}.pad.svelte-vk7rau .emoji:where(.svelte-vk7rau){font-size:30px;line-height:1}.pad.svelte-vk7rau .name:where(.svelte-vk7rau){text-align:center;font-size:13px;font-weight:600}.pad.svelte-vk7rau kbd:where(.svelte-vk7rau){position:absolute;top:6px;right:6px}.keys.svelte-vk7rau{color:var(--text-faint);margin:12px 0 0;font-size:12px}.how.svelte-vk7rau{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--bg-raised);max-width:640px;padding:16px 18px}.how.svelte-vk7rau h2:where(.svelte-vk7rau){margin-bottom:8px}.how.svelte-vk7rau ol:where(.svelte-vk7rau){color:var(--text-dim);margin:0;padding-left:20px;font-size:14px;line-height:1.6}.how.svelte-vk7rau strong:where(.svelte-vk7rau){color:var(--text)}.fine.svelte-vk7rau{color:var(--text-faint);margin:10px 0 0;font-size:12px}html[data-bare] header,html[data-bare] footer,html[data-bare] .skip{display:none}.small.svelte-vk7rau{padding:14px}.small.svelte-vk7rau .lead:where(.svelte-vk7rau){display:none}.small.svelte-vk7rau section:where(.svelte-vk7rau){margin-top:16px}.small.svelte-vk7rau .beats:where(.svelte-vk7rau){grid-template-columns:repeat(2,1fr)}.small.svelte-vk7rau .about:where(.svelte-vk7rau){display:none}.small.svelte-vk7rau .pads:where(.svelte-vk7rau){grid-template-columns:repeat(3,1fr)}@media (width<=640px){.head.svelte-vk7rau{flex-direction:column}.beats.svelte-vk7rau{grid-template-columns:repeat(2,1fr)}.about.svelte-vk7rau{display:none}.pads.svelte-vk7rau{grid-template-columns:repeat(3,1fr)}.row-head.svelte-vk7rau{flex-wrap:wrap}}