.site-music{position:fixed;right:max(3.1vw,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:8;display:flex;align-items:stretch;border:1px solid #ffe6b4aa;border-radius:7px;background:#101b39ed;color:var(--ink);box-shadow:0 3px 0 #09102bc9,0 4px 20px #060c2629;font:400 13px/1 var(--display)}
.site-music[hidden]{display:none}.music-toggle{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 13px;background:none;border:0;border-radius:6px 0 0 6px;color:inherit;font:inherit}.music-toggle:hover,.music-volume summary:hover{background:#ffdc9817}.music-speaker .icon{width:20px;height:20px;color:var(--gold)}
.music-bars{display:flex;align-items:center;justify-content:center;gap:3px;width:16px;height:16px}.music-bars i{display:block;width:3px;height:4px;background:#8f9abe;border-radius:1px}.site-music[data-playing="true"] .music-bars i{background:#41e8be;animation:music-levels 1s ease-in-out infinite alternate}.site-music[data-playing="true"] .music-bars i:nth-child(2){animation-delay:-.6s}.site-music[data-playing="true"] .music-bars i:nth-child(3){animation-delay:-.3s}
.music-volume{position:relative;border-left:1px solid #ffe6b438}.music-volume summary{list-style:none;display:grid;place-items:center;cursor:pointer;min-width:44px;min-height:44px;border-radius:0 6px 6px 0;color:var(--gold)}.music-volume summary::-webkit-details-marker{display:none}.music-volume summary .icon{width:18px;height:18px}.music-volume-panel{position:absolute;bottom:calc(100% + 12px);right:0;width:206px;padding:17px 18px;background:#101b39f5;border:1px solid #ffe6b4aa;border-radius:7px;box-shadow:0 4px 0 #070d2bcc}.music-volume-panel label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:6px;font:400 12px/1.4 var(--display);color:var(--ink)}.music-volume-panel output{color:var(--gold)}.music-volume-panel input{display:block;width:100%;height:30px;margin:0;accent-color:var(--gold);cursor:pointer}
.site-footer{padding-right:230px}body:is([data-page="early"],[data-page="play"]) .journey-shell{padding-bottom:96px}
@keyframes music-levels{0%{height:4px}45%{height:12px}100%{height:6px}}
@media(max-width:680px){.site-music{right:18px;bottom:max(16px,env(safe-area-inset-bottom))}.music-toggle{padding:0 11px;gap:8px;font-size:12px}.site-footer{padding-right:200px;min-height:82px}}
@media(prefers-reduced-motion:reduce){.site-music[data-playing="true"] .music-bars i{animation:none;height:8px}.site-music[data-playing="true"] .music-bars i:nth-child(2){height:13px}}