/* Nighttime nebula, meteor and star effects. */
.star.night-star{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 7px 2px rgba(255,255,255,.45);animation:twinkle 3s ease-in-out infinite;z-index:2;pointer-events:none}
.star-f{left:8%;top:38%;width:2px;height:2px;animation-delay:-.8s}.star-g{left:42%;top:12%;width:3px;height:3px;animation-delay:-2.4s}.star-h{left:54%;top:44%;width:2px;height:2px;animation-delay:-1.6s}.star-i{left:72%;top:76%;width:3px;height:3px;animation-delay:-2.8s}.star-j{left:91%;top:18%;width:2px;height:2px;animation-delay:-1.1s}.star-k{left:33%;top:84%;width:2px;height:2px;animation-delay:-2s}
.nebula-canvas,.meteor-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .25s ease}.nebula-canvas{z-index:0}.meteor-canvas{z-index:1}
@media(prefers-color-scheme:dark){.nebula-canvas,.meteor-canvas{opacity:1;visibility:visible}}
html[data-theme='dark'] .nebula-canvas,html[data-theme='dark'] .meteor-canvas{opacity:1;visibility:visible}html[data-theme='light'] .nebula-canvas,html[data-theme='light'] .meteor-canvas{opacity:0;visibility:hidden}html[data-theme='light'] .night-star{display:none}
@media(prefers-reduced-motion:reduce){.meteor-canvas{display:none!important}}