.space-audio{--audio-ink:#d8e4df;--audio-accent:#d9f56c;position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:45;color:var(--audio-ink);font-family:var(--body,system-ui,sans-serif);isolation:isolate}.space-audio-bar{display:flex;align-items:stretch;min-height:39px;border:1px solid #96b9a749;border-radius:4px;background:#08151dee;box-shadow:0 4px 30px #0004;backdrop-filter:blur(18px)}.space-audio button{border:0;background:none;color:inherit;cursor:pointer}.space-audio-toggle{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 13px;min-width:115px;font:500 10px/1.5 var(--body,system-ui,sans-serif);letter-spacing:.025em;border-radius:4px 0 0 4px}.space-audio-toggle:hover{background:#d9f56c0d}.space-audio button:focus-visible{outline:2px solid var(--audio-accent);outline-offset:3px}.space-audio-expand{display:flex;align-items:center;justify-content:center;width:32px;min-height:39px;border-left:1px solid #96b9a729!important;border-radius:0 4px 4px 0;font-size:17px}.space-audio-expand>span{display:block;transform:translateY(3px);transition:transform .2s}.space-audio-expand[aria-expanded="true"]>span{transform:rotate(180deg) translateY(-1px)}.space-audio-wave{width:16px;height:14px;display:flex;align-items:center;gap:2px;flex:none;opacity:.6}.space-audio-wave>i{display:block;width:2px;height:3px;background:#b2c6b9;border-radius:2px;transform-origin:center}.space-audio-wave>i:nth-child(2){height:9px}.space-audio-wave>i:nth-child(3){height:13px}.space-audio-wave>i:nth-child(4){height:6px}.space-audio[data-audio-state="playing"] .space-audio-wave{opacity:1}.space-audio[data-audio-state="playing"] .space-audio-wave>i{background:var(--audio-accent);animation:audio-wave 1.2s ease-in-out infinite alternate}.space-audio[data-audio-state="playing"] .space-audio-wave>i:nth-child(2){animation-delay:-.6s}.space-audio[data-audio-state="playing"] .space-audio-wave>i:nth-child(3){animation-delay:-.3s}.space-audio[data-audio-state="playing"] .space-audio-wave>i:nth-child(4){animation-delay:-.85s}.space-audio[data-audio-state="muted"] .space-audio-wave>i{height:2px!important;background:#768982}.space-audio[data-audio-state="error"] .space-audio-wave>i{background:#eea58e}.space-audio-panel{position:absolute;right:0;bottom:calc(100% + 10px);width:248px;max-width:calc(100vw - 32px);padding:20px 20px 16px;border:1px solid #96b9a742;border-radius:4px;background:#0b1821f5;box-shadow:0 10px 40px #0006;backdrop-filter:blur(24px);text-align:left}.space-audio-panel[hidden]{display:none}.space-audio-eyebrow{display:block;font:6px/1.8 var(--mono,monospace);letter-spacing:.15em;color:#879e98}.space-audio-panel>strong{display:block;font:600 20px/1.25 var(--display,sans-serif);letter-spacing:.03em;color:#effff2;margin-top:7px}.space-audio-track-note{font-size:9px;line-height:1.9;margin-top:7px;color:#8ea79e}.space-audio-volume-label{display:flex;align-items:center;justify-content:space-between;margin-top:19px;font-size:10px;color:#bdcec4}.space-audio-volume-label output{font:9px var(--mono,monospace);color:var(--audio-accent);font-variant-numeric:tabular-nums}#space-audio-volume{width:100%;display:block;margin:7px 0 0;height:24px;accent-color:var(--audio-accent);cursor:pointer;background:transparent}#space-audio-volume:focus-visible{outline:2px solid var(--audio-accent);outline-offset:3px}#space-audio-status{font-size:8px;line-height:1.8;color:#91a59f;margin-top:11px;min-height:29px}.space-audio[data-audio-state="error"] #space-audio-status{color:#eeaa96}.cosmos-dialog>.space-audio-dialog-toggle{position:absolute;top:24px;left:24px;right:auto;bottom:auto;min-height:37px;width:auto;max-width:calc(100% - 145px);display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #c9dfd54d;border-radius:3px;background:#0c1820ab;backdrop-filter:blur(14px);padding:8px 13px;color:#e5f2eb;font:10px/1.5 var(--body,system-ui,sans-serif);letter-spacing:.02em;z-index:5}.cosmos-dialog>.space-audio-dialog-toggle[aria-pressed="true"]{color:#e8ffac}.cosmos-dialog>.space-audio-dialog-toggle:focus-visible{outline:2px solid #d9f56c;outline-offset:4px}@keyframes audio-wave{0%{transform:scaleY(.35)}100%{transform:scaleY(1)}}@media(max-width:600px){.space-audio{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.space-audio-bar{min-height:37px}.space-audio-toggle{min-width:104px;padding:9px 11px;font-size:9px;gap:8px}.space-audio-expand{width:29px;min-height:37px}.space-audio-panel{width:231px;padding:17px 18px 14px}.cosmos-dialog>.space-audio-dialog-toggle{top:20px;left:20px;font-size:9px;padding:8px 10px;min-height:35px}}@media(prefers-reduced-motion:reduce){.space-audio-wave>i{animation:none!important}.space-audio-expand>span{transition:none}}html[data-motion="off"] .space-audio-wave>i{animation:none!important}

/* Keep the shared player below the solar navigation and clear of the bottom safe area. */
.solar-page .space-audio{z-index:25;transform:translateY(calc(0px - var(--solar-audio-lift,0px)))}
.solar-page .space-audio-bar,.solar-page .space-audio-toggle,.solar-page .space-audio-expand{min-height:44px}
.solar-page .space-audio-expand{width:44px}
.solar-page .space-audio-panel{max-height:var(--solar-audio-panel-height,calc(100dvh - var(--header-h,86px) - 96px - env(safe-area-inset-bottom)));overflow-y:auto;overscroll-behavior:contain}
.solar-page .solar-footer{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
@media(max-width:600px){.solar-page .space-audio-toggle{min-width:104px;font-size:10px}}
/* Wide/landscape consoles sit on the right; leave that corner to their transport controls. */
@media(min-width:901px) and (min-aspect-ratio:1/1),(orientation:landscape) and (max-height:540px){
  .solar-page .space-audio{left:max(18px,env(safe-area-inset-left));right:auto}
  .solar-page .space-audio-panel{left:0;right:auto}
}