.pidgeon-music-audio {
  display: none;
}

.pidgeon-music-control {
  position: fixed;
  left: clamp(12px, 2vw, 22px);
  bottom: max(12px, calc(env(safe-area-inset-bottom) + 8px));
  z-index: 35;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid rgba(214, 166, 80, 0.42);
  border-radius: 999px;
  background: rgba(8, 56, 41, 0.94);
  color: #fff;
  box-shadow: 0 14px 36px rgba(8, 32, 25, 0.24);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  font: 800 0.78rem/1 Inter, Arial, Helvetica, sans-serif;
  cursor: pointer;
  transition:
    background 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.pidgeon-music-control:hover,
.pidgeon-music-control:focus-visible {
  border-color: rgba(234, 88, 12, 0.82);
  background: rgba(15, 90, 63, 0.97);
  box-shadow: 0 16px 42px rgba(8, 32, 25, 0.3);
  outline: none;
  transform: translateY(-1px);
}

.pidgeon-music-control[data-state="playing"] {
  border-color: rgba(214, 166, 80, 0.82);
}

.pidgeon-music-control[data-state="waiting"] {
  border-color: rgba(234, 88, 12, 0.88);
  background: rgba(86, 42, 16, 0.94);
}

.pidgeon-music-control[data-state="error"] {
  border-color: rgba(255, 255, 255, 0.26);
  background: rgba(60, 60, 60, 0.92);
}

.pidgeon-music-bars {
  display: inline-flex;
  align-items: end;
  gap: 2px;
  width: 18px;
  height: 15px;
}

.pidgeon-music-bars span {
  display: block;
  width: 3px;
  height: 6px;
  border-radius: 999px;
  background: #d6a650;
  opacity: 0.72;
  transform-origin: bottom;
}

.pidgeon-music-bars span:nth-child(2) {
  height: 12px;
}

.pidgeon-music-bars span:nth-child(3) {
  height: 9px;
}

.pidgeon-music-bars span:nth-child(4) {
  height: 13px;
}

.pidgeon-music-control[data-state="playing"] .pidgeon-music-bars span {
  opacity: 1;
  animation: pidgeonMusicPulse 1.05s ease-in-out infinite alternate;
}

.pidgeon-music-control[data-state="playing"] .pidgeon-music-bars span:nth-child(2) {
  animation-delay: 120ms;
}

.pidgeon-music-control[data-state="playing"] .pidgeon-music-bars span:nth-child(3) {
  animation-delay: 240ms;
}

.pidgeon-music-control[data-state="playing"] .pidgeon-music-bars span:nth-child(4) {
  animation-delay: 360ms;
}

.pidgeon-music-control[data-state="loading"] .pidgeon-music-bars,
.pidgeon-music-control[data-state="waiting"] .pidgeon-music-bars {
  opacity: 0.82;
}

.pidgeon-music-label {
  white-space: nowrap;
}

@keyframes pidgeonMusicPulse {
  from {
    transform: scaleY(0.5);
  }

  to {
    transform: scaleY(1.08);
  }
}

@media (max-width: 520px) {
  .pidgeon-music-control {
    left: 8px;
    bottom: max(7px, calc(env(safe-area-inset-bottom) + 5px));
    min-height: 39px;
    padding: 8px 11px;
    font-size: 0.7rem;
    box-shadow: 0 10px 28px rgba(8, 32, 25, 0.22);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pidgeon-music-control,
  .pidgeon-music-bars span {
    animation: none !important;
    transition: none;
  }
}