:root {
  --bg-space: #03030f;
  --text-primary: #f0f0f5;
  --text-secondary: #c0c0d0;
  --text-dimmed: #707085;
  --neon-cyan: #00f0ff;
  --neon-cyan-glow: rgba(0, 240, 255, 0.4);
  --neon-blue: #0070ff;
  --neon-blue-glow: rgba(0, 112, 255, 0.4);
  --neon-purple: #bd00ff;
  --neon-purple-glow: rgba(189, 0, 255, 0.4);
  --neon-pink: #ff0055;
  --neon-pink-glow: rgba(255, 0, 85, 0.4);
  --glass-bg: rgba(10, 10, 25, 0.65);
  --glass-border: rgba(255, 255, 255, 0.08);
  --shadow-galactic: 0 8px 32px 0 rgba(0, 0, 0, 0.5);
  --gradient-galactic: linear-gradient(135deg, #03030f 0%, #0c0828 50%, #03030f 100%);
  --gradient-neon: linear-gradient(90deg, var(--neon-cyan) 0%, var(--neon-blue) 50%, var(--neon-purple) 100%);
  --slider-track-bg: rgba(255, 255, 255, 0.03);
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: var(--bg-space);
}
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--neon-cyan);
  box-shadow: 0 0 10px var(--neon-cyan);
}
.galactic-border-glow {
  border: 1px solid var(--neon-cyan);
  box-shadow: 0 0 15px var(--neon-cyan-glow);
}
.galactic-text-glow {
  text-shadow: 0 0 10px var(--neon-cyan-glow);
}
.cyber-panel {
  position: relative;
  overflow: hidden;
}
.cyber-panel::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--gradient-neon);
}