.site-header .header-tools{display:flex;align-items:center;gap:22px}
.music-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:108px;min-height:44px;padding:8px 0;border:0;background:transparent;color:#fff;font:10px/1.2 Arial,sans-serif;letter-spacing:.08em;white-space:nowrap;transition:color .25s,opacity .2s}
.music-toggle[hidden]{display:none}
.music-toggle:hover{opacity:.7}
.music-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.site-header.on-light .music-toggle,.site-header.on-yellow .music-toggle{color:#111}
.music-bars{display:flex;align-items:center;gap:2px;width:17px;height:17px}
.music-bars i{display:block;width:2px;height:13px;background:currentColor;transform:scaleY(.23);transform-origin:center;animation:music-pulse .85s ease-in-out infinite alternate;animation-play-state:paused}
.music-bars i:nth-child(2){animation-delay:-.55s;height:17px}
.music-bars i:nth-child(3){animation-delay:-.3s;height:11px}
.music-bars i:nth-child(4){animation-delay:-.7s;height:15px}
.music-toggle[data-state="on"] .music-bars i{animation-play-state:running}
.music-toggle[data-state="loading"] .music-bars{opacity:.5}
@keyframes music-pulse{from{transform:scaleY(.23)}to{transform:scaleY(1)}}
.motion-paused .music-bars i{animation:none;transform:scaleY(.4)}
@media(prefers-reduced-motion:reduce){.music-bars i{animation:none;transform:scaleY(.4)}}
@media(max-width:700px){.site-header .header-tools{gap:16px}.music-toggle{min-width:101px;gap:8px;font-size:10px}}