@layer base{:root{--scrollbar-width:0px}html{overflow-y:auto}body{padding-right:var(--scrollbar-width);transition:padding-right .1s ease-out}.starfield-container{position:fixed;top:0;left:0;width:100vw;height:100%;z-index:0;pointer-events:none;overflow:hidden}.starfield-container canvas{display:block;width:100%!important;height:100%!important}.starfield-fade{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0,color-mix(in oklch,var(--color-primary) 1%,transparent) 30%,color-mix(in oklch,var(--color-primary) 3%,transparent) 50%,color-mix(in oklch,var(--color-primary) 6%,transparent) 70%,color-mix(in oklch,var(--color-primary) 10%,transparent) 100%)}.shooting-stars-container{position:fixed;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none;z-index:1}.shooting-star{position:absolute;height:2px;background:linear-gradient(-45deg,rgb(255,255,255),rgba(255,255,255,0));border-radius:999px;filter:drop-shadow(0 0 6px rgba(255,255,255,.8));animation:tail var(--star-duration,6s) ease-in-out,shooting var(--star-duration,6s) ease-in-out}.shooting-star-glow{content:"";position:absolute;top:calc(50% - 1px);right:0;height:2px;background:linear-gradient(-45deg,rgba(255,255,255,0),rgb(255,255,255),rgba(255,255,255,0));border-radius:100%}.shooting-star-glow-1{animation:shining var(--star-duration,6s) ease-in-out,twinkle-rotate-1 3s linear infinite}.shooting-star-glow-2{animation:shining var(--star-duration,6s) ease-in-out,twinkle-rotate-2 3s linear infinite}@keyframes tail{0%{width:0}30%{width:100px}to{width:0}}@keyframes shining{0%{width:0}50%{width:15px}to{width:0}}@keyframes shooting{0%{transform:translateX(0)}to{transform:translateX(var(--star-distance,300px))}}@keyframes twinkle-rotate-1{0%{transform:translateX(50%) rotate(45deg)}to{transform:translateX(50%) rotate(405deg)}}@keyframes twinkle-rotate-2{0%{transform:translateX(50%) rotate(-45deg)}to{transform:translateX(50%) rotate(315deg)}}.animate-on-mount{opacity:0;will-change:transform,opacity;transform:translateZ(0)}.animate-on-mount-scale{opacity:0;transform:scale(.95) translateZ(0);will-change:transform,opacity}.animate-on-mount-up{opacity:0;transform:translateY(10px) translateZ(0);will-change:transform,opacity}@media(prefers-reduced-motion:no-preference){.animate-on-mount,.animate-on-mount-scale,.animate-on-mount-up{transition:none}}@media(prefers-reduced-motion:reduce){.animate-on-mount,.animate-on-mount-scale,.animate-on-mount-up{opacity:1!important;transform:none!important}}}