.music-control[hidden]{display:none}
.music-control{position:fixed;left:max(20px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));z-index:70;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #ecd6df77;border-radius:50%;background:#251a24ee;color:#fff7f4;box-shadow:0 3px 14px #24182026;cursor:pointer;backdrop-filter:blur(12px);transition:background .2s,transform .2s}
.music-control svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.music-control .sound-waves{display:none}
.music-control[data-state=playing] .sound-waves{display:initial}
.music-control[data-state=playing] .sound-off{display:none}
.music-control[data-state=playing]{color:var(--yellow)}
.music-control:focus-visible{outline:3px solid var(--raspberry);outline-offset:4px}
@media(hover:hover){.music-control:hover{background:var(--raspberry);transform:translateY(-2px)}}
.music-control:active{transform:scale(.93)}
@media(max-width:700px){.music-control{left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.music-control{transition:none}}