PicoCSS v2.1.1 als Basisschicht eingebunden (v=171)

User-Wunsch "schreibe auf pico css um".

⚠ EHRLICH ZUM UMFANG: Pico ist KLASSENLOS -- es stylt semantisches HTML
(button, input, article, nav), nicht die ~60 Trading-Klassen (.card, .tb-field,
.m15-item, .px ...). Ein echtes "Umschreiben" ist damit gar nicht moeglich; was
geht, ist eine SCHICHT: Pico liefert Typografie, Formulare, Buttons und
Fokus-Ringe, style.css steht DANACH und gewinnt bei Konflikten.

LOKAL eingebunden (83 KB), kein CDN: die PWA laeuft ueber WireGuard und muss
offline funktionieren; ein CDN-Link waere zudem CSP-blockiert.

Damit Pico das Dashboard nicht in sein Standard-Blau umfaerbt, sind seine
Variablen auf die BESTEHENDE Palette gemappt (--pico-* -> --bg/--card/--accent
...). Zwei Pico-Defaults bewusst ausgeschaltet:
 - --pico-font-size: 100% -- Picos eigene fluide Schrift wuerde sich mit
   html{font-size:clamp(...)} vom 13.08. MULTIPLIZIEREN.
 - Block-Abstaende auf 0,7rem gezaehmt; die Karten bringen ihre eigenen mit.
Dazu drei Ruecknahmen, wo Picos Container-Regeln mit dem Grid kollidieren.

Verifiziert am laufenden Server: pico.min.css HTTP 200 (83.319 Bytes),
style.css 200, data-theme=dark im ausgelieferten HTML, und die Reihenfolge
stimmt (Pico Zeile 14, style.css Zeile 15).

Nebenbefund: das CDN antwortete sofort -- das Netz ist in Ordnung, nur Gitea
ist weiterhin nicht erreichbar.

Backups: index.html.bak-2026-08-19-pico, style.css.bak-2026-08-19

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

web/style.css

@@ -1,3 +1,51 @@
+/* ══════════════════════════════════════════════════════════════════════
+   PICO CSS ALS BASISSCHICHT (2026-08-19, User-Wunsch „schreibe auf pico css um")
+   ⚠⚠ KEIN Neubau, sondern eine SCHICHT: Pico v2.1.1 liefert Typografie,
+      Formulare, Buttons und Fokus-Ringe fuer semantisches HTML. Die ~60
+      Trading-Klassen (.card, .tb-field, .m15-item, .px …) kann ein KLASSENLOSES
+      Framework gar nicht ersetzen — sie bleiben und stehen NACH Pico, gewinnen
+      also bei Konflikten.
+   ⚠ Lokal eingebunden (84 KB), kein CDN: die PWA laeuft ueber WireGuard und
+      muss offline laufen; ein CDN-Link waere zudem CSP-blockiert.
+   ⚠ Hier werden Picos eigene Variablen auf die BESTEHENDE Palette gemappt —
+      sonst faerbt Pico das Dashboard in sein Standard-Blau um. So bleibt die
+      Terminal-Optik, und Pico liefert nur Struktur.
+   Zurueck: `web/style.css.bak-2026-08-19` + `index.html.bak-2026-08-19-pico`,
+   und den pico-<link> aus der index.html entfernen.
+   ══════════════════════════════════════════════════════════════════════ */
+:root:not([data-theme=light]), [data-theme=dark]{
+  --pico-background-color: var(--bg);
+  --pico-color: var(--bright);
+  --pico-muted-color: var(--dim);
+  --pico-primary: var(--accent);
+  --pico-primary-hover: var(--accent);
+  --pico-primary-focus: #e8a00040;
+  --pico-primary-inverse: #0a0d13;
+  --pico-card-background-color: var(--card);
+  --pico-card-border-color: var(--border);
+  --pico-form-element-background-color: var(--surface-2);
+  --pico-form-element-border-color: var(--border);
+  --pico-form-element-color: var(--bright);
+  --pico-border-radius: var(--r);
+  --pico-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+                      system-ui, sans-serif;
+  /* ⚠ Picos eigene fluide Schrift AUSSCHALTEN: `html{font-size:clamp(...)}`
+     regelt das seit dem 13.08. an EINER Stelle. Zwei fluide Systeme
+     uebereinander multiplizieren sich. */
+  --pico-font-size: 100%;
+  /* Pico setzt grosszuegige Block-Abstaende, die fuer ein Dashboard zu viel
+     sind — die Karten bringen ihre eigenen mit. */
+  --pico-spacing: 0.7rem;
+  --pico-typography-spacing-vertical: 0.7rem;
+  --pico-block-spacing-vertical: 0.7rem;
+  --pico-block-spacing-horizontal: 0.7rem;
+}
+/* Pico gibt <nav>/<section>/<main> eigene Container-Regeln; unser Layout
+   bringt sie selbst mit. Nur das zuruecknehmen, was kollidiert. */
+main, section, nav{ padding-inline: unset; }
+main > *, section > *{ margin-bottom: unset; }
+h2{ margin-block: 0; }
+
 :root{
   /* Flächen (Elevation-Leiter: bg < surface-2 < card) */
   --bg:#0a0d13; --card:#161b22; --surface-2:#0d1117;