.metronome-page.svelte-uyez90{max-width:560px;color:var(--text);margin:0 auto;padding:clamp(1.25rem,3vw,2.5rem)}.page-heading.svelte-uyez90{margin-bottom:1.6rem}h1.svelte-uyez90{letter-spacing:-.035em;margin:0 0 .3rem;font-size:clamp(26px,1.4rem + .8vw,32px);font-weight:650}.lede.svelte-uyez90{color:var(--text-secondary);margin:0;font-size:14px}.panel.svelte-uyez90{border:1px solid var(--border);background:var(--surface);border-radius:1.1rem;justify-items:center;gap:1.5rem;padding:clamp(1.5rem,5vw,2.5rem) clamp(1rem,4vw,2rem);display:grid}.beats.svelte-uyez90{gap:12px;display:flex}.beats.svelte-uyez90 span:where(.svelte-uyez90){border:1px solid var(--border-strong);border-radius:50%;width:16px;height:16px;transition:background 60ms,transform 60ms}.beats.svelte-uyez90 span.lit:where(.svelte-uyez90){border-color:var(--text);background:var(--text);transform:scale(1.15)}.beats.svelte-uyez90 span.accent.lit:where(.svelte-uyez90){border-color:var(--accent);background:var(--accent)}.readout.svelte-uyez90{justify-items:center;gap:.2rem;display:grid}.bpm.svelte-uyez90{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(72px,18vw,112px);font-weight:650;line-height:1}.unit.svelte-uyez90{color:var(--text-secondary);letter-spacing:.04em;font-size:14px}.tempo-row.svelte-uyez90{align-items:center;gap:.75rem;width:100%;display:flex}.tempo-row.svelte-uyez90 input:where(.svelte-uyez90){min-width:0;accent-color:var(--accent);flex:1}.step-button.svelte-uyez90{border:1px solid var(--border);background:var(--surface-raised);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.step-button.svelte-uyez90:hover:not(:disabled){border-color:var(--border-strong)}.step-button.svelte-uyez90:disabled{opacity:.4;cursor:default}.meter-row.svelte-uyez90{border:1px solid var(--border);border-radius:999px;gap:2px;padding:3px;display:flex}.meter-row.svelte-uyez90 button:where(.svelte-uyez90){min-height:36px;color:var(--text-secondary);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:14px}.meter-row.svelte-uyez90 button.active:where(.svelte-uyez90){background:var(--surface-raised);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.start-button.svelte-uyez90{justify-content:center;align-items:center;gap:.5rem;min-width:180px;min-height:48px;display:inline-flex}.hint.svelte-uyez90,.notice.svelte-uyez90{text-align:center;margin:-.5rem 0 0;font-size:13px}.hint.svelte-uyez90{color:var(--text-secondary)}.notice.svelte-uyez90{color:var(--warning)}@media (hover:none){.hint.svelte-uyez90{display:none}}