/* Audiopegel erzeugen langsame Übergänge, keine Blitz- oder Stroboskopeffekte. */
#audio-neon-layer{--audio-bass:0;--audio-mid:0;--audio-high:0;--audio-energy:0;position:fixed;inset:0;z-index:4;pointer-events:none;overflow:hidden;contain:strict;opacity:0;transition:opacity .8s ease;background:radial-gradient(ellipse at 5% 85%,rgb(33 229 246 / 7%),transparent 52%),radial-gradient(ellipse at 95% 20%,rgb(212 62 245 / 6%),transparent 48%)}
#audio-neon-layer[data-active="true"]{opacity:calc(.12 + var(--audio-energy)*.5)}
.audio-neon-orbit{position:absolute;width:min(85vw,1100px);aspect-ratio:1;border:1px solid #65e8f2;border-radius:50%;left:-30%;bottom:-65%;opacity:calc(.1 + var(--audio-bass)*.55);box-shadow:0 0 42px #20d6ef40,inset 0 0 35px #20d6ef20;transform:scale(calc(.96 + var(--audio-bass)*.09));transition:transform .2s ease-out,opacity .25s ease-out}
.audio-neon-orbit:nth-child(2){left:auto;right:-28%;bottom:auto;top:-60%;border-color:#b381fa;box-shadow:0 0 48px #b381fa30;transform:scale(calc(.98 + var(--audio-mid)*.07));opacity:calc(.08 + var(--audio-mid)*.45)}
.audio-neon-edge{position:absolute;inset:2px;border:1px solid #ed63c5;border-radius:16px;box-shadow:inset 0 0 30px #d967f52b;opacity:calc(.04 + var(--audio-high)*.38);transition:opacity .3s ease-out}
.audio-neon-controls{margin-top:30px;padding:24px;border:1px solid #4a627b;border-radius:18px;background:#0a1221e8;max-width:680px}
.audio-neon-controls h3{margin:0 0 12px;font-size:1.45rem;color:#c7f7ff}.audio-neon-controls p{margin:10px 0;font-size:.9rem;line-height:1.6}.audio-neon-controls button{font:inherit;min-height:44px;padding:10px 18px;max-width:100%;color:#e1fcff;background:#112333;border:1px solid #63d5ef;border-radius:8px;cursor:pointer}.audio-neon-controls button:focus-visible{outline:3px solid #f58eda;outline-offset:4px}.audio-neon-controls button[aria-pressed="true"]{border-color:#f58eda}.audio-neon-controls button:disabled{opacity:.65;cursor:default}.audio-neon-controls [data-neon-status]{color:#c7f7ff}
@media(max-width:700px){.audio-neon-controls{padding:18px}.audio-neon-orbit{width:130vw;left:-80%;bottom:-30%}.audio-neon-orbit:nth-child(2){right:-85%;top:-25%}}
@media(prefers-reduced-motion:reduce){#audio-neon-layer{display:none}#audio-neon-layer,.audio-neon-orbit,.audio-neon-edge{transition:none}}