.progression { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin: 18px 0; }
.chord {
  min-width: 68px; padding: 18px 12px; border-radius: 14px; text-align: center;
  background: var(--primary-soft); border: 2px solid transparent;
  font-family: var(--serif); font-size: 1.4rem; font-weight: 700; color: var(--primary-dark);
  transition: all 0.12s;
}
.chord small { display: block; font-family: "Inter", sans-serif; font-size: 0.7rem; color: var(--muted); font-weight: 600; }
.chord.playing { background: var(--primary); color: #fff; transform: translateY(-4px); }
.chord.playing small { color: rgba(255,255,255,0.8); }