.beat-display{gap:1rem;padding:1rem 0;display:flex}.beat-dot{background:var(--surface);border:2px solid var(--accent-muted);border-radius:50%;width:24px;height:24px;transition:transform 80ms ease-out,background 80ms ease-out,border-color 80ms ease-out}.beat-dot.active{background:var(--accent-muted);border-color:var(--accent-muted);transform:scale(1.3)}.beat-dot.active-downbeat{background:var(--accent);border-color:var(--accent);transform:scale(1.5)}.bpm-display{align-items:center;gap:1.5rem;display:flex}.bpm-value{text-align:center;font-variant-numeric:tabular-nums;min-width:4ch;font-size:3.5rem;font-weight:700}.bpm-adjust{border:2px solid var(--accent-muted);background:var(--surface);width:48px;height:48px;color:var(--text);cursor:pointer;touch-action:manipulation;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.bpm-adjust:active{background:var(--accent-muted)}