/* Shared automatic Space / Amber decoration, above the background and behind content. */
body{isolation:isolate}
#orbitSky{display:none;position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none;opacity:1;contain:strict}
body[data-background=space] #orbitSky,body[data-background=amber] #orbitSky{display:block!important}
#orbitSky .sky-point{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:#c4d3ff;box-shadow:0 0 5px #9ab8ff80;opacity:.7;animation:skyTwinkle var(--duration) ease-in-out var(--delay) infinite alternate,skyDrift var(--drift) ease-in-out var(--delay) infinite alternate}
#orbitSky .sky-constellations{display:none;position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:#d69445}
#orbitSky[data-sky=amber] .sky-constellations{display:block}
#orbitSky[data-sky=amber] .sky-point{background:#d69445;box-shadow:none;opacity:.32}
#orbitSky[data-sky=amber] .sky-point:nth-of-type(n+28){display:none}
#orbitSky .sky-constellations path{fill:none;stroke:currentColor;stroke-width:1;stroke-opacity:.28;vector-effect:non-scaling-stroke}
#orbitSky .sky-constellations circle{fill:currentColor;opacity:.65}
#orbitSky .sky-constellations g{transform-box:fill-box;transform-origin:center;animation:skyBreathe 14s ease-in-out var(--delay) infinite alternate}
body[data-resolved-mode=light] #orbitSky .sky-point{background:#57729d;box-shadow:none;opacity:.4}
body[data-resolved-mode=light] #orbitSky .sky-constellations{color:#9b651f}
#orbitSky.sky-paused *,body[data-resolved-mode] #orbitSky.sky-paused *{animation-play-state:paused!important}
@keyframes skyTwinkle{from{opacity:.25}to{opacity:.85}}
@keyframes skyDrift{from{transform:translate(0,0)}to{transform:translate(var(--dx),var(--dy))}}
@keyframes skyBreathe{from{opacity:.5;transform:translate(0,0) rotate(0deg)}to{opacity:.9;transform:translate(var(--dx),var(--dy)) rotate(var(--turn))}}
@media(max-width:700px){#orbitSky .sky-point:nth-of-type(n+56){display:none}#orbitSky .sky-constellations{width:160%;left:-30%}}
@media(prefers-reduced-motion:reduce){#orbitSky *,#orbitSky .sky-point,#orbitSky .sky-constellations g{animation:none!important;transform:none!important}}