.music-float{position:fixed;inset-inline-start:max(20px,env(safe-area-inset-left,0px));bottom:max(calc(22px + env(safe-area-inset-bottom,0px)),var(--music-bottom,22px));z-index:8;display:flex;align-items:center;justify-content:center;gap:9px;min-width:94px;min-height:46px;padding:10px 14px;border:1px solid var(--gold);border-radius:28px;color:var(--gold);background:var(--paper);box-shadow:0 5px 22px #211b1426;font:11px var(--sans);letter-spacing:.06em;transition:background-color .2s ease}
.music-float:hover{background:var(--wash)}
.music-float:focus-visible,.music-toggle:focus-visible,.music-volume input:focus-visible,.music-credits summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.music-note{width:18px;height:20px;fill:none;stroke:currentColor;stroke-width:1.35}
.music-bars{display:none;align-items:center;justify-content:center;gap:3px;width:18px;height:20px}
.music-bars i{display:block;width:2px;height:12px;background:currentColor;border-radius:2px}
[data-music-state=playing] .music-note{display:none}
[data-music-state=playing] .music-bars{display:flex}
.menu-music{margin-top:23px;padding-block:19px;border-block:1px solid var(--line)}
.music-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.music-heading>div{min-width:0}
.music-heading p{margin:0 0 6px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.music-heading h3{margin:0;font:23px/1.2 var(--serif);font-weight:400}
.music-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-width:88px;min-height:44px;padding:10px 13px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:12px var(--sans)}
.music-options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:14px}
.music-volume{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}
.music-volume input{width:118px;min-height:32px;margin:0;accent-color:var(--gold);cursor:pointer}
.music-status{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
.music-credits{margin-top:12px;font-size:10px;color:var(--muted);line-height:1.7}
.music-credits summary{width:fit-content;min-height:32px;display:list-item;align-content:center;cursor:pointer;color:var(--gold)}
.music-credits p{margin:6px 0}
.music-credits a{text-decoration:underline;text-underline-offset:3px}
.intro-pending .music-float,body.modal-open .music-float{visibility:hidden;pointer-events:none}
html[dir=rtl] .music-float{inset-inline-start:max(20px,env(safe-area-inset-right,0px));letter-spacing:0}
@media(max-width:680px){.music-float{inset-inline-start:max(16px,env(safe-area-inset-left,0px));min-height:44px;min-width:88px;padding:10px 12px}html[dir=rtl] .music-float{inset-inline-start:max(16px,env(safe-area-inset-right,0px))}.music-heading h3{font-size:21px}}
@media(prefers-reduced-motion:no-preference){[data-music-state=playing] .music-bars i{animation:music-pulse 1s ease-in-out infinite alternate}.music-bars i:nth-child(2){animation-delay:-.6s}.music-bars i:nth-child(3){animation-delay:-.3s}@keyframes music-pulse{from{transform:scaleY(.35)}to{transform:scaleY(1)}}}
@media(prefers-reduced-motion:reduce){.music-float{transition:none}.music-bars i{animation:none}}