* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; }

:root {
  --bg-app: #0a0f17;
  --bg-panel: #121a26;
  --bg-hover: rgba(255, 255, 255, 0.05);
  --bg-active: rgba(0, 198, 255, 0.15);
  --bg-input: #1c2638;
  --border: rgba(255, 255, 255, 0.08);
  --text-main: #ffffff;
  --text-muted: #8b98a5;
  --primary: #00C6FF;
  --msg-out: linear-gradient(135deg, #0072FF, #00C6FF);
  --msg-in: #1c2638;
}

body {
  height: 100vh; width: 100vw; overflow: hidden;
  background: var(--bg-app); color: var(--text-main);
  /* Легкое свечение на фоне */
  background-image: radial-gradient(circle at 10% 20%, rgba(0, 114, 255, 0.1) 0%, transparent 40%);
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 3px; }

/* ... (Стили экрана входа без изменений, они уже хороши) ... */
.auth-screen { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(10px); z-index: 1000; }
.auth-box { background: var(--bg-panel); padding: 48px; border-radius: 24px; width: 100%; max-width: 420px; border: 1px solid var(--border); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6); text-align: center; }
.auth-box h2 { font-size: 28px; margin-bottom: 8px; }
.auth-box p { color: var(--text-muted); margin-bottom: 32px; }
.auth-box input { width: 100%; background: var(--bg-input); border: 1px solid var(--border); border-radius: 12px; padding: 14px 18px; color: #fff; font-size: 15px; margin-bottom: 16px; outline: none; transition: 0.3s; }
.auth-box input:focus { border-color: var(--primary); box-shadow: 0 0 15px rgba(0, 198, 255, 0.2); }
.auth-box button { width: 100%; background: var(--primary); color: #000; font-weight: 600; border: none; border-radius: 12px; padding: 14px; font-size: 16px; cursor: pointer; transition: 0.3s; }
.auth-box button:hover { opacity: 0.9; transform: translateY(-2px); }