.site-music{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(21px,env(safe-area-inset-bottom));z-index:30;isolation:isolate}
.site-music>audio{display:none}
.music-toggle{display:grid;place-items:center;width:46px;height:46px;padding:0;background:#f6f3e8f2;color:#3f5938;border:1px solid #bec9b0;border-radius:50%;box-shadow:0 5px 24px #172c241c;backdrop-filter:blur(14px);transition:background .2s,border-color .2s}
.music-toggle:hover{background:#e8eedb;border-color:#94a77f}.music-toggle:focus-visible{outline:3px solid #ad8052;outline-offset:4px}
.music-playing .music-toggle{background:#263e30f2;color:#fff4dc;border-color:#798b68}
.music-playing .music-toggle:hover{background:#344e38}
.music-symbol{font-family:Georgia,serif;font-size:16px;line-height:1}
body:has(:is(.festival-hero,.celebration-frames)) .music-toggle{background:#14261ed9;color:#f8ecd6;border-color:#e5dfbf59;box-shadow:none}
@media(max-width:760px){
  .site-music{right:max(14px,env(safe-area-inset-right));bottom:max(15px,env(safe-area-inset-bottom))}
  body:has(.nav.open) .site-music{visibility:hidden}
}
@media(prefers-reduced-motion:reduce){.music-toggle{transition:none}}