feat(pwa): Offline-Banner in App-Shell, reminders.css lazy geladen

Zeigt automatisch wenn navigator.onLine === false.
Blendet sich aus sobald Verbindung wiederhergestellt.
reminders.css aus globalem <link> entfernt (wird lazy geladen).

public/index.html

@@ -38,8 +38,6 @@
   <link rel="stylesheet" href="/styles/layout.css" />
   <link rel="stylesheet" href="/styles/glass.css" />
   <link rel="stylesheet" href="/styles/login.css" />
-  <link rel="stylesheet" href="/styles/reminders.css" />
-
   <!-- Theme: explizite Nutzer-Overrides vor CSS-Rendering anwenden (Flash-Prevention).
        System-Präferenz wird durch @media (prefers-color-scheme: dark) in tokens.css
        direkt per CSS behandelt — kein JS-matchMedia erforderlich. -->
@@ -62,6 +60,22 @@
   <!-- Skip-Link: sichtbar bei Keyboard-Fokus, verknüpft mit <main id="main-content"> -->
   <a href="#main-content" class="sr-only">Zum Hauptinhalt springen</a>
 
+  <!-- Offline-Banner: sichtbar wenn navigator.onLine === false -->
+  <div id="offline-banner" class="offline-banner" hidden aria-live="polite" role="status">
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
+         fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+         stroke-linejoin="round" aria-hidden="true">
+      <line x1="1" y1="1" x2="23" y2="23"></line>
+      <path d="M16.72 11.06A10.94 10.94 0 0 1 19 12.55"></path>
+      <path d="M5 12.55a10.94 10.94 0 0 1 5.17-2.39"></path>
+      <path d="M10.71 5.05A16 16 0 0 1 22.56 9"></path>
+      <path d="M1.42 9a15.91 15.91 0 0 1 4.7-2.88"></path>
+      <path d="M8.53 16.11a6 6 0 0 1 6.95 0"></path>
+      <line x1="12" y1="20" x2="12.01" y2="20"></line>
+    </svg>
+    <span data-i18n="offline.banner"></span>
+  </div>
+
   <!-- App-Shell - wird durch JavaScript gefüllt -->
   <div id="app" class="app-shell">
     <!-- Skeleton-Loading während Initialisierung -->