/* Retains the existing compact sound control and its HDF color inheritance. */
#sound-toggle .talbiyah-wave { overflow: visible; flex: 0 0 auto; }
#sound-toggle .talbiyah-wave path { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; }
#sound-toggle [data-audio-bar] { transform-origin: 50% 50%; transform-box: fill-box; }
#sound-toggle .talbiyah-muted { opacity: .72; }
#sound-toggle[data-audio-state="on"] .talbiyah-muted,
#sound-toggle[data-audio-state="loading"] .talbiyah-muted { opacity: 0; }
#sound-toggle[data-audio-state="on"] [data-audio-bar] { animation: talbiyah-wave 1.7s ease-in-out infinite alternate; }
#sound-toggle[data-audio-state="on"] [data-audio-bar]:nth-child(2) { animation-delay: -.55s; }
#sound-toggle[data-audio-state="on"] [data-audio-bar]:nth-child(3) { animation-delay: -.95s; }
#sound-toggle[data-audio-state="on"] [data-audio-bar]:nth-child(4) { animation-delay: -.3s; }
#sound-toggle[data-audio-state="on"] [data-audio-bar]:nth-child(5) { animation-delay: -.8s; }
#sound-toggle[data-audio-state="loading"] .talbiyah-wave { opacity: .6; }
#sound-toggle[data-audio-state="paused"] [data-audio-bar] { opacity: .55; }
.talbiyah-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@keyframes talbiyah-wave { from { transform: scaleY(.5); } to { transform: scaleY(1); } }
@media (prefers-reduced-motion: reduce) { #sound-toggle [data-audio-bar] { animation: none !important; } }