#topbar > nav { flex-wrap: wrap; min-width: 0; }
header:has(.ta-audio-controls) { height: auto !important; min-height: 56px; }
.ta-audio-controls { flex-shrink: 0; }
@media (max-width: 760px) {
  header:has(.ta-audio-controls) { flex-wrap: wrap; gap: 4px 10px; }
  #topbar > nav { flex: 1 1 auto; justify-content: flex-end; }
  .ta-audio-controls { flex-basis: 100%; justify-content: flex-end; }
}
#topbar .top-volume { display: none; }
:root[data-theme='day'] .ta-audio-controls { --ta-ink: #1a342d; --ta-accent: #245e49; --ta-track: #6c7b73; --ta-focus: #183d30; }