/* Owner revision: visible gentle distant-star drift and faint periodic galaxy depth. */
#stars{position:absolute;inset:-58px;animation:sky-drift 32s ease-in-out infinite;will-change:transform}
.night-sky::before{content:"";position:absolute;left:32%;top:2%;width:min(76vw,970px);height:min(65vw,780px);border-radius:50%;background:conic-gradient(from 30deg,transparent 0deg,#b7a4dd24 48deg,transparent 104deg,#7899bf1a 174deg,transparent 222deg,#ad9cdb20 282deg,transparent 360deg);mask-image:radial-gradient(ellipse at center,transparent 9%,#000 31%,#0009 43%,transparent 67%);filter:blur(22px);transform-origin:50% 50%;animation:galaxy-turn 48s ease-in-out infinite;pointer-events:none}
.sky-glow{animation-duration:32s}.star{animation-name:distant-star-breathe}
@keyframes sky-drift{0%,100%{transform:translate(-12px,8px) rotate(-.2deg)}50%{transform:translate(24px,-16px) rotate(.5deg)}}
@keyframes galaxy-turn{0%,100%{transform:rotate(-19deg) scale(1);opacity:.7}50%{transform:rotate(10deg) scale(1.06);opacity:1}}
@keyframes distant-star-breathe{0%,100%{opacity:var(--alpha);transform:translateY(0)}50%{opacity:calc(var(--alpha) * .7);transform:translateY(-4px)}}
@media(max-width:760px){.night-sky::before{width:130vw;height:120vw;left:2%;top:8%;filter:blur(15px)}}
@media(prefers-reduced-motion:reduce){#stars,.night-sky::before{animation:none!important;will-change:auto}}