/* =========================================================================
   FLOATING AUDIO WIDGET (UVRKC CUSTOM ADDITION)
   ========================================================================= */
.floating-audio-widget {
  position: absolute;
  z-index: 30;
  top: 24px;
  right: 28px;
  gap: 7px;
  background: rgba(3, 9, 6, 0.75);
  border: 1px solid rgba(169, 223, 67, 0.22);
  color: rgba(169, 223, 67, 0.65);
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 11px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  letter-spacing: 0.08em;
}
.floating-audio-widget:hover,
.floating-audio-widget.is-active {
  color: var(--green);
  box-shadow: 0 0 14px rgba(169, 223, 67, 0.3);
}
.audio-bars { display: flex; align-items: flex-end; gap: 2px; height: 12px; }
.audio-bar { width: 2px; height: 4px; background: currentColor; border-radius: 1px; }
.floating-audio-widget.is-active .audio-bar:nth-child(1) { animation: uvrkc-sound 0.6s infinite ease-in-out; }
.floating-audio-widget.is-active .audio-bar:nth-child(2) { animation: uvrkc-sound 0.8s infinite ease-in-out 0.2s; }
@keyframes uvrkc-sound { 0%,100% { height: 3px; } 50% { height: 12px; } }

@media (max-width: 649px) {
  .floating-audio-widget {
    top: 16px;
    right: 16px;
    padding: 5px 10px;
    font-size: 10px;
  }
}