:root{--space-top:rgb(0, 0, 0);--space-mid:rgb(3, 7, 22);--space-bottom:rgb(8, 23, 63);--ocean:rgb(0, 90, 163);--land:rgb(58, 139, 79);--clouds:rgba(255,255,255,0.85);--earth-glow-inner:rgba(0,180,255,0.5);--earth-glow-outer:rgba(0,120,255,0.15);--twinkle-1:14s;--twinkle-2:19s}.space-horizon{position:fixed;width:100%;height:min(90vh,90rem);overflow:hidden;background:-webkit-linear-gradient(to top,var(--space-bottom),var(--space-mid) 45%,var(--space-top));background:linear-gradient(to top,var(--space-bottom),var(--space-mid) 45%,var(--space-top));box-shadow:inset 0 0 120px rgba(0,0,0,.7);border-radius:0}.space-horizon::before{content:"";position:fixed;inset:0;background:-webkit-radial-gradient(circle at 20% 40%,var(--clouds) 0,transparent 35%),-webkit-radial-gradient(circle at 60% 40%,var(--clouds) 0,transparent 20%),-webkit-radial-gradient(circle at 30% 60%,var(--land) 0,transparent 35%),-webkit-radial-gradient(circle at 70% 40%,var(--land) 0,transparent 25%),-webkit-radial-gradient(circle at 50% 80%,var(--land) 0,transparent 30%),var(--ocean);background:radial-gradient(circle at 20% 40%,var(--clouds) 0,transparent 35%),radial-gradient(circle at 60% 40%,var(--clouds) 0,transparent 20%),radial-gradient(circle at 30% 60%,var(--land) 0,transparent 35%),radial-gradient(circle at 70% 40%,var(--land) 0,transparent 25%),radial-gradient(circle at 50% 80%,var(--land) 0,transparent 30%),var(--ocean);background-size:cover;border-radius:50%;width:160%;height:50%;left:-30%;top:89vh;filter:blur(.5px)}.space-horizon .stars{position:absolute;inset:0;pointer-events:none;background-position:0 0,50% 25%,25% 75%,75% 60%;background-repeat:repeat;background-image:-webkit-radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.9) 99%,transparent 100%),-webkit-radial-gradient(1px 1px at 80% 30%,rgba(255,255,255,.7) 99%,transparent 100%),-webkit-radial-gradient(1px 1px at 30% 80%,rgba(255,255,255,.85) 99%,transparent 100%),-webkit-radial-gradient(1px 1px at 70% 60%,rgba(186,219,255,.9) 99%,transparent 100%);background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.9) 99%,transparent 100%),radial-gradient(1px 1px at 80% 30%,rgba(255,255,255,.7) 99%,transparent 100%),radial-gradient(1px 1px at 30% 80%,rgba(255,255,255,.85) 99%,transparent 100%),radial-gradient(1px 1px at 70% 60%,rgba(186,219,255,.9) 99%,transparent 100%);background-size:220px 220px,260px 260px,300px 300px,340px 340px;filter:drop-shadow(0 0 2px rgba(255,255,255,.35));animation:twinkle var(--twinkle-1) linear infinite;mix-blend-mode:screen}.space-horizon .stars.layer2{opacity:.75;background-position:15% 10%,65% 35%,40% 85%,85% 55%;background-size:260px 260px,300px 300px,360px 360px,420px 420px;animation-duration:var(--twinkle-2)}@keyframes twinkle{0%{opacity:.7;transform:translateY(0)}50%{opacity:.95;transform:translateY(-.4vh)}100%{opacity:.7;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.space-horizon .stars,.space-horizon .stars.layer2{animation:none}}.fullscreen{height:100vh;border-radius:0}