style: align UI with mobile productivity template and remove Google/Gemini references

BRAIN.md

@@ -3,39 +3,41 @@
 
 ---
 
-## 🎨 1. Design-Tokens & Gemini-Dark-Theme (Copy & Paste)
+## 🎨 1. Design-Tokens & Template-Aesthetic (Copy & Paste)
 
-### Farbpalette (Strict Hex Values - Google Gemini Material 3 Dark)
+### Farbpalette (Deep Dark Theme & Squircles)
 ```css
-/* Backgrounds (Material 3 Dark Theme) */
---bg-canvas:     #131314;  /* Google Gemini Canvas */
---bg-surface:    #1e1f20;  /* Surface Container (Karten, Dialoge, Panels) */
---bg-elevated:   #282a2c;  /* Elevated Container / Tonal Chips / Hover */
---bg-field:      #131314;  /* Input Field Fill */
+/* Backgrounds (Canvas & Surfaces) */
+--bg-canvas:     #16171a;  /* Deep Charcoal Canvas */
+--bg-surface:    #222428;  /* Card & Capsule Surface */
+--bg-elevated:   #282a2f;  /* Elevated Container / Hover */
+--bg-field:      #1a1b1e;  /* Input Field Fill */
 
 /* Borders & Dividers */
 --border-subtle: rgba(255, 255, 255, 0.08); /* 1px Hairline Kante */
---border-focus:  rgba(168, 199, 250, 0.40); /* Gemini Primary Blue Hairline */
+--border-focus:  rgba(29, 140, 248, 0.50);  /* Electric Blue Hairline */
 
-/* Akzente & Status (Material 3 Soft Pastels - KEINE grellen AI-Farbverläufe) */
---color-primary: #a8c7fa;  /* Google Gemini Primary Blue */
---color-on-pri:  #041e49;  /* Text on Primary Container */
---color-success: #a8dab5;  /* Soft Green (Check / Kept) */
---color-danger:  #f28b82;  /* Soft Coral Red (Discard / Delete) */
---color-warning: #fdd663;  /* Warm Amber */
+/* Akzente & Status */
+--color-primary: #1d8cf8;  /* Electric Blue Primary */
+--color-on-pri:  #ffffff;  /* Text on Primary */
+--color-success: #22c55e;  /* Vivid Green (Kept / Check / Done) */
+--color-danger:  #ef4444;  /* Vibrant Red (Discard / Delete) */
+--color-warning: #f97316;  /* Vivid Orange (High Priority) */
+--color-purple:  #a855f7;  /* Accent Purple */
 
 /* Typografie */
---text-primary:   #e3e3e3;  /* High Emphasis */
---text-secondary: #c4c7c5;  /* Medium Emphasis */
---text-muted:     #8e918f;  /* Low Emphasis / Subtle */
+--text-primary:   #ffffff;  /* High Emphasis */
+--text-secondary: #d1d5db;  /* Medium Emphasis */
+--text-muted:     #9ca3af;  /* Low Emphasis / Subtle */
 ```
 
 ### UI-Regeln & Radien
-* **Keine grellen Farbverläufe:** Niemals Blau-zu-Lila-Gradienten wie billige AI-Templates. Strikte neutrale Anthrazit-Flächen mit sanften Pastell-Akzenten.
-* **Keine grellen Glow-Schatten:** Keine starken farbigen Drop-Shadows oder Neon-Glows. Feine `border: 1px solid rgba(255,255,255,0.08)` Hairlines nutzen.
-* **Buttons / Pills:** `rounded-full` (`border-radius: 9999px`) für Filter, Actions und Navigation.
-* **Karten:** `rounded-2xl` (`16px`) oder `rounded-3xl` (`24px`), Padding `p-5` bis `p-6`, Border `1px solid rgba(255, 255, 255, 0.08)`.
-* **Input-Feld (Instant Capture):** Prompt-Box-Stil wie Google Gemini, Höhe `h-14` (56px) für mobile Daumenbedienung, Autofokus bei Mount.
+* **Keine grellen Farbverläufe:** Niemals Blau-zu-Lila-Gradienten wie billige AI-Templates. Strikte neutrale Anthrazit-Flächen mit satten Einzelfarben (`#1d8cf8`, `#22c55e`, `#f97316`).
+* **Squircles für Icons:** `w-10 h-10` oder `w-9 h-9` mit `rounded-xl` in soliden Farben.
+* **Pill-Buttons:** `rounded-full` (`border-radius: 9999px`) mit reinweißem Text auf `#1d8cf8`.
+* **Karten:** `rounded-2xl` (`16px`) oder `rounded-3xl` (`24px`), `bg-[#222428]`, feine Hairline-Border `1px solid rgba(255, 255, 255, 0.08)`.
+* **Fokus/Active Outline:** `border border-[#22c55e]/70` mit dezentem Glow für aktive Elemente.
+* **Floating Bottom Dock:** Feste Daumenleiste mit zentriertem runden `+` Button in `#1d8cf8`.
 * **Gesten-Physik (Framer Motion):**
   * Swipe-Schwellenwert: `dragConstraints={{ left: -150, right: 150 }}`
   * Spring-Config: `{ type: "spring", stiffness: 350, damping: 25 }`
@@ -117,7 +119,7 @@ mindsift/
 │   │   │   ├── workspace/  # Tiptap Block Editor
 │   │   │   └── lists/      # Realtime Shopping / Todo Lists
 │   │   ├── lib/            # WS Client, API Client, Sound/Haptics
-│   │   └── index.css       # Tailwind v4 & Gemini CSS Variablen
+│   │   └── index.css       # Tailwind v4 & Design-Tokens / CSS Variablen
 ├── .gitea/workflows/       # Gitea Actions CI/CD
 ├── Dockerfile              # Multi-Stage Build (< 35 MB)
 ├── docker-compose.yml