.tuner { text-align: center; margin: 10px 0 18px; }
.note { font-family: var(--serif); font-size: 4rem; font-weight: 700; line-height: 1; color: var(--primary); }
.freq { color: var(--muted); margin: 6px 0 18px; }
.meter {
  position: relative; height: 70px; border-radius: 12px;
  background: linear-gradient(90deg, #fca5a5, #fde68a, #86efac, #fde68a, #fca5a5);
  overflow: hidden;
}
.needle {
  position: absolute; top: 0; left: 50%; width: 3px; height: 100%;
  background: #16181d; transition: left 0.08s ease-out;
}
.center-line { position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: rgba(0,0,0,0.25); }
.cents { margin-top: 10px; font-weight: 700; min-height: 1.2em; }