feat(design): neues Theme Aura (hell Sunshine, dunkel Mond)

Sonne bzw. Mond in der Ecke oben rechts der Leiste, dahinter ziehen
Wolken in zwei Lagen langsam von links nach rechts (reines CSS, nahtlose
Kacheln). Im hellen Modus fallen alle 16-24 s zwei bis drei
Sonnenstrahlen diagonal ueber den Bildschirm. Bernstein bei Tag,
Lavendel und Sterne bei Nacht. Bei prefers-reduced-motion still.

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`, `theme-cyberpunk`, `theme-rainy`, `theme-snow` | perinco ist der Standard |
+| Farbwelt | `theme-perinco`, `theme-pixel`, `theme-outdoor`, `theme-cyberpunk`, `theme-rainy`, `theme-snow`, `theme-aura` | perinco ist der Standard |
 | Modus | `dark` bzw. keine | hell, dunkel, oder der Systemeinstellung folgen |
 
 `src/index.css` tauscht darin nur Variablenwerte: `canvas`, `surface`, `ink-*`,
@@ -212,9 +212,9 @@ Das ist kein Umweg, sondern erledigt zwei Dinge zugleich:
 > nur Licht - über Dunkel leuchtet das Neon, über Weiss bleiben blasse farbige
 > Linien. Wer eine Grafik ergänzt: **keine deckenden Flächen**, nur Motiv.
 
-### Rainy und Snow: Themes mit Wetter
+### Rainy, Snow und Aura: Themes mit Wetter
 
-Rainy und Snow sind die Themes mit Bewegung. Hier zuerst Rainy, Snow folgt unten. Farben und Grafiken funktionieren wie
+Rainy, Snow und Aura sind die Themes mit Bewegung. Hier zuerst Rainy, Snow und Aura folgen unten. Farben und Grafiken funktionieren wie
 bei den anderen; dazu kommt `src/components/RainyWeather.tsx`, das der
 `ThemeProvider` nur bei aktivem Rainy einhängt - auch auf der Anmeldeseite, und
 beim Wechsel auf ein anderes Theme verschwindet es samt Animationsschleife.
@@ -262,6 +262,29 @@ neue Spaltenzahl umgerechnet, nach dem Neuladen ist der Boden frei.
 > gleichzeitig landen also nur etwa 5 je Sekunde. Wer die Wachstumszeit
 > ändert, rechnet mit dieser Zahl.
 
+#### Aura
+
+Ein Theme mit zwei Namen: hell heißt es **Sunshine**, dunkel **Mond**. Beides
+ist `theme-aura`, der Unterschied kommt wie immer aus `.dark`.
+
+| Teil | Umsetzung |
+| --- | --- |
+| **Leiste** | Vier Hintergrundebenen statt zwei: Sonne bzw. Mond (`aura-sun.svg`, `aura-moon.svg`, 130 px in der Ecke oben rechts, halb angeschnitten), Schleier, Sterne (`aura-stars.svg`, nur nachts) und ein Himmelsverlauf. Weil jede Ebene eigene Lage und Größe braucht, stehen die in `--aura-header-position` und `--aura-header-size` |
+| **Ziehende Wolken** | Reines CSS: `.app-header::before` mit zwei nahtlosen 800-px-Kacheln (`aura-clouds-near.svg`, `aura-clouds-far.svg`). `@keyframes aura-clouds` schiebt sie in 150 s um genau 1600 bzw. 800 px - Neustart ohne Ruck, vordere Lage doppelt so schnell. Nachts auf `--aura-cloud-opacity` 0,28 abgedunkelt |
+| **Sonnenstrahlen** | `src/components/AuraWeather.tsx`, nur hell. Alle 16–24 s zwei oder drei `.aura-ray`-Elemente: vom Sonnenmittelpunkt in Richtung Ecke unten links, leicht aufgefächert, per `clip-path` zur Sonne hin verjüngt und weichgezeichnet. Web Animations API: 4 s anschwellen, leicht schwenken, verblassen, danach entfernt |
+
+Zwei Stolperstellen:
+
+1. **Wolken hinter die Schrift.** `::before` mit `z-index: -1` verschwände
+   hinter dem Hintergrund der Leiste. `isolation: isolate` an `.app-header`
+   macht sie zum eigenen Stapelkontext - dann liegen die Wolken über dem
+   Himmel, aber unter Titel und Knöpfen. `overflow: hidden` an der Leiste wäre
+   der naheliegende Weg und ist falsch: sie enthält Aufklappmenüs.
+2. **Sonne und Strahlen gehören zusammen.** `SUN_FROM_RIGHT`/`SUN_FROM_TOP` in
+   `AuraWeather.tsx` sind aus Position und Größe der Sonne in `index.css`
+   gerechnet. Wer die Sonne verschiebt, muss beide mitziehen, sonst kommen die
+   Strahlen aus dem Nichts.
+
 ### Was ein neues Theme können muss
 
 Die Rollen der Skalen sind über die ganze App gleich; ein Theme, das sie