/* Audio Controls - Volume and Progress Bar Styling */
.controls {
  display: flex;
  align-items: center;
  gap: 10px;
}

#volumeSlider,
#progressBar {
  accent-color: var(--accent1, #1db954);
  cursor: pointer;
}

#volumeSlider {
  width: 100px;
}

.progress-container {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 4px;
}

#progressBar {
  width: 100%;
}

.time {
  font-size: 12px;
  color: var(--muted, #aaa);
  min-width: 35px;
  text-align: center;
}