.night-sky{background:radial-gradient(ellipse 80% 60% at 50% 0%,#1a2552 0%,transparent 60%),radial-gradient(ellipse 100% 80% at 50% 30%,#0f1738 0%,transparent 70%),linear-gradient(to bottom,#050818,#0b1230,#050818)}body.light .night-sky{background:radial-gradient(ellipse 80% 60% at 50% 0%,#ffe4b8 0%,transparent 60%),radial-gradient(ellipse 100% 80% at 50% 30%,#cfe4ff 0%,transparent 70%),linear-gradient(to bottom,#e8f1ff,#d4e5ff,#b8d2f5)}.night-sky__stars{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:repeat;pointer-events:none;will-change:background-position}.night-sky__stars--small{background-image:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 160px 120px,#fff,transparent),radial-gradient(1px 1px at 200px 50px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 240px 90px,#fff,transparent),radial-gradient(1px 1px at 280px 150px,rgba(255,255,255,.7),transparent);background-size:300px 200px;animation:nightSkyDrift 240s linear infinite;opacity:.7}.night-sky__stars--medium{background-image:radial-gradient(1.5px 1.5px at 50px 100px,#fff,transparent),radial-gradient(1.5px 1.5px at 150px 200px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 250px 50px,#fff,transparent),radial-gradient(1.5px 1.5px at 350px 150px,rgba(190,210,255,.9),transparent);background-size:400px 300px;animation:nightSkyDrift 180s linear infinite;opacity:.85}.night-sky__stars--large{background-image:radial-gradient(2px 2px at 100px 50px,#fff,transparent),radial-gradient(2.5px 2.5px at 300px 250px,rgba(180,200,255,1),transparent),radial-gradient(2px 2px at 500px 150px,#fff,transparent);background-size:600px 400px;animation:nightSkyDrift 120s linear infinite;opacity:1}body.light .night-sky__stars{opacity:0}@keyframes nightSkyDrift{0%{background-position:0 0}to{background-position:0 -2000px}}.night-sky__twinkle{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 6px 1px #fffc;animation:nightSkyTwinkle 3s ease-in-out infinite;pointer-events:none}body.light .night-sky__twinkle{display:none}@keyframes nightSkyTwinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.night-sky__meteor{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 8px 2px #fffffff2;transform:rotate(-45deg);animation:nightSkyMeteor 7s linear infinite;opacity:0;pointer-events:none}.night-sky__meteor:before{content:"";position:absolute;top:50%;left:100%;width:200px;height:1px;background:linear-gradient(to right,rgba(255,255,255,.95),rgba(170,200,255,.6),transparent);transform:translateY(-50%)}@keyframes nightSkyMeteor{0%{opacity:0;margin-left:0;margin-top:0}8%{opacity:1}70%{opacity:1}to{opacity:0;margin-left:-700px;margin-top:700px}}body.light .night-sky__meteor{background:#ff9a3c;box-shadow:0 0 8px 2px #ff9a3ccc}body.light .night-sky__meteor:before{background:linear-gradient(to right,rgba(255,154,60,.9),rgba(255,200,120,.5),transparent)}@media(prefers-reduced-motion:reduce){.night-sky__stars,.night-sky__twinkle,.night-sky__meteor{animation:none}.night-sky__meteor{opacity:0}}body.light .night-sky__meteor{display:none}