/* Dark mode - Sharp bright stars without blur */

[data-theme="dark"] .floating-particle {
  /* Brighter stars for dark background */
  background: #ffffff !important;
  opacity: 1 !important;
  animation: twinkle 1.5s ease-in-out infinite !important;
  /* Filter removed for cross-browser consistency */
}

/* White stars - Compact glow */
[data-theme="dark"] .floating-particle:nth-child(4n) {
  background: #ffffff !important;
  width: 2px !important;
  height: 2px !important;
  box-shadow: 
    0 0 2px #ffffff,
    0 0 4px 1px rgba(255,255,255,0.8),
    0 0 8px 2px rgba(255,255,255,0.5),
    0 0 12px 3px rgba(255,255,255,0.3) !important;
  /* No filter for Chrome/Safari consistency */
}

/* Yellow stars - Compact warm glow */
[data-theme="dark"] .floating-particle:nth-child(4n+1) {
  background: #ffffaa !important;
  width: 3px !important;
  height: 3px !important;
  box-shadow: 
    0 0 3px #ffffaa,
    0 0 5px 1px rgba(255,255,170,0.8),
    0 0 9px 2px rgba(255,255,150,0.5),
    0 0 14px 3px rgba(255,255,100,0.3) !important;
  /* No filter for Chrome/Safari consistency */
}

/* Blue-white stars - Compact cool glow */
[data-theme="dark"] .floating-particle:nth-child(4n+2) {
  background: #aaccff !important;
  width: 4px !important;
  height: 4px !important;
  box-shadow: 
    0 0 3px #aaccff,
    0 0 6px 1px rgba(170,204,255,0.8),
    0 0 10px 2px rgba(150,200,255,0.5),
    0 0 15px 3px rgba(120,180,255,0.3) !important;
  /* No filter for Chrome/Safari consistency */
}

/* Pink-white stars - Compact subtle glow */
[data-theme="dark"] .floating-particle:nth-child(4n+3) {
  background: #ffddff !important;
  width: 1px !important;
  height: 1px !important;
  box-shadow: 
    0 0 2px #ffddff,
    0 0 3px 1px rgba(255,200,255,0.8),
    0 0 6px 2px rgba(255,170,255,0.5),
    0 0 10px 3px rgba(255,150,255,0.3) !important;
  /* No filter for Chrome/Safari consistency */
}

/* Apply enhanced twinkle animation to different stars */
[data-theme="dark"] .floating-particle:nth-child(3n) {
  animation-duration: 3s !important;
}

[data-theme="dark"] .floating-particle:nth-child(5n) {
  animation-name: strongTwinkle !important;
  animation-duration: 5s !important;
  box-shadow: 
    0 0 4px rgba(255, 255, 255, 1),
    0 0 8px rgba(255, 255, 255, 0.8) !important;
}

[data-theme="dark"] .floating-particle:nth-child(7n) {
  animation-duration: 3.5s !important;
}

/* Remove blend mode for sharp stars */
[data-theme="dark"] .particles-container {
  mix-blend-mode: normal;
}

/* Dark mode specific star magnitudes - sharper and brighter */
[data-theme="dark"] .star-magnitude-1 {
  /* No filter for pure color */
  box-shadow: 
    0 0 25px #FFD700,
    0 0 50px #FFD700,
    0 0 75px #FFD700,
    0 0 100px #FFD700,
    0 0 125px #FFD700,
    0 0 150px #FFD700 !important;
}

[data-theme="dark"] .star-magnitude-1:nth-child(even) {
  box-shadow: 
    0 0 25px #FFFFFF,
    0 0 50px #FFFFFF,
    0 0 75px #FFFFFF,
    0 0 100px #FFFFFF,
    0 0 125px #FFFFFF,
    0 0 150px #FFFFFF !important;
}

[data-theme="dark"] .star-magnitude-2 {
  /* No filter for pure color */
  box-shadow: 
    0 0 20px #FFA500,
    0 0 40px #FFA500,
    0 0 60px #FFA500,
    0 0 80px #FFA500 !important;
}

[data-theme="dark"] .star-magnitude-3 {
  /* No filter for pure color */
  box-shadow: 
    0 0 15px #FFFFFF,
    0 0 30px #FFFFFF,
    0 0 45px #FFFFFF !important;
}

[data-theme="dark"] .star-magnitude-4 {
  /* No filter for pure color */
  box-shadow: 
    0 0 10px #F0F0FF,
    0 0 20px #F0F0FF !important;
}