feat(ui): vierte Farbwelt "Cyberpunk" in hell und dunkel

Neon in der Nacht: fast schwarze Flaechen mit blauem Stich, violettes
Leuchten, Blaustahl statt Neutralgrau und Kanten von 2 px - scharf genug
fuer HUD-Elemente, aber nicht eckig, das ist schon Pixel Art. Schatten
sind hier kein Schatten, sondern ein Schein: farbige Kontur plus weicher
Halo in der Markenfarbe. Schrift ist Chakra Petch, die Feldbeschriftungen
laufen gesperrt.

Der Akzent ist bewusst Violett und nicht Neon-Cyan: auf brand-500 und
brand-600 steht 69 Mal weisse Schrift, und auf Cyan waere die nicht zu
lesen. Cyan sitzt deshalb nur in --color-brand-accent und in den
Statusfarben, wo dunkler Text darauf steht.

Der helle Modus ist der Konzern bei Tageslicht: kuehles Blaugrau, dasselbe
Violett nur dunkler, und aus dem Leuchten wird ein knapper kalter Schatten -
ein Halo auf hellem Grund sieht nach Fehler aus, nicht nach Neon.

Es waren vier Zeilen ausserhalb von index.css: die Whitelist in
userFields.js, die Liste in src/types.ts mit ihrer Beschriftung, die
Whitelist im Inline-Skript und die Schrift im Google-Fonts-Aufruf. Keine
Komponente wurde angefasst.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

docs/05-frontend.md

@@ -138,7 +138,7 @@ Die Darstellung hat **zwei unabhängige Achsen**, beide als Klasse am `<html>`:
 
 | Achse | Klasse | Werte |
 | --- | --- | --- |
-| Farbwelt | `theme-perinco`, `theme-pixel`, `theme-outdoor` | perinco ist der Standard |
+| Farbwelt | `theme-perinco`, `theme-pixel`, `theme-outdoor`, `theme-cyberpunk` | perinco ist der Standard |
 | Modus | `dark` bzw. keine | hell, dunkel, oder der Systemeinstellung folgen |
 
 `src/index.css` tauscht darin nur Variablenwerte: `canvas`, `surface`, `ink-*`,

docs/07-anleitung-benutzer.md

@@ -66,7 +66,7 @@ die Scanner-Einstellungen. Alles andere ist für beide Rollen gleich.
   zusammen - hilfreich auf kleinen Bildschirmen.
 * Rechts oben stehen zwei Schalter. Der rechte wechselt zwischen **hell und
   dunkel**; ein **Doppelklick** darauf folgt wieder der Systemeinstellung.
-* Links daneben steht das **Design**. Es gibt drei zur Wahl, jedes in hell und
+* Links daneben steht das **Design**. Es gibt vier zur Wahl, jedes in hell und
   dunkel:
 
   | Design | Aussehen |
@@ -74,6 +74,7 @@ die Scanner-Einstellungen. Alles andere ist für beide Rollen gleich.
   | **perinco** | Das Design des Hauses: Blattgrün auf neutralem Grau |
   | **Pixel Art** | 8-bit: eckige Kanten, harte Schatten, Pixelschrift in den Überschriften |
   | **Outdoor** | Wanderkarte: Sandpapier, Bergsee-Türkis, weiche Ecken |
+  | **Cyberpunk** | Neon in der Nacht: scharfe Kanten, violettes Leuchten, Blaustahl |
 
   > **Die Wahl gehört dir, nicht dem Rechner.** Sie wird an deinem Benutzerkonto
   > gespeichert. Meldest du dich an einem anderen Rechner an, ist dein Design

docs/08-anleitung-entwickler.md

@@ -222,8 +222,8 @@ Browser-Download.
 * **Kommentare erklären das Warum.** Was der Code tut, steht im Code.
 * **Kein `dark:` und keine Theme-Klasse im Markup.** Nur die Skalen `ink-*`,
   `brand-*`, `canvas`, `surface` benutzen, den Rest macht `index.css`. Das ist
-  nicht Kosmetik: daran hängen drei Farbwelten in je zwei Modi, und eine feste
-  Farbe im Markup bricht fünf davon. Die Rollen der Skalen und die Regeln für ein
+  nicht Kosmetik: daran hängen vier Farbwelten in je zwei Modi, und eine feste
+  Farbe im Markup bricht sieben davon. Die Rollen der Skalen und die Regeln für ein
   neues Theme stehen in [05 Frontend](05-frontend.md#themes-ohne-dark-varianten) -
   wichtigste davon: auf `brand-500`/`brand-600` steht weisse Schrift.
 * **Gemeinsame Klassen** statt kopierter Utility-Ketten: `inputClass`,

docs/09-quellcode.md

@@ -247,7 +247,7 @@ Uhrzeit, dieses Jahr Tag und Monat, sonst mit Jahr.
 | Datei | Hält | Eigenheit |
 | --- | --- | --- |
 | `auth.tsx` | Benutzer, `isAdmin`, `login`, `logout`, `updateUser` | prüft beim Start das gespeicherte Token gegen `/auth/me` |
-| `theme.tsx` | Farbwelt (perinco/Pixel Art/Outdoor) und Modus (hell/dunkel/System) | Beides gehört dem Benutzer und steht in `crm_users`; `localStorage` ist nur der Zwischenspeicher fürs Inline-Skript in `index.html`. Doppelklick auf den Modus-Schalter folgt wieder dem System |
+| `theme.tsx` | Farbwelt (perinco/Pixel Art/Outdoor/Cyberpunk) und Modus (hell/dunkel/System) | Beides gehört dem Benutzer und steht in `crm_users`; `localStorage` ist nur der Zwischenspeicher fürs Inline-Skript in `index.html`. Doppelklick auf den Modus-Schalter folgt wieder dem System |
 | `navigation.tsx` | `currentView`, `goTo(view, { tab, leadId })` | erspart es, Callbacks durch vier Ebenen zu reichen; `leadId` öffnet den Kontakt direkt |
 | `whisper.tsx` | Modellstatus, Worker, Fortschritt, `transcribe` | ein Worker für die ganze App |