.night-sky{--sky-white:var(--dash-text);--sky-soft:color-mix(in srgb, var(--dash-text) 72%, var(--gl-accent));--sky-accent:color-mix(in srgb, var(--gl-accent) 82%, var(--dash-text));--sky-glow:min(460px, 64svh);--sky-stars-mask:linear-gradient(180deg, #000 0, #000 28%, #000000d1 48%, #0000008f 68%, #0000003d 88%, transparent 100%);--sky-glow-mask:linear-gradient(180deg, #000 0, #000 14%, #0000009e 40%, #00000042 68%, transparent 100%);--streak:150px;--travel:-420px;z-index:0;pointer-events:none;animation:1.8s .2s backwards ns-rise;position:absolute;top:0;left:0;right:0;overflow:hidden}.night-sky:before{content:"";height:var(--sky-glow);opacity:.74;-webkit-mask-image:var(--sky-glow-mask);-webkit-mask-image:var(--sky-glow-mask);mask-image:var(--sky-glow-mask);background:radial-gradient(54% 72% at 50% -10%, color-mix(in srgb, var(--sky-accent) 12%, transparent), transparent 72%), radial-gradient(30% 38% at 86% 4%, color-mix(in srgb, var(--sky-white) 5%, transparent), transparent 74%);transform-origin:50% 0;transition:opacity 1.3s,transform 1.3s;position:absolute;top:0;left:0;right:0}.ns-field{-webkit-mask-image:var(--sky-stars-mask);-webkit-mask-image:var(--sky-stars-mask);mask-image:var(--sky-stars-mask);transition:opacity 1.3s;position:absolute;inset:0}.chat-mode[data-chatting] .night-sky:before{opacity:0;transform:scaleY(.55)}.chat-mode[data-chatting] .night-sky .ns-field{opacity:.45}@keyframes ns-rise{0%{opacity:0}}.ns-stars{opacity:1;will-change:opacity;animation:ns-twinkle-a var(--twinkle,5s) ease-in-out var(--twinkle-delay,0s) infinite;background-repeat:no-repeat;position:absolute;inset:0}.ns-stars[data-kind=b]{animation-name:ns-twinkle-b}.ns-stars[data-kind=c]{animation-name:ns-twinkle-c}@keyframes ns-twinkle-a{0%,to{opacity:.4}20%{opacity:1}34%{opacity:.55}60%{opacity:.95}78%{opacity:.35}}@keyframes ns-twinkle-b{0%,to{opacity:.9}30%{opacity:.35}48%{opacity:1}72%{opacity:.45}}@keyframes ns-twinkle-c{0%,to{opacity:.6}42%{opacity:1}56%{opacity:.38}}.ns-shoot{top:var(--y);left:var(--x);width:var(--streak);background:linear-gradient(to right, var(--sky-white), color-mix(in srgb, var(--sky-soft) 50%, transparent) 30%, transparent);opacity:0;transform-origin:0;height:2px;animation:ns-shoot var(--cycle,31s) linear var(--delay,0s) infinite;border-radius:1px;position:absolute;transform:rotate(-24deg)}@keyframes ns-shoot{0%,92%{opacity:0;transform:rotate(-24deg)translate(0)}93%{opacity:1}97%{opacity:.8}to{opacity:0;transform:rotate(-24deg) translateX(var(--travel))}}.night-sky[data-paused] .ns-stars,.night-sky[data-paused] .ns-shoot{animation-play-state:paused}@media (max-width:680px){.ns-stars[data-wide]{display:none}}@media (prefers-reduced-motion:reduce){.night-sky{animation:none}.night-sky:before,.ns-field{transition:none}.ns-stars{opacity:.8;animation:none}.ns-shoot{display:none}}