/* Cyber/gaming theme override - enhanced */
:root, [data-theme="dark"] {
  --primary: #00ff9f;
  --primary-dim: rgba(0, 255, 159, 0.15);
  --primary-glow: rgba(0, 255, 159, 0.7);
  --secondary: #ff00ff;
  --bg-body: #02040a;
  --bg-card: rgba(0, 20, 10, 0.75);
  --bg-card-light: rgba(0, 30, 15, 0.85);
  --border-color: rgba(0, 255, 159, 0.4);
  --text-primary: #e0ffe8;
  --text-secondary: #7cffb2;
  --shadow: 0 8px 32px rgba(0, 255, 159, 0.2);
  --shadow-glow: 0 0 50px rgba(0, 255, 159, 0.35);
  --gradient-primary: linear-gradient(135deg, #00ff9f 0%, #00e5ff 50%, #ff00ff 100%);
}

body {
  background: radial-gradient(circle at 20% 20%, rgba(0,255,159,0.08), transparent 40%),
              radial-gradient(circle at 80% 80%, rgba(255,0,255,0.08), transparent 40%),
              #02040a;
  text-shadow: 0 0 1px rgba(0, 255, 159, 0.4);
  animation: bgPulse 8s ease-in-out infinite alternate;
}

@keyframes bgPulse {
  0% { background-position: 0% 0%; }
  100% { background-position: 100% 100%; }
}

.main-title {
  text-shadow: 0 0 18px rgba(0, 255, 159, 0.9), 0 0 36px rgba(255, 0, 255, 0.5);
  letter-spacing: 6px;
}

.theme-toggle, .send-btn, #loginBtn {
  box-shadow: 0 0 14px rgba(0, 255, 159, 0.5);
  border: 1px solid rgba(0, 255, 159, 0.6);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.theme-toggle:hover, .send-btn:hover, #loginBtn:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 0 24px rgba(0, 255, 159, 0.8);
}

.chat-input, #username, #password {
  background: rgba(0, 20, 10, 0.85);
  border: 1px solid rgba(0, 255, 159, 0.45);
  color: #e0ffe8;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.chat-input:focus, #username:focus, #password:focus {
  border-color: #00ff9f;
  box-shadow: 0 0 12px rgba(0, 255, 159, 0.5);
  outline: none;
}

.login-box, .chat-container, .model-bar, .input-area {
  background: rgba(0, 15, 8, 0.6);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(0, 255, 159, 0.25);
  border-radius: 14px;
  margin: 10px;
  padding: 12px;
  box-shadow: 0 0 24px rgba(0, 255, 159, 0.12);
}

.message-bubble {
  box-shadow: 0 0 10px rgba(0, 255, 159, 0.2);
  border: 1px solid rgba(0, 255, 159, 0.2);
}

/* scanline effect */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
  background: repeating-linear-gradient(
    to bottom,
    rgba(0, 255, 159, 0.04) 0px,
    rgba(0, 255, 159, 0.04) 1px,
    transparent 2px,
    transparent 4px
  );
  mix-blend-mode: overlay;
}