/* ASTROMAN Sky Intelligence — Custom Styles */

/* ─── Scrollbar ─── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }

::selection { background: rgba(99, 102, 241, 0.3); color: #e2e8f0; }

/* ─── Mandatory Dark Theme ─── */
html, body {
  background: #050510 !important;
  color: #e2e8f0;
  min-height: 100vh;
}

body {
  background:
    radial-gradient(ellipse at 20% 50%, rgba(88, 28, 135, 0.15) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 20%, rgba(30, 27, 75, 0.2) 0%, transparent 50%),
    radial-gradient(ellipse at 50% 100%, rgba(17, 24, 39, 0.5) 0%, transparent 50%),
    linear-gradient(180deg, #050510 0%, #0a0a1a 30%, #0d1025 60%, #050510 100%) !important;
  background-attachment: fixed !important;
  font-feature-settings: 'liga' 1;
  letter-spacing: 0.01em;
}

/* ─── Star Particle Overlay ─── */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  background-image:
    radial-gradient(1px 1px at 10% 15%, rgba(255,255,255,0.12) 0%, transparent 100%),
    radial-gradient(1px 1px at 25% 35%, rgba(255,255,255,0.08) 0%, transparent 100%),
    radial-gradient(1.5px 1.5px at 40% 70%, rgba(129,140,248,0.15) 0%, transparent 100%),
    radial-gradient(1px 1px at 55% 10%, rgba(255,255,255,0.1) 0%, transparent 100%),
    radial-gradient(1px 1px at 70% 55%, rgba(255,255,255,0.06) 0%, transparent 100%),
    radial-gradient(1.5px 1.5px at 85% 80%, rgba(167,139,250,0.12) 0%, transparent 100%),
    radial-gradient(1px 1px at 95% 25%, rgba(255,255,255,0.08) 0%, transparent 100%),
    radial-gradient(1px 1px at 15% 90%, rgba(255,255,255,0.06) 0%, transparent 100%),
    radial-gradient(1px 1px at 60% 40%, rgba(255,255,255,0.1) 0%, transparent 100%),
    radial-gradient(1px 1px at 35% 85%, rgba(129,140,248,0.08) 0%, transparent 100%);
}

body > * {
  position: relative;
  z-index: 1;
}

/* ─── Glassmorphism — DARK glass only ─── */
.glass {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 20px;
}

.glass-strong {
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
}

.glass-card {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.glass-card:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

/* ─── Text Safety ─── */
* {
  overflow-wrap: break-word;
  word-break: normal;
}