/* === Grafiken dunkel (erzeugt 29.10.2026 aus den Regeln in musik-sc.html: helle Flaechen, dunkle Schrift und
   Animationsfarben gespiegelt; Linien und Grundwerte ueber Variablen in den Buehnen) === */
.buehne,.am,.vier,.zyklus,.schritte,.chips-zeile,.wk-balken{--bg:#161616;--card:#1E1E1E;--karte2:#1A1A1A;--soft:#262626;--fg:#F2F2F2;--muted:#A3A3A3;--faint:#7A7A7A;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.15);--accent-soft:rgba(224,36,107,.2);--accent-text:#FF6E9E;color:var(--fg)}
html .chips-zeile span{background:#1E1E1E}
html .buehne{background:linear-gradient(160deg,#1E1E1E,#151515)}
html .np-ava{background:#2E2E2E}
html .np-karte{background:#1E1E1E}
html .np-st.mit{color:#FF6E9E}
html .np-push{background:#1E1E1E}
html .np-push i{background:#2E2E2E}
html .schritte li{background:#1E1E1E}
html .kb-kanaele li{background:#1E1E1E}
html .wk-balken b::before{background:rgba(224,36,107,.2)}
html .zyklus li::before{background:#1E1E1E}
html .zwei .gemietet{background:#1E1E1E}
html .zwei .eigen{background:#1E1E1E}
html .idee .am{--accent-soft:rgba(224,36,107,.2);background:linear-gradient(160deg,#1E1E1E,#151515)}
html .am{background:#1E1E1E}
html .hb-fenster{background:#1E1E1E}
html .hb-leiste{background:#242424}
html .hb-profil{background:#1E1E1E}
html .hb-tabs span{background:#1E1E1E}
html .hb-k{background:#1E1E1E}
@keyframes hb-tab-d{0%,15%{background:var(--m);border-color:var(--m);color:#fff}17%,100%{background:#1E1E1E;border-color:var(--line);color:var(--muted)}}
html .hb-tabs span{animation:hb-tab-d 9s infinite}
@media (prefers-reduced-motion:reduce){html .hb-tabs span{animation:none}}
/* === Ende Grafiken dunkel === */