/* ═══════════════════════════════════════════════════════════
   Herta — ses göstergesi (dalga formu)
   Kapalıyken kusursuz düz bir çizgi; açılınca çizgi ortadan
   kabararak dalgaya dönüşür, kapanınca yeniden düzleşir.
   Hareketin tamamı assets/js/sound.js içindeki rAF döngüsünden
   gelir; buradaki iş yalnızca çizgiyi çizmek.
   Chip zemini/ölçüsü: assets/css/ui.css
   ═══════════════════════════════════════════════════════════ */

.wave {
  display: block;
  height: 12px;
  overflow: visible;
  opacity: 0.45;
  transition: opacity 0.45s var(--ease-out);
}
.chip--sound:hover .wave { opacity: 0.75; }
.chip--sound.is-on .wave { opacity: 1; }

.wave__line {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.15;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}