/* Shared quiet star field. The page itself stays transparent; panels carry text. */
html{background:#090b0c}
body{isolation:isolate;background:transparent!important;min-height:100vh}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-color:#090b0c;
  background-image:radial-gradient(ellipse at 81% 20%,#475c711b,transparent 65%),
    radial-gradient(circle at 17px 23px,#ced9df80 .7px,transparent 1px),
    radial-gradient(circle at 81px 63px,#eee7d567 .6px,transparent 1px),
    radial-gradient(circle at 147px 112px,#ced9df50 .5px,transparent 1px);
  background-size:auto,193px 181px,283px 241px,379px 311px}
.cosmos-sky{position:fixed;inset:0;z-index:-1;pointer-events:none!important;overflow:hidden}
.cosmos-sky canvas{display:block;width:100%;height:100%;pointer-events:none!important}
body.cosmos-canvas::before{background-image:radial-gradient(ellipse at 81% 20%,#475c711b,transparent 65%)}
.app-shell,.workspace,#content,.login-screen,.boot{background:transparent}
.sidebar{background:#11120ff5}.topbar{background:#11120fe8}.workspace-foot{background:#11120f85}
.login-card,.callback-card{background:#151613f5;border:1px solid #40433c}
.cosmos-controls{position:fixed;bottom:12px;right:14px;z-index:25;display:flex;gap:5px;align-items:center;font:12px system-ui;color:#b7b7ad}
.cosmos-controls button,.cosmos-controls summary{min-height:34px;padding:7px 10px;background:#111310f5;color:#d4d6cb;border:1px solid #45483f;border-radius:2px;cursor:pointer;font:inherit}
.cosmos-controls details{border:0;padding:0;margin:0}.cosmos-controls summary{list-style:none}
.cosmos-options{position:absolute;right:0;bottom:42px;padding:16px;width:230px;background:#151613;border:1px solid #45483f;box-shadow:0 8px 35px #0008}
.cosmos-options label{display:block;margin:0 0 12px}.cosmos-options input{width:100%}
.cosmos-controls :focus-visible{outline:2px solid #e0e1d9;outline-offset:3px}
.workspace-foot{padding-bottom:58px}.callback-screen{padding-bottom:65px}
@media(max-width:580px){.cosmos-controls{bottom:8px;right:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.cosmos-sky{animation:none!important}}
@media print{.cosmos-sky,.cosmos-controls,body::before{display:none!important}}