/* Simple animated soundbar (CSS-only) */
.soundbar {
  display: inline-flex;
  align-items: flex-end;
  gap: 4px;
  height: 18px;
  margin-left: 12px;
  vertical-align: middle;
}

.soundbar .bar {
  width: 4px;
  height: 6px;
  background: currentColor;
  border-radius: 2px;
  opacity: 0.8;
  transform-origin: bottom;
  animation: soundbar-bounce 700ms ease-in-out infinite;
  animation-play-state: paused; /* start paused */
}

.soundbar.active .bar {
  animation-play-state: running; /* run only when active */
}

.soundbar .bar:nth-child(1) { animation-delay: 0ms; }
.soundbar .bar:nth-child(2) { animation-delay: 120ms; }
.soundbar .bar:nth-child(3) { animation-delay: 240ms; }
.soundbar .bar:nth-child(4) { animation-delay: 360ms; }
.soundbar .bar:nth-child(5) { animation-delay: 480ms; }

@keyframes soundbar-bounce {
  0%, 100% { transform: scaleY(0.35); }
  50% { transform: scaleY(1.0); }
}