/* Tonpult — als Datei einbinden (<link rel="stylesheet" href="tonpult.css">),
   weil style-src 'self' auf dem VPS auch ein LEERES <style>-Element blockt. */
.tonpult-knopf{position:fixed;right:12px;bottom:12px;z-index:9000;width:44px;height:44px;
 border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(10,12,20,.72);
 color:#e8ecf5;font-size:20px;line-height:1;cursor:pointer;display:flex;
 align-items:center;justify-content:center;padding:0}
.tonpult-knopf:hover{background:rgba(30,36,54,.9)}
.tonpult{position:fixed;right:12px;bottom:64px;z-index:9000;width:230px;padding:14px 16px;
 border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(10,12,20,.94);
 color:#e8ecf5;font:14px/1.4 system-ui,sans-serif;display:none}
.tonpult.offen{display:block}
.tonpult h3{margin:0 0 10px;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.75}
.tonpult-zeile{display:flex;align-items:center;justify-content:space-between;margin:10px 0}
.tonpult-zeile label{opacity:.85}
.tonpult-wert{font-variant-numeric:tabular-nums;opacity:.6;min-width:3ch;text-align:right}
.tonpult input[type=range]{width:100%;margin:4px 0 0;accent-color:#6cf}
.tonpult input[type=range]:disabled{opacity:.35}
.tonpult-schalter{width:100%;padding:7px;border-radius:8px;cursor:pointer;
 border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:inherit;font:inherit}
.tonpult-schalter[aria-pressed=false]{background:rgba(255,90,90,.18);border-color:rgba(255,90,90,.5)}