.metronome-embed.svelte-st94m{margin:2rem 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);border:1px solid var(--ink);background:var(--ink);color:var(--page-bg)}.metronome-copy.svelte-st94m,.metronome-control.svelte-st94m{padding:clamp(1.1rem,3vw,1.7rem)}.metronome-copy.svelte-st94m{border-right:1px solid color-mix(in srgb,var(--page-bg) 35%,transparent)}.eyebrow.svelte-st94m{margin:0;font:700 .72rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}h2.svelte-st94m{margin:.45rem 0 0;font-size:clamp(1.25rem,3vw,1.7rem);line-height:1.1}p.svelte-st94m{line-height:1.6}label.svelte-st94m{display:block;margin-top:1rem;font:650 .78rem/1 var(--font-mono)}input.svelte-st94m{width:100%;margin-top:.75rem;accent-color:var(--page-bg)}.metronome-control.svelte-st94m{display:grid;align-content:center;gap:1rem}.beats.svelte-st94m{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.beats.svelte-st94m span:where(.svelte-st94m){display:grid;place-items:center;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--page-bg) 60%,transparent);font:750 .9rem/1 var(--font-mono);transition:background 80ms ease,color 80ms ease,transform 80ms ease}.beats.svelte-st94m span.active:where(.svelte-st94m){background:var(--page-bg);color:var(--ink);transform:translateY(-3px)}button.svelte-st94m,a.svelte-st94m{border:1px solid var(--page-bg);padding:.75rem .9rem;font-weight:750;text-align:center;text-decoration:none}button.svelte-st94m{background:var(--page-bg);color:var(--ink);cursor:pointer}a.svelte-st94m{color:var(--page-bg)}@media(max-width:720px){.metronome-embed.svelte-st94m{grid-template-columns:1fr}.metronome-copy.svelte-st94m{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--page-bg) 35%,transparent)}}