/* The sound starts only after the listener asks for it. */
body.has-cosmic-audio{padding-bottom:76px}
.cosmic-audio[hidden],.cosmic-audio [hidden]{display:none!important}
.cosmic-audio{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;min-height:48px;border:1px solid #c6b58b66;border-radius:30px;background:#0b1019f2;color:#e9e3da;box-shadow:0 8px 30px #0005;backdrop-filter:blur(12px)}
.ca-toggle{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 17px 10px 19px;border-radius:28px 0 0 28px;font:11px/1.8 var(--sans);letter-spacing:.045em;white-space:nowrap}
.ca-note,.ca-volume-toggle svg{fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ca-note{color:#d4b8c5}
.ca-playing-dot{width:4px;height:4px;border-radius:50%;background:#b9b3a6;opacity:.5;flex:none}
.cosmic-audio[data-playing="true"] .ca-playing-dot{background:#e4a9c4;opacity:1}
.ca-volume-toggle{display:grid;place-items:center;width:42px;min-height:30px;margin-right:7px;border-left:1px solid #c6b58b33;color:#bdb6aa}
.ca-toggle:hover,.ca-volume-toggle:hover{color:#f1c2d8}
.ca-toggle:focus-visible,.ca-volume-toggle:focus-visible{outline:1px solid #e3bdce;outline-offset:-4px}
.ca-volume-panel{position:absolute;bottom:calc(100% + 12px);right:0;display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:12px;width:238px;max-width:calc(100vw - 36px);padding:19px 20px;border:1px solid #c6b58b66;border-radius:13px;background:#0b1019f5;box-shadow:0 8px 30px #0005}
.ca-track-title{grid-column:1/-1;font:12px/1.8 var(--serif);letter-spacing:.07em;color:#d7bdc9;margin-bottom:3px}
.ca-volume-panel label{font:10px/1.8 var(--sans);color:#bdb6aa}
.ca-volume-panel input{width:100%;min-width:0;margin:0;accent-color:#d4a4bc;cursor:pointer}
.ca-volume-panel input:focus-visible{outline:1px solid #e3bdce;outline-offset:5px}
.ca-status{position:absolute;right:0;bottom:calc(100% + 12px);width:238px;max-width:calc(100vw - 36px);padding:14px 18px;border:1px solid #c6b58b55;border-radius:12px;background:#0b1019f5;font:11px/1.9 var(--sans);color:#d1c9c3}
.ca-nojs{padding:25px var(--gutter);display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px;font:11px/1.9 var(--sans);color:#bdb6aa}
.ca-nojs audio{max-width:100%}
body.menu-open .cosmic-audio{visibility:hidden;pointer-events:none}
.page-home.has-cosmic-audio .birth-credit{bottom:86px}
@media(max-width:760px){body.has-cosmic-audio{padding-bottom:70px}.cosmic-audio{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));min-height:44px}.ca-toggle{min-height:44px;padding:9px 13px 9px 16px;gap:10px;font-size:10px}.ca-volume-toggle{width:36px;margin-right:5px}.ca-volume-panel,.ca-status{max-width:calc(100vw - 28px)}}
@media(prefers-reduced-motion:reduce){.cosmic-audio,.cosmic-audio *{animation:none!important;transition:none!important}}
@media print{.cosmic-audio,.ca-nojs{display:none!important}body.has-cosmic-audio{padding-bottom:0}}
@media(max-width:760px){.page-home.has-cosmic-audio .birth-credit{bottom:78px}}