/* Ultra-dense colorful light rays background texture */

/* Dark theme - ultra dense colorful light rays */
[data-md-color-scheme="slate"] .md-main {
  background-image: 
    /* Large light beams with vibrant colors */
    radial-gradient(ellipse 800px 3px at 12% 15%, transparent 0%, rgba(255,255,255,0.045) 20%, rgba(0,191,255,0.08) 40%, transparent 70%),
    radial-gradient(ellipse 4px 600px at 88% 25%, transparent 0%, rgba(255,255,255,0.042) 25%, rgba(255,20,147,0.075) 50%, transparent 75%),
    radial-gradient(ellipse 500px 2px at 35% 75%, transparent 0%, rgba(255,255,255,0.044) 15%, rgba(50,205,50,0.07) 35%, transparent 65%),
    radial-gradient(ellipse 3px 700px at 65% 45%, transparent 0%, rgba(255,255,255,0.04) 30%, rgba(255,69,0,0.072) 55%, transparent 80%),
    radial-gradient(ellipse 600px 1.5px at 80% 85%, transparent 0%, rgba(255,255,255,0.038) 18%, rgba(186,85,211,0.068) 40%, transparent 65%),
    radial-gradient(ellipse 700px 2.5px at 5% 55%, transparent 0%, rgba(255,255,255,0.039) 22%, rgba(255,215,0,0.065) 45%, transparent 70%),
    radial-gradient(ellipse 2px 800px at 95% 35%, transparent 0%, rgba(255,255,255,0.036) 28%, rgba(0,255,255,0.066) 50%, transparent 75%),
    radial-gradient(ellipse 450px 1px at 50% 95%, transparent 0%, rgba(255,255,255,0.035) 20%, rgba(138,43,226,0.062) 42%, transparent 68%),
    radial-gradient(ellipse 650px 1.8px at 20% 8%, transparent 0%, rgba(255,255,255,0.036) 25%, rgba(255,105,180,0.06) 48%, transparent 72%),
    radial-gradient(ellipse 1.2px 550px at 78% 92%, transparent 0%, rgba(255,255,255,0.034) 32%, rgba(30,144,255,0.059) 60%, transparent 85%),
    
    /* Medium dense rays with vibrant colors */
    radial-gradient(ellipse 300px 2px at 25% 40%, transparent 15%, rgba(255,255,255,0.034) 35%, rgba(255,0,255,0.056) 60%, transparent 80%),
    radial-gradient(ellipse 2.5px 350px at 75% 60%, transparent 10%, rgba(255,255,255,0.032) 40%, rgba(0,255,127,0.054) 65%, transparent 85%),
    radial-gradient(ellipse 250px 1px at 45% 20%, transparent 20%, rgba(255,255,255,0.032) 45%, rgba(255,165,0,0.052) 70%, transparent 85%),
    radial-gradient(ellipse 1.5px 280px at 90% 70%, transparent 25%, rgba(255,255,255,0.031) 50%, rgba(75,0,130,0.05) 75%, transparent 90%),
    radial-gradient(ellipse 320px 1.5px at 15% 80%, transparent 15%, rgba(255,255,255,0.033) 40%, rgba(220,20,60,0.054) 65%, transparent 85%),
    radial-gradient(ellipse 2px 300px at 85% 15%, transparent 20%, rgba(255,255,255,0.032) 45%, rgba(0,206,209,0.052) 70%, transparent 88%),
    radial-gradient(ellipse 200px 0.8px at 60% 50%, transparent 25%, rgba(255,255,255,0.03) 50%, rgba(255,140,0,0.05) 75%, transparent 90%),
    radial-gradient(ellipse 1px 220px at 30% 90%, transparent 30%, rgba(255,255,255,0.03) 55%, rgba(123,104,238,0.048) 80%, transparent 92%),
    radial-gradient(ellipse 280px 1.2px at 68% 28%, transparent 18%, rgba(255,255,255,0.029) 42%, rgba(255,192,203,0.052) 68%, transparent 88%),
    radial-gradient(ellipse 1.8px 260px at 32% 72%, transparent 22%, rgba(255,255,255,0.029) 48%, rgba(152,251,152,0.05) 74%, transparent 90%),
    
    /* Fine dense particles with visible colors */
    radial-gradient(ellipse 150px 1px at 15% 55%, transparent 35%, rgba(255,255,255,0.029) 60%, rgba(255,20,147,0.048) 80%, transparent 90%),
    radial-gradient(ellipse 1px 120px at 55% 30%, transparent 30%, rgba(255,255,255,0.028) 65%, rgba(50,205,50,0.046) 85%, transparent 95%),
    radial-gradient(ellipse 100px 0.5px at 70% 80%, transparent 40%, rgba(255,255,255,0.028) 70%, rgba(255,69,0,0.046) 88%, transparent 95%),
    radial-gradient(ellipse 0.8px 140px at 85% 65%, transparent 35%, rgba(255,255,255,0.027) 65%, rgba(138,43,226,0.044) 85%, transparent 92%),
    radial-gradient(ellipse 120px 0.7px at 40% 35%, transparent 45%, rgba(255,255,255,0.027) 75%, rgba(0,255,255,0.044) 90%, transparent 95%),
    radial-gradient(ellipse 0.5px 100px at 20% 25%, transparent 40%, rgba(255,255,255,0.026) 70%, rgba(255,215,0,0.044) 88%, transparent 93%),
    radial-gradient(ellipse 80px 0.6px at 58% 48%, transparent 42%, rgba(255,255,255,0.025) 72%, rgba(186,85,211,0.044) 88%, transparent 94%),
    radial-gradient(ellipse 0.6px 90px at 42% 58%, transparent 38%, rgba(255,255,255,0.025) 68%, rgba(30,144,255,0.042) 86%, transparent 92%),
    
    /* Extra fine details */
    radial-gradient(ellipse 60px 0.4px at 25% 65%, transparent 45%, rgba(255,255,255,0.007) 75%, transparent 90%),
    radial-gradient(ellipse 0.4px 70px at 75% 35%, transparent 40%, rgba(255,255,255,0.006) 70%, transparent 88%),
    radial-gradient(ellipse 50px 0.3px at 88% 18%, transparent 50%, rgba(255,255,255,0.005) 80%, transparent 92%),
    radial-gradient(ellipse 0.3px 55px at 12% 82%, transparent 48%, rgba(255,255,255,0.004) 78%, transparent 90%),
    
    /* Ambient colored glows - vibrant but subtle */
    radial-gradient(ellipse 90px 90px at 20% 65%, rgba(0,191,255,0.056) 5%, transparent 45%),
    radial-gradient(ellipse 70px 70px at 85% 35%, rgba(255,20,147,0.054) 8%, transparent 50%),
    radial-gradient(ellipse 50px 50px at 40% 90%, rgba(50,205,50,0.052) 10%, transparent 55%),
    radial-gradient(ellipse 60px 60px at 75% 10%, rgba(255,69,0,0.05) 12%, transparent 60%),
    radial-gradient(ellipse 45px 45px at 10% 40%, rgba(186,85,211,0.048) 15%, transparent 65%),
    radial-gradient(ellipse 55px 55px at 90% 85%, rgba(255,215,0,0.046) 18%, transparent 68%);
  background-size: 
    100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh,
    100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh,
    100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh,
    100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh,
    100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Light theme - ultra dense colorful light rays */
[data-md-color-scheme="default"] .md-main {
  background-image: 
    radial-gradient(ellipse 800px 3px at 12% 15%, transparent 0%, rgba(0,0,0,0.032) 20%, rgba(0,100,200,0.056) 40%, transparent 70%),
    radial-gradient(ellipse 4px 600px at 88% 25%, transparent 0%, rgba(0,0,0,0.031) 25%, rgba(200,20,100,0.054) 50%, transparent 75%),
    radial-gradient(ellipse 500px 2px at 35% 75%, transparent 0%, rgba(0,0,0,0.032) 15%, rgba(30,120,30,0.052) 35%, transparent 65%),
    radial-gradient(ellipse 3px 700px at 65% 45%, transparent 0%, rgba(0,0,0,0.03) 30%, rgba(200,50,0,0.05) 55%, transparent 80%),
    radial-gradient(ellipse 600px 1.5px at 80% 85%, transparent 0%, rgba(0,0,0,0.029) 18%, rgba(120,0,150,0.048) 40%, transparent 65%),
    radial-gradient(ellipse 700px 2.5px at 5% 55%, transparent 0%, rgba(0,0,0,0.03) 22%, rgba(200,150,0,0.046) 45%, transparent 70%),
    radial-gradient(ellipse 2px 800px at 95% 35%, transparent 0%, rgba(0,0,0,0.028) 28%, rgba(0,150,150,0.048) 50%, transparent 75%),
    radial-gradient(ellipse 450px 1px at 50% 95%, transparent 0%, rgba(0,0,0,0.027) 20%, rgba(100,30,180,0.046) 42%, transparent 68%),
    radial-gradient(ellipse 650px 1.8px at 20% 8%, transparent 0%, rgba(0,0,0,0.032) 25%, rgba(255,20,147,0.042) 48%, transparent 72%),
    radial-gradient(ellipse 1.2px 550px at 78% 92%, transparent 0%, rgba(0,0,0,0.031) 32%, rgba(30,144,255,0.042) 60%, transparent 85%),
    
    radial-gradient(ellipse 300px 2px at 25% 40%, transparent 15%, rgba(0,0,0,0.031) 35%, rgba(255,105,180,0.042) 60%, transparent 80%),
    radial-gradient(ellipse 2.5px 350px at 75% 60%, transparent 10%, rgba(0,0,0,0.03) 40%, rgba(50,205,50,0.042) 65%, transparent 85%),
    radial-gradient(ellipse 250px 1px at 45% 20%, transparent 20%, rgba(0,0,0,0.029) 45%, rgba(255,165,0,0.041) 70%, transparent 85%),
    radial-gradient(ellipse 1.5px 280px at 90% 70%, transparent 25%, rgba(0,0,0,0.029) 50%, rgba(138,43,226,0.041) 75%, transparent 90%),
    radial-gradient(ellipse 320px 1.5px at 15% 80%, transparent 15%, rgba(0,0,0,0.03) 40%, rgba(255,20,147,0.041) 65%, transparent 85%),
    radial-gradient(ellipse 2px 300px at 85% 15%, transparent 20%, rgba(0,0,0,0.029) 45%, rgba(0,255,255,0.041) 70%, transparent 88%),
    radial-gradient(ellipse 200px 0.8px at 60% 50%, transparent 25%, rgba(0,0,0,0.028) 50%, rgba(255,140,0,0.041) 75%, transparent 90%),
    radial-gradient(ellipse 1px 220px at 30% 90%, transparent 30%, rgba(0,0,0,0.028) 55%, rgba(147,112,219,0.041) 80%, transparent 92%),
    radial-gradient(ellipse 280px 1.2px at 68% 28%, transparent 18%, rgba(0,0,0,0.027) 42%, rgba(255,192,203,0.041) 68%, transparent 88%),
    radial-gradient(ellipse 1.8px 260px at 32% 72%, transparent 22%, rgba(0,0,0,0.027) 48%, rgba(152,251,152,0.041) 74%, transparent 90%),
    
    radial-gradient(ellipse 150px 1px at 15% 55%, transparent 35%, rgba(0,0,0,0.007) 60%, transparent 90%),
    radial-gradient(ellipse 1px 120px at 55% 30%, transparent 30%, rgba(0,0,0,0.006) 65%, transparent 95%),
    radial-gradient(ellipse 100px 0.5px at 70% 80%, transparent 40%, rgba(0,0,0,0.006) 70%, transparent 95%),
    radial-gradient(ellipse 0.8px 140px at 85% 65%, transparent 35%, rgba(0,0,0,0.005) 65%, transparent 92%),
    radial-gradient(ellipse 120px 0.7px at 40% 35%, transparent 45%, rgba(0,0,0,0.005) 75%, transparent 95%),
    radial-gradient(ellipse 0.5px 100px at 20% 25%, transparent 40%, rgba(0,0,0,0.004) 70%, transparent 93%),
    radial-gradient(ellipse 80px 0.6px at 58% 48%, transparent 42%, rgba(0,0,0,0.004) 72%, transparent 94%),
    radial-gradient(ellipse 0.6px 90px at 42% 58%, transparent 38%, rgba(0,0,0,0.003) 68%, transparent 92%),
    
    radial-gradient(ellipse 60px 0.4px at 25% 65%, transparent 45%, rgba(0,0,0,0.003) 75%, transparent 90%),
    radial-gradient(ellipse 0.4px 70px at 75% 35%, transparent 40%, rgba(0,0,0,0.003) 70%, transparent 88%),
    radial-gradient(ellipse 50px 0.3px at 88% 18%, transparent 50%, rgba(0,0,0,0.002) 80%, transparent 92%),
    radial-gradient(ellipse 0.3px 55px at 12% 82%, transparent 48%, rgba(0,0,0,0.002) 78%, transparent 90%),
    
    radial-gradient(ellipse 90px 90px at 20% 65%, rgba(0,100,200,0.048) 5%, transparent 45%),
    radial-gradient(ellipse 70px 70px at 85% 35%, rgba(200,20,100,0.047) 8%, transparent 50%),
    radial-gradient(ellipse 50px 50px at 40% 90%, rgba(30,120,30,0.046) 10%, transparent 55%),
    radial-gradient(ellipse 60px 60px at 75% 10%, rgba(200,50,0,0.045) 12%, transparent 60%),
    radial-gradient(ellipse 45px 45px at 10% 40%, rgba(120,0,150,0.044) 15%, transparent 65%),
    radial-gradient(ellipse 55px 55px at 90% 85%, rgba(200,150,0,0.043) 18%, transparent 68%);
  background-size: 
    100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh,
    100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh,
    100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh,
    100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh,
    100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh, 100vw 100vh;
  background-repeat: no-repeat;
  background-attachment: fixed;
}