/* UNITIQX ATMOSPHERE / V3 — additive premium ambient system.
   Built from CSS gradients, no external assets, zero GPU libraries.
   Applied to owned web pages only. Preserves all application controls. */
:root{--qx-spectrum:#85e2ed;--qx-spectrum2:#aca2ff;--qx-spectrum3:#5db8ce;--qx-atmosphere-opacity:.24}
body.qx-atmosphere{position:relative;isolation:isolate;--qx-sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--qx-mono:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace}
body.qx-atmosphere:before{content:'';position:fixed;top:-20vh;right:-10vw;width:70vw;height:80vh;pointer-events:none;z-index:-1;opacity:var(--qx-atmosphere-opacity);background:radial-gradient(ellipse at 60% 40%,var(--qx-spectrum2),transparent 37%),radial-gradient(ellipse at 65% 55%,var(--qx-spectrum3),transparent 52%);filter:blur(95px)}
body.qx-atmosphere:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(141,201,236,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(141,201,236,.022) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(160deg,black,transparent 80%)}
body.qx-atmosphere[data-qx-mode=quiet]{--qx-atmosphere-opacity:.04}
body.qx-atmosphere[data-qx-mode=cinematic]{--qx-atmosphere-opacity:.3}
body.qx-atmosphere[data-qx-zone=studio]{--qx-spectrum:#debbff;--qx-spectrum2:#815ad5;--qx-spectrum3:#a957a8}
body.qx-atmosphere[data-qx-zone=forge]{--qx-spectrum:#ffca8b;--qx-spectrum2:#b97837;--qx-spectrum3:#8bbbe3}
body.qx-atmosphere[data-qx-zone=mission]{--qx-spectrum:#83e2d0;--qx-spectrum2:#3f9f9d;--qx-spectrum3:#4898be}
body.qx-atmosphere[data-qx-zone=world]{--qx-spectrum:#a7d5ff;--qx-spectrum2:#686ec6;--qx-spectrum3:#53a6cc}
body.qx-atmosphere[data-qx-zone=knowledge]{--qx-spectrum:#bbe8e5;--qx-spectrum2:#4d9b9b;--qx-spectrum3:#8dbaea}
body.qx-atmosphere[data-qx-zone=commons]{--qx-spectrum:#efaddd;--qx-spectrum2:#a263cb;--qx-spectrum3:#9d83fb}
body.qx-atmosphere :where(header,nav,.top,.topbar){border-color:color-mix(in srgb,var(--qx-spectrum) 24%,transparent)}
body.qx-atmosphere :where(.eyebrow,.tag,.overline,.micro){text-shadow:0 0 20px color-mix(in srgb,var(--qx-spectrum) 28%,transparent)}
body.qx-atmosphere :where(.station,.panel,.card,.fact,.detail,.board article,.grid article){box-shadow:inset 0 1px rgba(227,248,255,.06),0 17px 55px #0002}
body.qx-atmosphere :where(.station,.panel,.card,.fact,.detail,.board article,.grid article):hover{border-color:color-mix(in srgb,var(--qx-spectrum) 48%,transparent)}
#qx-command-shell .qx-launcher{border-color:color-mix(in srgb,var(--qx-spectrum) 50%,transparent)}
#qx-command-shell .qx-launcher span{color:var(--qx-spectrum)}
#qx-command-shell .qx-command-mark{color:var(--qx-spectrum)}
/* Small floating presentation selector. It never controls infrastructure. */
.qx-visual-switch{position:fixed;right:22px;bottom:87px;z-index:9499;background:rgba(9,22,37,.95);border:1px solid #456579;border-radius:10px;color:#abcddd;box-shadow:0 12px 32px #0005;display:flex;gap:2px;padding:4px;max-width:calc(100vw - 30px)}
.qx-visual-switch button{background:transparent;border:1px solid transparent;border-radius:6px;color:#b1cad9;padding:6px 9px;cursor:pointer;font:700 10px var(--qx-mono);letter-spacing:.04em}
.qx-visual-switch button[aria-pressed=true]{border-color:rgba(148,226,239,.35);background:#244254;color:#e0fbff}
.qx-visual-switch button:focus-visible{outline:2px solid #a9edff;outline-offset:2px}
body.qx-atmosphere[data-qx-mode=cinematic] .qx-visual-switch{box-shadow:0 0 35px rgba(105,180,222,.16),0 14px 38px #0006}
@media(max-width:650px){body.qx-atmosphere:before{filter:blur(62px);width:100vw}.qx-visual-switch{right:12px;bottom:67px}.qx-visual-switch button{font-size:9px;padding:5px 7px}}
@media(prefers-reduced-motion:reduce){body.qx-atmosphere{scroll-behavior:auto}}