/* Natural dark scene with an orbit system sized independently of the viewport height. */
html:not(.light) .sky{background:radial-gradient(ellipse at 20% 12%,#17202e 0,transparent 48%),radial-gradient(ellipse at 94% 76%,#151b29 0,transparent 48%),linear-gradient(155deg,#060c15,#070b13 55%,#060810)}
html:not(.light) .sky::before{opacity:.8;border-radius:50%}
html:not(.light) .sky::after{opacity:.85;border-radius:50%}
html:not(.light) .sky .mw{inset:0;filter:none;background:url('/assets/dark-theme-v16/assets/milky-way-v2.webp') center/100% 100% no-repeat;opacity:.16;transform:scaleY(-1)}
html:not(.light) .sky .mwd{opacity:.44}
html:not(.light) .sky .bs{filter:saturate(.32);opacity:.8;border-radius:50%}
html:not(.light) .sky .vg{background:radial-gradient(ellipse 140% 115% at 50% 36%,transparent 46%,rgba(1,4,10,.26) 100%)}
html:not(.light) .scene svg[data-natural-object]{overflow:visible}
html:not(.light) .scene .natural-object-image{pointer-events:none}
html:not(.light) .scene .sc-gal{opacity:.8}
html:not(.light) .scene svg[data-natural-object="nebula-main"]{opacity:.6!important;filter:blur(1.2px)}
html:not(.light) .scene svg[data-natural-object="nebula-cold"]{opacity:.67!important;filter:blur(1px);mask-image:radial-gradient(ellipse closest-side,#000 28%,rgba(0,0,0,.9) 58%,transparent 100%)}
html:not(.light) .scene svg[data-natural-object="galaxy-spiral"]{opacity:.72!important}
html:not(.light) .scene svg[data-natural-object="nebula-emission"]{opacity:.66!important;filter:blur(.7px)}
html:not(.light) .sc-tw i{box-shadow:0 0 3px 1px rgba(196,216,239,.2)!important;filter:saturate(.35);background:radial-gradient(circle,#f5f3eb 0%,#d9e4ee 25%,rgba(185,202,221,.5) 48%,transparent 78%)!important}
html:not(.light) .meteor{height:1.2px;background:linear-gradient(90deg,transparent,rgba(178,195,216,.08) 22%,rgba(205,217,231,.3) 60%,rgba(242,235,218,.9) 98%,#fff);filter:drop-shadow(0 0 1.5px rgba(200,213,232,.25))}
html:not(.light) .meteor::after{content:"";position:absolute;right:-2px;top:-1.5px;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#fff3dc,rgba(215,229,244,.7) 30%,transparent 72%)}
html:not(.light) .orbits{
 --natural-orbit-size:clamp(580px,47vw,760px);
 display:block;width:var(--natural-orbit-size);height:var(--natural-orbit-size);
 right:calc(300px - var(--natural-orbit-size)*.5);top:calc(225px - var(--natural-orbit-size)*.5);
 transform:scaleY(.9) rotate(-8deg);opacity:.94;
 background:radial-gradient(circle at 50% 50%,rgba(190,201,221,.04),transparent 56%);
}
html:not(.light) .orbits > i.or1{inset:0;--orbit-period:220s;--orbit-delay:-190s;--orbit-direction:normal;--body-period:288s;--body-delay:-76s;--planet-size:44px}
html:not(.light) .orbits > i.or2{inset:15.5%;--orbit-period:150s;--orbit-delay:-12s;--orbit-direction:reverse;--body-period:200s;--body-delay:-48s;--planet-size:30px}
html:not(.light) .orbits > i.or3{inset:31%;--orbit-period:100s;--orbit-delay:-85s;--orbit-direction:normal;--body-period:136s;--body-delay:-34s;--planet-size:23px}
/* Keep the same paused frame when reduced motion changes instead of resetting
   every planet to the top of its orbit through the older animation:none rule. */
html:not(.light) .orbits > i{animation:orbSpin var(--orbit-period) linear var(--orbit-delay) infinite var(--orbit-direction) var(--natural-scene-play,paused)!important}
html:not(.light) .orbits > i > b{animation:orbSpin var(--body-period) linear var(--body-delay) infinite reverse var(--natural-scene-play,paused)!important;width:var(--planet-size);height:var(--planet-size);top:calc(var(--planet-size)*-.5);margin-left:calc(var(--planet-size)*-.5)}
html:not(.light) .orbits > i,html:not(.light) .orbits > i > b,html .orbits,html .orbits *,html .sky::before,html .sky::after,html .sky .bs,html .scene svg,html .scene .gc1,html .scene .gc2{animation-play-state:var(--natural-scene-play,paused)!important}
html:not(.light) .orbits u.belt{filter:saturate(.13);opacity:.6}
html:not(.light) .orbits i.or1::after,html:not(.light) .orbits i.or2::after,html:not(.light) .orbits i.or3::after{filter:saturate(.15);opacity:.38}
html:not(.light) .orbits i b{background:#242c36;box-shadow:0 0 2px rgba(177,202,224,.14)}
html:not(.light) .orbits .natural-planet{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;z-index:1}
html:not(.light) .orbits i.or1 b::before,html:not(.light) .orbits i.or1 b::after{content:"";position:absolute;inset:-7px -12px;border-radius:50%;transform:rotate(-24deg) scaleY(.34);filter:none;background:radial-gradient(closest-side,transparent 54%,rgba(185,170,144,.08) 57%,rgba(220,208,182,.58) 64%,rgba(116,112,110,.4) 69%,rgba(211,204,188,.62) 73%,rgba(158,151,132,.38) 78%,transparent 81%,rgba(192,190,173,.4) 83%,rgba(198,190,168,.24) 90%,transparent 96%)}
html:not(.light) .orbits i.or1 b::before{z-index:0;clip-path:polygon(0 0,100% 0,100% 50%,0 50%)}
html:not(.light) .orbits i.or1 b::after{z-index:2;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}
html:not(.light) .orbits .mo{z-index:3;inset:-13px;animation-duration:17s}
html:not(.light) .orbits .mo::before{background:radial-gradient(circle at 30% 30%,#ddd7cc 0,#a29d93 40%,#55575a 66%,#181d26 90%);box-shadow:none}
html:not(.light) .orbits .sun{background:radial-gradient(circle at 45% 40%,#fffaf0 0%,#f7e6c3 45%,#e9c69c 76%,#a7bbcf 100%);animation-name:naturalSunPulse}
html:not(.light) .orbits .sun::before{opacity:.2;width:160px;background:linear-gradient(90deg,transparent,rgba(237,226,203,.75),transparent)}
html:not(.light) .orbits .sun::after{opacity:.12;height:125px;background:linear-gradient(180deg,transparent,rgba(224,232,244,.7),transparent)}
@keyframes naturalSunPulse{0%,100%{box-shadow:0 0 5px 1px rgba(255,243,221,.7),0 0 17px 6px rgba(243,218,184,.2),0 0 55px 20px rgba(172,192,220,.09),0 0 120px 55px rgba(132,157,193,.04)}50%{box-shadow:0 0 6px 2px rgba(255,247,229,.8),0 0 21px 8px rgba(243,218,184,.25),0 0 59px 24px rgba(172,192,220,.11),0 0 125px 60px rgba(132,157,193,.05)}}
html:not(.light) body.cosmos .sky .mw{opacity:.24}
html:not(.light) body.cosmos .scene svg[data-natural-object="nebula-main"]{opacity:.92!important}
@media(prefers-reduced-motion:reduce){
 html:not(.light) .orbits .sun{animation:none!important}
 html:not(.light) .orbits > i,html:not(.light) .orbits > i > b{animation-play-state:paused!important}
}
@media(max-width:760px){
 html:not(.light) .orbits{--natural-orbit-size:360px;right:-172px;top:-16px;opacity:.92}
 html:not(.light) .orbits > i.or1{--planet-size:32px}
 html:not(.light) .orbits > i.or2{--planet-size:23px}
 html:not(.light) .orbits > i.or3{--planet-size:18px}
 html:not(.light) .orbits u.belt{display:none}
 html:not(.light) .orbits .sun{width:14px;height:14px;margin:-7px 0 0 -7px}
 html:not(.light) .orbits .sun::before{width:100px}
 html:not(.light) .orbits .sun::after{height:90px}
 html:not(.light) .orbits .mo{inset:-10px}
}
@media(max-width:360px){html:not(.light) .orbits{--natural-orbit-size:320px;right:-154px;top:-6px}}