/* The controls stay within reach when a chapter is open, too. */
.home-footer{padding-right:52px}
.ambient-music{position:fixed;right:6%;bottom:max(14px,env(safe-area-inset-bottom));z-index:20;font:11px/1.6 var(--sans);letter-spacing:0}
.music-speaker{display:grid;place-items:center;width:44px;height:44px;padding:12px;border:1px solid transparent;border-radius:50%;color:var(--muted);opacity:.72;transition:opacity .2s,color .2s,border-color .2s}
.music-speaker:hover,.music-speaker:focus-visible,.music-speaker[aria-expanded=true]{opacity:1;border-color:var(--line);color:var(--paper)}
.music-speaker svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.music-speaker .sound-wave{display:none}.ambient-music[data-playing=true] .sound-wave{display:block}.ambient-music[data-playing=true] .sound-off{display:none}
.ambient-music[data-playing=true] .music-speaker{color:var(--olive)}
.ambient-music[data-playing=true][data-muted=true] .music-speaker{color:var(--muted)}
.ambient-music[data-playing=true][data-muted=true] .sound-wave{display:none}.ambient-music[data-playing=true][data-muted=true] .sound-off{display:block}
.music-panel{position:absolute;right:0;bottom:56px;width:min(302px,calc(100vw - 40px));padding:23px;background:rgba(11,16,21,.98);border:1px solid var(--line);box-shadow:0 15px 60px #0006;border-radius:3px;color:var(--muted)}
.music-panel[hidden]{display:none}
.music-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}
.music-eyebrow{font:8px var(--mono);letter-spacing:.16em;color:var(--olive)}
.music-close{font:20px/1 var(--sans);padding:4px 7px;margin:-8px -9px -8px 0;color:var(--muted)}
.music-track{display:block;font:19px/1.35 var(--serif);color:var(--paper);margin:0 0 4px}
.music-composer{font:10px var(--mono);margin:0 0 21px;color:var(--faint)}
.music-controls{display:flex;align-items:center;gap:17px}
.music-play{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:10px;border:1px solid var(--line);border-radius:50%;color:var(--paper)}
.music-play svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.music-play .pause-symbol{display:none}.ambient-music[data-playing=true] .pause-symbol{display:block}.ambient-music[data-playing=true] .play-symbol{display:none}
.music-volume{display:grid;grid-template-columns:1fr auto;gap:6px 10px;flex:1;font-size:10px}
.music-volume output{font:10px var(--mono);color:var(--paper)}
.music-volume input{grid-column:1/-1;margin:0;width:100%;height:24px;accent-color:var(--olive);cursor:pointer}
.music-status{font-size:10px;line-height:1.7;margin:12px 0 0;color:var(--olive)}.music-status:empty{display:none}
.music-credit{font-size:9px;line-height:1.9;color:var(--faint);border-top:1px solid var(--line);margin:19px 0 0;padding-top:13px}
.music-credit a{color:var(--muted);text-underline-offset:3px;text-decoration-color:#aaa99f66}
.reader .ambient-music{right:24px}.reader-footer{padding-right:54px}
@media(max-width:600px){.ambient-music{right:calc(6% - 8px);bottom:max(12px,env(safe-area-inset-bottom))}.music-panel{padding:21px}.home-footer{padding-right:40px}}
@media(prefers-reduced-motion:reduce){.music-speaker{transition:none}}