.dark-cosmic-background{background:radial-gradient(at bottom,#090a0f 0%,#000 100%);position:relative;overflow:hidden}:root[class~=light] .dark-cosmic-background{background:radial-gradient(at bottom,#e5e7eb 0%,#fff 100%)}.dark-cosmic-background:before{content:"";opacity:.7;background-color:#0000;background-image:radial-gradient(1px 1px at 15px 15px,#ffffffe6,#0000),radial-gradient(2px 2px at 35px 45px,#fff,#0000),radial-gradient(1px 1px at 55px 25px,#fffc,#0000),radial-gradient(1.5px 1.5px at 125px 80px,#fff,#0000),radial-gradient(2px 2px at 75px 125px,#ffffffe6,#0000),radial-gradient(2.5px 2.5px at 190px 115px,#fff,#0000);background-position:0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat;background-size:200px 200px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box;width:100%;height:100%;animation:8s ease-in-out infinite twinkle;position:absolute}:root[class~=light] .dark-cosmic-background:before{opacity:.3}.dark-nebula{filter:blur(8px);mix-blend-mode:screen;background:radial-gradient(circle at 20% 60%,#4c00ff26 0%,#0000 45%),radial-gradient(circle at 50% 30%,#00bf631a 0%,#0000 40%),radial-gradient(circle at 80% 40%,#00b7ff26 0%,#0000 35%);width:100%;height:100%;animation:30s infinite nebulaFloat;position:absolute}:root[class~=light] .dark-nebula{background:radial-gradient(circle at 20% 60%,#4c00ff0d 0%,#0000 45%),radial-gradient(circle at 50% 30%,#00bf630d 0%,#0000 40%),radial-gradient(circle at 80% 40%,#00b7ff0d 0%,#0000 35%)}.dark-cosmic-background:after{content:"";background:#fff;border-radius:50%;width:3px;height:3px;animation:8s linear infinite mainComet;position:absolute;top:25%;left:-100px;box-shadow:0 0 3px 1px #fff,0 0 8px 2px #0ff,0 0 16px 4px #0cf,0 0 32px 8px #00ccff4d}.mini-comets{width:100%;height:100%;animation:120s linear infinite rotate;position:absolute}.mini-comets:before{content:"";background:#fff;border-radius:50%;width:2px;height:2px;animation:4s ease-in-out infinite miniCometTwinkle;position:absolute;top:20%;left:50%;box-shadow:0 0 2px 1px #fff,0 0 4px 2px #f0f,-100px 100px 2px #fff,100px -100px 2px #fff}.distant-galaxy{filter:blur(3px);background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:300px;height:300px;animation:10s infinite galaxyPulse;position:absolute}@keyframes twinkle{0%,to{opacity:.7}50%{opacity:.9}}@keyframes nebulaFloat{0%{transform:translate(0)scale(1)}33%{transform:translate(-2%,1%)scale(1.05)}66%{transform:translate(1%,-1%)scale(.95)}to{transform:translate(0)scale(1)}}@keyframes mainComet{0%{opacity:0;transform:translate(0)rotate(-45deg)}15%{opacity:1}30%{opacity:0;transform:translate(1000px,1000px)rotate(-45deg)}to{opacity:0;transform:translate(1000px,1000px)rotate(-45deg)}}@keyframes miniCometTwinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes galaxyPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}