.mt-display{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;margin:8px 0 16px;padding:16px}.mt-beats{flex-wrap:wrap;justify-content:center;gap:10px;min-height:34px;margin:4px 0 12px;display:flex}.mt-dot{border:3px solid var(--border-strong);background:0 0;border-radius:50%;width:26px;height:26px;transition:transform 60ms ease-out}.mt-dot.mt-accent{border-color:var(--vermilion);width:32px;height:32px}.mt-dot.mt-medium{border-color:var(--accent);width:29px;height:29px}.mt-dot.mt-on{background:var(--accent);border-color:var(--accent);transform:scale(1.18)}.mt-dot.mt-accent.mt-on{background:var(--vermilion);border-color:var(--vermilion)}.mt-dot.mt-on.mt-sub{background:var(--accent-soft);transform:none}@media (prefers-reduced-motion:reduce){.mt-dot{transition:none}.mt-dot.mt-on{transform:none}}.mt-readout{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:16px;margin:0;display:flex}.mt-bpm{font-size:clamp(2.2rem,10vw,3.2rem);font-weight:700;line-height:1.1}.mt-bpm small{color:var(--muted);font-size:1rem;font-weight:600}.mt-sig{font-size:1.4rem;font-weight:600}.mt-beat{font-variant-numeric:tabular-nums;margin:6px 0 0;font-weight:600}.mt-state{color:var(--muted);margin:4px 0 0}.mt-display .button-row{justify-content:center}.mt-toggle{min-width:9em}.mt-tempo{align-items:flex-start;gap:8px;display:flex}.mt-tempo .btn{min-width:44px;min-height:44px;margin-top:30px;font-size:1.2rem}.mt-bpm-field{flex:1}.mt-range{width:100%;min-height:44px;accent-color:var(--accent)}