.sky{z-index:0;pointer-events:none;--scroll:0;position:absolute;inset:0;overflow:hidden}.has-sky{isolation:isolate;position:relative}.has-sky>:not(.sky){z-index:1;position:relative}.sky-layer{position:absolute;inset:0}.sky-top{background:radial-gradient(55% 42% at 50% 20%,#fff8ded9 0%,#fff3cd59 30%,#0000 64%),linear-gradient(#3f8fd4 0%,#66aade 20%,#97c8ea 42%,#c3e0f4 62%,#e4f1fa 80%,#f4fafd 100%)}.sky-deep{opacity:calc(var(--scroll) * 1.1);background:linear-gradient(#2b74b8 0%,#4f95cd 32%,#86bbe3 64%,#bcd9ee 100%)}.sky-land{inset-inline:0;background:linear-gradient(#0000 0%,#7ea86c59 30%,#6896588c 62%,#58884c9e 100%);height:26%;position:absolute;bottom:0;mask-image:linear-gradient(#0000 0%,#000 45%)}:root[data-theme=dark] .sky-land{opacity:0}:root[data-theme=dark] .sky-top{background:radial-gradient(52% 40% at 50% 22%,#7896be33 0%,#0000 62%),linear-gradient(#04070e 0%,#060c18 34%,#08131f 62%,#0b1b28 100%)}:root[data-theme=dark] .sky-deep{background:linear-gradient(#02040a 0%,#04070f 50%,#060c16 100%)}.sky-body{left:50%;top:var(--sky-body-top,clamp(5rem, 3rem + 5vw, 8.5rem));aspect-ratio:1;background:radial-gradient(circle,#fff7d680 0%,#fff0c34d 18%,#ffe4a529 34%,#ffd68c12 52%,#ffc87805 70%,#0000 84%);border-radius:50%;width:clamp(13rem,22vw,20rem);position:absolute;translate:-50% -50%}.sky-body:before{content:"";filter:blur(6px);background:radial-gradient(circle,#fffdf5f2 0%,#fff8e2b3 40%,#ffeebe59 68%,#ffe4a51f 86%,#0000 100%);border-radius:50%;position:absolute;inset:33%}.sky-body:after{content:"";filter:blur(1.5px);background:radial-gradient(circle,#fff 0%,#fffdf4 55%,#fff6dd 82%,#fff4d6d9 100%);border-radius:50%;position:absolute;inset:42%;box-shadow:0 0 2rem .5rem #fffbe8f2,0 0 5rem 1.5rem #fff2c899,0 0 11rem 4rem #ffe4a552,0 0 22rem 9rem #ffd48729,0 0 40rem 16rem #ffc87312}:root[data-theme=dark] .sky-body{background:radial-gradient(circle,#c4dafa29 0%,#a0beeb14 30%,#82a5dc08 52%,#0000 72%);width:clamp(9rem,15vw,14rem)}:root[data-theme=dark] .sky-body:before{filter:blur(10px);background:radial-gradient(circle,#e2eeff80 0%,#bed6f840 45%,#a0c0eb14 75%,#0000 100%);inset:30%}:root[data-theme=dark] .sky-body:after{content:"";filter:none;background:radial-gradient(26% 20% at 60% 30%,#8a98b08c 0%,#0000 70%),radial-gradient(20% 24% at 37% 52%,#8594ac80 0%,#0000 72%),radial-gradient(16% 13% at 56% 64%,#8e9cb26b 0%,#0000 74%),radial-gradient(11% 12% at 29% 33%,#929fb45c 0%,#0000 72%),radial-gradient(9% 9% at 71% 57%,#8c9ab152 0%,#0000 72%),radial-gradient(7% 8% at 47% 22%,#96a2b747 0%,#0000 72%),radial-gradient(circle at 36% 32%,#fdfeff 0%,#f2f6fc 28%,#e2eaf5 50%,#cbd7e8 70%,#adbdd4 86%,#93a5c0 96%,#8092ae 100%);inset:38%;box-shadow:0 0 2.5rem .4rem #c8deff47,0 0 7rem 2rem #a0c3f526,0 0 16rem 6rem #78a5e112}.sky-stars{opacity:0;transition:opacity .9s var(--ease-out);background-image:radial-gradient(1.4px 1.4px at 12% 14%,#fff 50%,#0000),radial-gradient(1.2px 1.2px at 27% 8%,#dfe9ff 50%,#0000),radial-gradient(1.6px 1.6px at 41% 22%,#fff 50%,#0000),radial-gradient(1.1px 1.1px at 58% 11%,#cfe0ff 50%,#0000),radial-gradient(1.5px 1.5px at 73% 26%,#fff 50%,#0000),radial-gradient(1.2px 1.2px at 86% 9%,#e6eeff 50%,#0000),radial-gradient(1.3px 1.3px at 19% 33%,#fff 50%,#0000),radial-gradient(1.1px 1.1px at 64% 38%,#d8e6ff 50%,#0000),radial-gradient(1.4px 1.4px at 92% 31%,#fff 50%,#0000),radial-gradient(1.2px 1.2px at 34% 45%,#e9f0ff 50%,#0000),radial-gradient(1.1px 1.1px at 78% 47%,#fff 50%,#0000),radial-gradient(1.3px 1.3px at 6% 25%,#dbe7ff 50%,#0000);background-repeat:no-repeat;position:absolute;inset:0;mask-image:linear-gradient(#000 0%,#0009 55%,#0000 85%)}:root[data-theme=dark] .sky-stars{opacity:1;animation:twinkle 6s var(--ease-in-out) infinite alternate}@keyframes twinkle{0%{opacity:.72}to{opacity:1}}.sky-city{inset-inline:0;height:clamp(13rem,32vh,24rem);transform:translateY(calc(var(--scroll) * 16%));transition:background .9s var(--ease-out);-webkit-mask-mode:luminance;background:linear-gradient(#16283c 0%,#1e3548 30%,#2c4761 66%,#3e5c78 100%);position:absolute;bottom:0;mask-image:url(/backdrops/city-mask.png);mask-position:bottom;mask-size:cover;mask-repeat:no-repeat;mask-mode:luminance}:root[data-theme=dark] .sky-city{background:linear-gradient(#070d17 0%,#0a1220 42%,#10203a 78%,#1c3555 100%)}.sky-city-lights{opacity:0;mix-blend-mode:screen;transition:opacity .9s var(--ease-out);background-image:url(/backdrops/city-night.webp);background-position:bottom;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}:root[data-theme=dark] .sky-city-lights{opacity:1;filter:saturate(1.5)brightness(1.35)contrast(1.1)}.sky-city:after{content:"";inset-inline:0;opacity:0;height:40%;transition:opacity .9s var(--ease-out);background:linear-gradient(#0000 0%,#ffdca01f 100%);position:absolute;top:0}:root[data-theme=dark] .sky-city:after{opacity:1;background:linear-gradient(#0000 0%,#ffbe781a 55%,#ffa55a2e 100%);height:55%}.sky-scrim{background:linear-gradient(100deg, color-mix(in srgb, var(--bg) 66%, transparent) 0%, color-mix(in srgb, var(--bg) 30%, transparent) 44%, transparent 74%), linear-gradient(180deg, transparent 62%, var(--bg) 100%);position:absolute;inset:0}@media (width<=780px){.sky-scrim{background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 52%, transparent) 0%, color-mix(in srgb, var(--bg) 42%, transparent) 46%, color-mix(in srgb, var(--bg) 22%, transparent) 72%, var(--bg) 100%)}.sky-body{top:clamp(3.5rem,2rem + 6vw,5.5rem)}}@media (prefers-reduced-motion:reduce){.sky-body,.sky-city,.sky-stars{transition:none;animation:none}.sky-city{transform:none}}