#universe-sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 62% 28%,#35435713,transparent 45%)}
#universe-sky>svg{width:100%;height:100%;display:block;pointer-events:none}
#universe-sky .occasional-meteor{position:absolute;width:130px;height:1px;background:linear-gradient(90deg,transparent,#d6e4f299);opacity:0;transform:rotate(28deg);pointer-events:none}
#universe-sky .occasional-meteor:after{content:'';position:absolute;right:0;top:-1px;width:3px;height:3px;background:#eff7ff;border-radius:50%;box-shadow:0 0 8px #d1e6ff}
#universe-sky .occasional-meteor.passing{animation:occasional-passage 1.5s ease-out both}
@keyframes occasional-passage{0%{opacity:0;transform:translate(-60px,-32px) rotate(28deg)}15%{opacity:.7}65%{opacity:.4}100%{opacity:0;transform:translate(310px,166px) rotate(28deg)}}
@media(prefers-reduced-motion:reduce){#universe-sky .occasional-meteor{display:none}}