/* UNITIQX OBSIDIAN / V2.0 | 2026-10-11
   Additive shared language. All effects CSS/SVG, zero webfonts, zero external scripts.
   Preserves existing application semantics, data sources, form behavior, and routes. */
body.ux-v2{
 --v2-void:#07111c;--v2-panel:#112335;--v2-elevated:#193346;
 --v2-ink:#e8f5ff;--v2-sub:#a0b8ca;--v2-line:rgba(154,208,226,.24);
 --v2-mint:#95e2d2;--v2-teal:#81ccdb;--v2-gold:#e9c58d;
 --v2-violet:#c2afff;--v2-rose:#f5a9c3;
 --v2-r:14px;--v2-mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
 --v2-sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
 --v2-metal:linear-gradient(147deg,rgba(34,67,91,.65),rgba(14,26,45,.77));
 --v2-shadow:0 16px 60px rgba(0,7,18,.28),inset 0 1px 0 rgba(214,248,255,.075);
 color-scheme:dark;accent-color:var(--v2-mint);
 -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
body.ux-v2 :where(h1,h2,h3){text-wrap:balance;}
body.ux-v2 :where(.eyebrow,.tag,.overline,.kicker,.badge,.phase,.micro,.mini,.label,.side-caption){
 font-family:var(--v2-sans);letter-spacing:.145em;
}
body.ux-v2 :where(.panel,.card,.tile,.station,.block,.detail,.fact,.result-panel,.control-surface,.monitor,.inspector,.sidebar){
 box-shadow:var(--v2-shadow);
}
body.ux-v2 :where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{
 outline:2px solid #a7f4e9!important;outline-offset:3px!important;
}
body.ux-v2 :where(button,input,select,textarea){transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;}
body.ux-v2 :where(button):not(:disabled):hover{filter:brightness(1.07)}
body.ux-v2 :where(input,textarea,select){font-family:var(--v2-sans)}
body.ux-v2 :where(input,textarea,select):focus{border-color:#83decf!important;box-shadow:0 0 0 3px rgba(95,218,196,.11)}
body.ux-v2 :where(header,nav,.topbar,.city-top,.top){-webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%)}
body.ux-v2 :where(.panel,.card,.station,.block,.result-panel,.control-surface){
 border-image:none;position:relative;
}
body.ux-v2 :where(.panel,.card,.station,.block,.result-panel,.control-surface)::before{
 content:"";pointer-events:none;position:absolute;left:13px;top:-1px;width:clamp(23px,12%,72px);height:1px;
 background:linear-gradient(90deg,transparent,var(--v2-mint),transparent);opacity:.55;
}
body.ux-v2 :where(.panel,.card,.station,.block,.result-panel,.control-surface) :where(a,button){
 text-underline-offset:4px;
}
body.ux-v2 :where(.panel,.card,.station,.block,.result-panel,.control-surface) :where(pre,code,textarea){
 font-variant-ligatures:none;
}
body.ux-v2 :where(.metrics,.stats,.stat-grid,.footer-numbers) :where(b,strong){
 font-variant-numeric:tabular-nums;
}
/* Each property gives the environment its own architecture within a common material palette. */
body.ux-v2[data-ux-surface="city"]{
 --v2-mint:#91c7f6;--v2-elevated:#152943;
}
body.ux-v2[data-ux-surface="city"] :where(.world,.sky,.metropolis,.atlas,.space){
 isolation:isolate;perspective:1000px;
}
body.ux-v2[data-ux-surface="city"] :where(.world,.sky,.metropolis)::before{
 content:"";position:absolute;pointer-events:none;inset:3% 4%;z-index:0;opacity:.24;
 background:repeating-radial-gradient(ellipse at 62% 54%,transparent 0 64px,rgba(134,194,234,.28) 65px 66px,transparent 67px 130px);
 mask-image:radial-gradient(ellipse at center,black,transparent 82%);
}
body.ux-v2[data-ux-surface="city"] :where(.district,.node,.map-dots button,.district-nav button){
 transition:transform .23s cubic-bezier(.2,.75,.23,1),border-color .23s,filter .23s;
}
body.ux-v2[data-ux-surface="city"] :where(.district,.node,.map-dots button,.district-nav button):hover{
 filter:brightness(1.12) drop-shadow(0 0 12px rgba(123,208,247,.22));
}
body.ux-v2[data-ux-surface="city"] :where(.popover,.inspector,.detail){
 border-color:rgba(146,206,238,.33);
 -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
body.ux-v2[data-ux-surface="city"] :where(.world,.atlas,.sky):after{
 content:"";pointer-events:none;position:absolute;right:12px;bottom:14px;width:31px;height:31px;
 border:1px solid rgba(148,208,238,.24);border-radius:50%;
 background:linear-gradient(90deg,transparent 48%,rgba(169,227,248,.3) 49% 51%,transparent 52%),
 linear-gradient(0deg,transparent 48%,rgba(169,227,248,.3) 49% 51%,transparent 52%);
 opacity:.7;
}
/* Software factories: transparent production stages; animated rails mean visual ambience, not job claims. */
body.ux-v2[data-ux-surface="factory"]{--v2-mint:#f0c994;--v2-elevated:#302538;}
body.ux-v2[data-ux-surface="factory"] :where(.upgrade-grid,.worker,.machines,.factory-grid,.pipeline){
 position:relative;isolation:isolate;
}
body.ux-v2[data-ux-surface="factory"] :where(.upgrade-grid,.machines)::after{
 content:"";height:3px;position:absolute;inset:auto 0 -9px;z-index:1;pointer-events:none;
 background:repeating-linear-gradient(90deg,rgba(236,186,114,.07) 0 18px,rgba(241,192,123,.75) 19px 30px,transparent 31px 65px);
 background-size:260px 3px;animation:v2-conveyor 18s linear infinite;
 box-shadow:0 0 12px rgba(244,188,112,.14);
}
body.ux-v2[data-ux-surface="factory"] :where(.station,.panel,.upgrade-grid article,.worker){
 border-color:rgba(239,183,113,.26);
}
body.ux-v2[data-ux-surface="factory"] :where(.worker .orb,.station .orb){
 box-shadow:0 0 0 6px rgba(237,178,118,.08),0 0 21px rgba(243,186,109,.19);
}
body.ux-v2[data-ux-surface="factory"] :where(.upgrade-grid article,.worker){
 transition:transform .22s ease,box-shadow .22s;
}
body.ux-v2[data-ux-surface="factory"] :where(.upgrade-grid article,.worker):hover{transform:translateY(-3px)}
@keyframes v2-conveyor{to{background-position:260px 0}}
/* Research labs: strict observation and instrument-grade details. */
body.ux-v2[data-ux-surface="research"]{--v2-mint:#88e9d5;--v2-panel:#0c2634}
body.ux-v2[data-ux-surface="research"] :where(.atlas,.canvas-region,.map-layout,.chatHead,.workspace,.benchmark-grid){
 isolation:isolate;
}
body.ux-v2[data-ux-surface="research"] :where(.canvas-region,.chatHead,.atlas){
 background-image:linear-gradient(rgba(120,220,212,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(120,220,212,.028) 1px,transparent 1px);
 background-size:30px 30px;
}
body.ux-v2[data-ux-surface="research"] :where(.panel,.card,.workspace,.benchmark-grid article,.model-card,.chatHead){
 border-color:rgba(132,211,201,.28);
}
body.ux-v2[data-ux-surface="research"] :where(.benchmark-grid,.canvas-region,.monitor){
 position:relative;
}
body.ux-v2[data-ux-surface="research"] :where(.benchmark-grid,.canvas-region,.monitor):after{
 content:"OBSERVATION • VERIFIED SOURCES";pointer-events:none;position:absolute;right:13px;bottom:10px;
 font:8px var(--v2-mono);letter-spacing:.14em;color:rgba(152,229,215,.53);z-index:0;
}
/* Studios have visual authorship: chromatic panels, architectural edges and material variation. */
body.ux-v2[data-ux-surface="studio"]{--v2-mint:#ccaaf9}
body.ux-v2[data-ux-surface="studio"] :where(.panel,.card,.mock-card,.studio,.result-panel){
 background-image:linear-gradient(148deg,rgba(122,80,146,.12),transparent 52%);
}
body.ux-v2[data-ux-surface="studio"] :where(.studio,.mock-card,.feature-media,.district-card){
 border-left:2px solid rgba(219,169,247,.48);
}
body.ux-v2[data-ux-surface="studio"] :where(.palette,.feature-media,.studio){
 position:relative;isolation:isolate;
}
body.ux-v2[data-ux-surface="studio"] :where(.palette,.feature-media,.studio):after{
 content:"";position:absolute;right:10px;top:10px;width:28px;height:28px;pointer-events:none;
 border-top:1px solid rgba(237,204,247,.35);border-right:1px solid rgba(237,204,247,.35);
}
/* Operating-system store, IDE and installer visuals. */
body.ux-v2[data-ux-surface="systems"]{--v2-mint:#a5e6d7;--v2-panel:#102636}
body.ux-v2[data-ux-surface="systems"] :where(.catalog-item,.recommendations a,.result-panel,.machine,.station){
 box-shadow:var(--v2-shadow);
}
body.ux-v2[data-ux-surface="systems"] :where(.stack-layer,.iso-disc,.code,#snippet){
 filter:drop-shadow(0 10px 20px rgba(2,10,23,.14));
}
body.ux-v2[data-ux-surface="systems"] :where(.code,#snippet,pre,code){
 font-family:var(--v2-mono);
}
body.ux-v2[data-ux-surface="systems"] :where(.catalog-item,.control-surface,.result-panel){
 border-color:rgba(145,212,210,.26);
}
/* Authenticated control planes: precise title bars, monospaced readouts and restrained glow. */
body.ux-v2[data-ux-surface="private"]{
 --v2-mint:#91e1d2;--v2-panel:#101f30;--v2-elevated:#163145;
 background-color:#070f19;
 background-image:radial-gradient(ellipse 80% 40% at 78% -17%,rgba(70,135,167,.21),transparent 75%),
 linear-gradient(rgba(129,193,223,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(129,193,223,.022) 1px,transparent 1px);
 background-size:auto,48px 48px,48px 48px;
}
body.ux-v2[data-ux-surface="private"] :where(header,.topbar,.toolbar,.brand,.sidebar,.navbox){
 border-color:rgba(144,198,223,.24);
}
body.ux-v2[data-ux-surface="private"] :where(.card,.panel,.stage,.stat,.stack,.field,.workspace){
 border-color:rgba(143,189,217,.29);
}
body.ux-v2[data-ux-surface="private"] :where(.card,.stat,.panel){
 background-image:linear-gradient(130deg,rgba(74,139,160,.058),transparent 69%);
}
body.ux-v2[data-ux-surface="private"] :where(.stat,.counts,.numbers,.tag,.pill){
 font-variant-numeric:tabular-nums;
}
body.ux-v2[data-ux-surface="private"] :where(pre,code,.terminal,.console,.log,.receipt){
 font-family:var(--v2-mono);
}
body.ux-v2[data-ux-surface="private"] :where(.nav a,.sidebar a,.navbox a):hover{
 background-color:rgba(100,209,198,.1);
}
body.ux-v2[data-ux-surface="private"] :where(button,input,select,textarea){
 accent-color:var(--v2-mint);
}
/* Standalone components usable in new products. */
.uqx-lab-rig{border:1px solid var(--v2-line);background:var(--v2-metal);border-radius:var(--v2-r);padding:20px}
.uqx-rig-head{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--v2-line);padding-bottom:14px}
.uqx-rig-signal{display:inline-flex;gap:8px;align-items:center;color:var(--v2-mint);font:700 10px var(--v2-mono);letter-spacing:.1em}
.uqx-rig-signal:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 11px currentColor}
.uqx-rig-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr));gap:12px}
.uqx-rig-module{padding:16px;background:rgba(6,16,29,.55);border:1px solid var(--v2-line);border-radius:8px}
.uqx-rig-module strong{font-variant-numeric:tabular-nums}
.uqx-rig-module small{display:block;margin-top:8px;color:var(--v2-sub)}
.uqx-terminal{font:12px/1.7 var(--v2-mono);color:#a6e4d8;background:#071623;border:1px solid rgba(126,202,189,.3);border-radius:10px;overflow:hidden}
.uqx-terminal-bar{background:#112b3a;border-bottom:1px solid rgba(126,202,189,.25);padding:10px 14px;letter-spacing:.1em;font-size:10px}
.uqx-terminal-body{padding:17px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.uqx-conveyor{height:5px;overflow:hidden;border-radius:4px;background:repeating-linear-gradient(90deg,rgba(117,211,192,.15) 0 23px,rgba(117,211,192,.76) 24px 37px,transparent 38px 72px);background-size:280px 100%;animation:v2-conveyor 19s linear infinite}
@media(hover:none){body.ux-v2 :where(.panel,.card,.station,.block){backdrop-filter:none}}
@media(max-width:760px){
 body.ux-v2 :where(.panel,.card,.station,.block,.result-panel,.control-surface){box-shadow:0 6px 22px rgba(0,7,18,.12)}
 body.ux-v2[data-ux-surface="factory"] :where(.upgrade-grid,.machines)::after{animation-duration:35s}
}
@media(prefers-reduced-motion:reduce){
 body.ux-v2 *,body.ux-v2 *::before,body.ux-v2 *::after,.uqx-conveyor{
 transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important
 }
}
@media print{body.ux-v2{background:#fff!important;color:#111!important}.uqx-conveyor{display:none}}