/* Andova Space Ambient Sound control — quiet, accessible, and theme-aware. */
.ambient-sound-toggle { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 10px; border: 1px solid var(--line); border-radius: 999px; background: color-mix(in srgb, var(--panel-solid) 60%, transparent); color: var(--muted-2); font: 500 8px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; transition: color .25s ease, border-color .25s ease, background .25s ease, transform .2s ease; }
.ambient-sound-toggle::before { content: '◌'; color: var(--accent-3); font-size: 12px; }
.ambient-sound-toggle:hover, .ambient-sound-toggle:focus-visible { border-color: color-mix(in srgb, var(--accent) 50%, var(--line)); color: var(--text); background: color-mix(in srgb, var(--accent) 10%, var(--panel-solid)); }
.ambient-sound-toggle:active { transform: scale(.97); }
.ambient-sound-toggle.is-on { border-color: color-mix(in srgb, var(--accent-3) 52%, var(--line)); color: var(--text); }
.ambient-sound-toggle.is-on::before { content: '✦'; color: var(--accent-3); }
.ambient-label { white-space: nowrap; }
@media (max-width: 600px) { .ambient-sound-toggle { min-height: 40px; padding-inline: 12px; } }
@media (prefers-reduced-motion: reduce) { .ambient-sound-toggle { transition: none; } }