/* Metronome — beat-flash indicator and BPM readout. */
.met-flash {
  width: 120px;
  height: 120px;
  margin: 8px auto 20px;
  border-radius: 50%;
  border: 4px solid var(--ink);
  background: var(--paper);
  transition: background-color 0.08s ease, transform 0.08s ease;
}
.met-flash.is-beat {
  background: var(--accent);
  transform: scale(1.08);
}
.met-flash.is-accent {
  background: var(--accent-dark);
  transform: scale(1.14);
}

.met-bpm-readout {
  text-align: center;
  font-family: var(--font-mono);
  font-size: 2.2rem;
  font-weight: 600;
  color: var(--accent-dark);
}
.met-bpm-readout span { font-size: 0.9rem; color: var(--ink-soft); font-family: var(--font-body); }

.met-bpm-controls {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
}
.met-bpm-controls input[type="range"] { flex: 1; }
.met-bpm-controls input[type="number"] { width: 80px; }