/* ─── Music Toggle Button ───────────────────────────────────── */
.music-toggle {
  position: fixed;
  bottom: var(--space-4);
  right: var(--space-4);
  z-index: 100;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--black);
  color: var(--champagne);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-lg);
  transition: transform var(--transition-fast), background var(--transition-fast);
  border: 2px solid var(--champagne-dark);
}

.music-toggle:hover {
  transform: scale(1.1);
  background: var(--black-light);
}

/* Sound wave bars (visible when playing) */
.music-toggle__bars {
  display: none;
  align-items: flex-end;
  gap: 3px;
  height: 18px;
}

.music-toggle__bars span {
  display: block;
  width: 3px;
  background: var(--champagne);
  border-radius: 2px;
  animation: soundBar 0.8s ease-in-out infinite alternate;
}

.music-toggle__bars span:nth-child(1) { height: 6px; animation-delay: 0s; }
.music-toggle__bars span:nth-child(2) { height: 12px; animation-delay: 0.15s; }
.music-toggle__bars span:nth-child(3) { height: 8px; animation-delay: 0.3s; }
.music-toggle__bars span:nth-child(4) { height: 14px; animation-delay: 0.45s; }

/* Playing state */
.music-toggle.is-playing .music-toggle__bars {
  display: flex;
}

.music-toggle.is-playing .music-toggle__icon {
  display: none;
}

@keyframes soundBar {
  0%   { height: 4px; }
  100% { height: 18px; }
}