/* UI theme switcher. Audio waveforms retain their dark high-contrast canvas. */
:root[data-theme="light"]{
 color-scheme:light;--bg:#f3f5f8;--panel:#fff;--line:#ced6df;
 --text:#172333;--muted:#526174;--accent:#926100;
}
:root[data-theme="light"] header{background:#fff}
:root[data-theme="light"] .card{box-shadow:0 5px 18px #182d4410}
:root[data-theme="light"] .upload,
:root[data-theme="light"] button:not(.primary):not([aria-pressed="true"]),
:root[data-theme="light"] .download{background:#edf1f5;color:var(--text);border-color:#bbc5d1}
:root[data-theme="light"] button:not(.primary):hover:not(:disabled),
:root[data-theme="light"] .upload:hover,
:root[data-theme="light"] .download:hover{background:#dce5ef}
:root[data-theme="light"] .primary,
:root[data-theme="light"] .ending-pause button[aria-pressed=true]{background:#f6c64b;color:#161b21;border-color:#bc8c18}
:root[data-theme="light"] .primary:hover{background:#ffe095}
:root[data-theme="light"] .wavebox{background:#12171e;border-color:#526176}
:root[data-theme="light"] .wave-empty,
:root[data-theme="light"] #waveEmpty{color:#d5deeb}
:root[data-theme="light"] .dropzone.dragover{background:#fff2cc}
:root[data-theme="light"] .preview-error{background:#fff0ed;color:#8a291f}
:root[data-theme="light"] .export-info{background:#fff;color:#172333;border-color:#bbc5d1;box-shadow:0 14px 45px #27384933}
:root[data-theme="light"] .export-info dt,
:root[data-theme="light"] .export-info p{color:#526174}
:root[data-theme="light"] .language-button[aria-pressed=true]{background:#fff0c2}
:root[data-theme="light"] .optional-track{border-color:#926100;color:#926100}
:root[data-theme="light"] .wave-tools button:hover:not(:disabled){background:#dce5ef}
:root[data-theme="light"] .file-info-icon{background:transparent}
:root[data-theme="light"] footer{color:var(--muted)}
/* Header toggle: alongside languages, usable before login and on mobile. */
#themeToggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:45px;min-height:39px;padding:7px 10px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);white-space:nowrap;font-size:12px;flex-shrink:0}
#themeToggle:hover{background:var(--bg)}
#themeToggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.header-actions{display:flex;align-items:center}
@media(max-width:700px){#themeToggle{padding:7px;min-width:38px}#themeToggle .theme-label{display:none}.header-actions{gap:8px}.language-switcher{gap:3px}.language-button{min-width:35px;padding:4px}.language-button svg{width:26px;height:18px}}
@media(max-width:430px){.radio-logo{max-width:48px;max-height:48px}.brand{gap:7px}.brand small{letter-spacing:0;font-size:9px}.brandmark{width:35px;height:35px;font-size:20px}}