/* Styles for assets/cosmos.js, used by the website and the staff panel. */
.cosmos-sky{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;display:block}
.cosmos-sky[hidden]{display:none}
/* the canvas draws the stars and shooting stars now, so the older CSS star layers step aside */
html:not([data-theme=light])::after,html:not([data-theme=light]) body::after,body.pnl::after{background-image:none!important;animation:none!important}
.cx-shoot,body.pnl .workspace__main::before{display:none!important}

/* cursor glow: a soft light follows the pointer across cards and panels */
:is(.card,.pathway,.person,.sub,.platform,.feature,.form-card,.sx-card,.sx-item,.sx-planet,.sx-stat,.pnl__stat,.workspace__quick>a,.staff-log-card,.pnl__bot){--gx:50%;--gy:-200px}
html:not([data-theme=light]) :is(.card,.person,.sub,.platform,.feature,.form-card),body.pnl :is(.sx-item,.sx-planet,.sx-stat,.workspace__quick>a,.pnl__bot){position:relative}
html:not([data-theme=light]) :is(.card,.person,.sub,.platform,.feature,.form-card)::after,body.pnl :is(.sx-card,.sx-item,.sx-planet,.workspace__quick>a,.pnl__bot)::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--gx) var(--gy),#a99cff24,#5fd3ff0d 40%,transparent 70%)}
html:not([data-theme=light]) :is(.card,.person,.sub,.platform,.feature,.form-card):hover::after,body.pnl :is(.sx-card,.sx-item,.sx-planet,.workspace__quick>a,.pnl__bot):hover::after{opacity:1}

/* staff panel: content floats in */
.cosmos-rise{animation:cosmos-rise .45s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--rise-delay,0ms)}
@keyframes cosmos-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* website: glowing scroll progress line */
.cosmos-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#7c6cf0,#a99cff,#5fd3ff);box-shadow:0 0 10px #8b7cffaa;pointer-events:none;z-index:2}
html[data-theme=light] .cosmos-progress{box-shadow:none}

@media(prefers-reduced-motion:reduce){.cosmos-rise{animation:none}}

/* staff sidebar logo sits inside a slowly turning orbit */
body.pnl .workspace__brand{position:relative;overflow:visible}
body.pnl .workspace__brand img{position:relative;z-index:1;box-shadow:0 0 18px #8b7cff66}
body.pnl .workspace__brand::before{content:'';position:absolute;left:4px;top:50%;width:52px;height:20px;margin-top:-10px;border:1.5px solid #b8b0ff66;border-radius:50%;transform:rotate(-20deg);animation:cosmos-orbit 14s linear infinite}
body.pnl .workspace__brand::after{content:'';position:absolute;left:6px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#e2dcff;box-shadow:0 0 8px #b8b0ff;offset-path:path('M0,0 a24,9 0 1,0 48,0 a24,9 0 1,0 -48,0');animation:cosmos-moon 6s linear infinite;z-index:2}
@keyframes cosmos-orbit{to{transform:rotate(340deg)}}
@keyframes cosmos-moon{to{offset-distance:100%}}
@media(prefers-reduced-motion:reduce){body.pnl .workspace__brand::before,body.pnl .workspace__brand::after{animation:none}}