Design ludique arrondi + mobile responsive + fix IPv6

- ToolboxVignette: prop bullets[] remplace description, touch targets agrandis
- Design arrondi: border-radius 16px cards, 20px pills, 12px inputs, no borders
- Hover animations: translateY(-3px) + shadow, active states pour touch
- SectionLayout: toolbox accordion mobile, pills scroll horizontal, responsive title/subtitle
- app.vue: MoodSwitcher dans drawer mobile, header responsive, nav touch-friendly
- Dashboard: grille 2-colonnes mobile, connect banner column layout, formula code scroll
- Documents/decisions/mandates/protocols: cards responsive (padding, font-size, gap)
- Login: touch targets 3rem min, iOS zoom prevention, responsive sizing
- Modals: padding responsive sm:p-6
- Protocols: table compact mobile, proto items responsive
- nuxt.config: host 0.0.0.0 pour fix IPv4/IPv6 binding

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

frontend/app/app.config.ts

@@ -0,0 +1,33 @@
+export default defineAppConfig({
+  ui: {
+    button: {
+      variants: {
+        variant: {
+          solid: 'border-0',
+          outline: 'border-0',
+          soft: 'border-0',
+          subtle: 'border-0',
+          ghost: 'border-0',
+          link: 'border-0',
+        },
+      },
+    },
+    badge: {
+      variants: {
+        variant: {
+          solid: 'border-0',
+          outline: 'border-0',
+          soft: 'border-0',
+          subtle: 'border-0',
+        },
+      },
+    },
+    input: {
+      variants: {
+        variant: {
+          outline: 'border-0 ring-1 ring-[var(--mood-input-border)] focus:ring-[var(--mood-input-focus)]',
+        },
+      },
+    },
+  },
+})