.music-btn{position:fixed;left:16px;bottom:18px;z-index:55;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border:0;border-radius:999px;background:rgba(255,255,255,.96);color:var(--navy);font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px rgba(15,42,95,.22);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,background-color .25s ease,color .25s ease}
.music-btn[hidden]{display:none}
.music-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,42,95,.28)}
.music-btn:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.mu-ic{display:inline-flex;align-items:flex-end;justify-content:center;gap:2px;width:20px;height:18px}
.mu-ic i{display:block;width:3px;height:6px;border-radius:2px;background:currentColor;transform-origin:bottom}
.music-btn.is-on{background:var(--navy);color:#fff}
.music-btn.is-on .mu-ic i{animation:eq 1.1s ease-in-out infinite}
.music-btn.is-on .mu-ic i:nth-child(2){animation-delay:-.35s}
.music-btn.is-on .mu-ic i:nth-child(3){animation-delay:-.7s}
.music-btn.is-on .mu-ic i:nth-child(4){animation-delay:-.2s}
@keyframes eq{0%,100%{height:4px}50%{height:16px}}
@media (max-width:760px){
  .music-btn{left:12px;bottom:84px;min-height:44px;padding:0 14px 0 10px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){.music-btn.is-on .mu-ic i{animation:none;height:12px}}