/* A drawn question and a little sound; the rest of the page keeps its silence. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.echo-panel blockquote{--voice-shadow:0 1px 2px #eee5ce55}

/* Both buttons share precisely the same geometry, independent of typefaces. */
.transport-symbol{display:block;width:37px;height:37px;overflow:visible;fill:none;stroke:none}
.transport-rim{fill:none;stroke:currentColor;stroke-width:.65;opacity:.58}
.symbol-play,.symbol-pause{fill:currentColor;stroke:none}
.symbol-pause{display:none}
[data-listen-toggle][data-state=pause] .symbol-play{display:none}
[data-listen-toggle][data-state=pause] .symbol-pause{display:block}
.music-leaf .music-player>#play-music{display:grid;place-items:center;width:48px;height:48px;min-width:48px;min-height:48px;flex:none;padding:0;border:0;background:none;box-shadow:none;border-radius:50%;color:#e9e5cd}
#play-music .transport-symbol{width:48px;height:48px}
#play-music .transport-rim{stroke-width:.75;opacity:.62}
#play-music:hover .transport-rim{opacity:1;fill:#eee9ce08}
#play-music:focus-visible{outline:1px solid #ece6c6;outline-offset:4px}
.music-leaf .music-player{gap:15px;align-items:center}
.music-wave{isolation:isolate;touch-action:none}
.music-wave .wave{width:100%;overflow:visible}
#wave-needle{stroke:#f4edd3;stroke-width:.8;fill:none;pointer-events:none}
#wave-needle .needle-tip{fill:#eee5c6;stroke:none;transform-box:fill-box;transform-origin:center;transition:opacity .25s;opacity:.65}
.music-wave:hover #wave-needle .needle-tip,.music-wave:focus-within #wave-needle .needle-tip{opacity:1}
#music-seek{appearance:none;-webkit-appearance:none;z-index:2;border:0;padding:0;border-radius:0;touch-action:none}
#music-seek::-webkit-slider-runnable-track{height:100%;border:0;background:transparent}
#music-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1px;height:100%;border:0;background:transparent}
#music-seek::-moz-range-track{height:100%;border:0;background:transparent}
#music-seek::-moz-range-thumb{width:1px;height:100%;border:0;background:transparent}
.music-wave:focus-within{outline:0;box-shadow:0 1px 0 #ece4bf88}
.music-leaf .record-ring{animation:none}

@media(max-height:570px){.music-leaf .music-player>#play-music,#play-music .transport-symbol{width:40px;height:40px;min-width:40px;min-height:40px}.music-leaf .music-player{gap:10px}}
@media(prefers-reduced-motion:reduce){.needle-tip{transition:none}}