Update app.js

app.js

@@ -1313,3 +1313,41 @@ function showAuthSuccess(msg){const el=document.getElementById('auth-error');el.
 function showToast(msg,color='var(--accent)'){const t=document.createElement('div');t.className='toast';t.style.borderColor=color;t.style.color=color;t.textContent=msg;document.body.appendChild(t);setTimeout(()=>t.remove(),3000);}
 
 
+
+// ─── APP INIT ─────────────────────────────────────────────────
+window.addEventListener('DOMContentLoaded', async () => {
+  // Auth-Screen anzeigen, App & Banned-Screen verstecken
+  document.getElementById('auth-screen').style.display = 'flex';
+  document.getElementById('app').classList.remove('visible');
+  document.getElementById('banned-screen').style.display = 'none';
+
+  // Loading-Overlay anzeigen
+  const loadEl = document.createElement('div');
+  loadEl.id = 'init-loading';
+  loadEl.style.cssText = 'position:fixed;inset:0;background:var(--bg,#0a0e14);display:flex;align-items:center;justify-content:center;z-index:99999;flex-direction:column;gap:12px;font-family:Orbitron,monospace;';
+  loadEl.innerHTML = '<div style="font-size:1.4rem;color:#00d4ff;letter-spacing:.2em">NoahsChat</div><div style="font-size:.7rem;color:#4a5568;letter-spacing:.15em">VERBINDE...</div>';
+  document.body.appendChild(loadEl);
+
+  // DB laden
+  await apiLoad();
+
+  // Owner-Account anlegen falls noch nicht vorhanden
+  if (!DB.users[OWNER_NAME.toLowerCase()]) {
+    DB.users[OWNER_NAME.toLowerCase()] = {
+      username: OWNER_NAME,
+      password: encode(OWNER_PASS),
+      color: 0,
+      role: 'owner',
+      joined: Date.now(),
+      settings: { lang: 'de', translate: false, notif: true }
+    };
+    apiSave();
+  }
+
+  // Loading entfernen
+  loadEl.remove();
+
+  // Captchas initialisieren
+  refreshCaptcha('login');
+  refreshCaptcha('reg');
+});