:root{
  color-scheme:dark;
  --void:#02030a;
  --obsidian:#060915;
  --panel:rgba(8,13,25,.64);
  --panel-deep:rgba(3,7,15,.76);
  --hairline:rgba(172,230,255,.15);
  --hairline-strong:rgba(143,236,255,.38);
  --ink:#f2fbff;
  --muted:#7d94a7;
  --soft:#b9d8e8;
  --cyan:#74f2ff;
  --blue:#4778ff;
  --violet:#b99cff;
  --green:#70ffd2;
  --amber:#ffd982;
  --red:#ff6d86;
  --shadow:0 30px 110px rgba(0,0,0,.58);
  --inset:inset 0 1px 0 rgba(255,255,255,.09), inset 0 -1px 0 rgba(0,0,0,.42);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  overflow:hidden;
  color:var(--ink);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 50% 38%,rgba(72,119,255,.21),transparent 32%),
    radial-gradient(circle at 18% 18%,rgba(116,242,255,.11),transparent 28%),
    radial-gradient(circle at 86% 18%,rgba(185,156,255,.13),transparent 26%),
    radial-gradient(circle at 55% 96%,rgba(112,255,210,.08),transparent 26%),
    linear-gradient(135deg,#010209,#050815 47%,#02030a);
}
body:before,body:after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
}
body:before{
  background-image:
    linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:radial-gradient(ellipse at 50% 46%,#000 0 45%,transparent 78%);
}
body:after{
  opacity:.42;
  background:linear-gradient(transparent 50%,rgba(255,255,255,.024) 51%);
  background-size:100% 4px;
  mix-blend-mode:screen;
}
button{font:inherit}button:focus-visible,.priority-card:focus-visible{outline:2px solid rgba(116,242,255,.86);outline-offset:3px}.priority-card:focus-visible{border-color:rgba(116,242,255,.46);box-shadow:0 0 0 1px rgba(116,242,255,.2),0 0 40px rgba(116,242,255,.16),inset 0 1px 0 rgba(255,255,255,.055)}
.glass-panel{
  position:relative;
  background:linear-gradient(180deg,rgba(13,22,39,.68),rgba(4,8,17,.62));
  border:1px solid var(--hairline);
  border-radius:26px;
  box-shadow:var(--shadow),var(--inset);
  backdrop-filter:blur(22px) saturate(128%);
}
.glass-panel:before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.11),transparent 28%,transparent 74%,rgba(116,242,255,.05));
  mask:linear-gradient(#000,transparent 62%);
}
.command-surface{
  position:relative;z-index:1;height:100vh;padding:18px;
  display:grid;grid-template-columns:172px minmax(680px,1fr) 370px;grid-template-rows:92px minmax(0,1fr);gap:18px;
}
.atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.atmosphere span{position:absolute;border-radius:999px;filter:blur(44px);opacity:.34;animation:haze 16s ease-in-out infinite}.atmosphere span:nth-child(1){width:420px;height:120px;left:31%;top:12%;background:rgba(116,242,255,.28)}.atmosphere span:nth-child(2){width:340px;height:170px;right:10%;bottom:18%;background:rgba(185,156,255,.22);animation-delay:-5s}.atmosphere span:nth-child(3){width:300px;height:110px;left:10%;bottom:11%;background:rgba(112,255,210,.13);animation-delay:-9s}
.topbar{grid-column:1/4;display:grid;grid-template-columns:300px minmax(360px,1fr) 390px;gap:14px;min-width:0}.identity{display:flex;align-items:center;gap:16px;padding:17px 18px}.sigil{width:46px;height:46px;border-radius:18px;position:relative;background:radial-gradient(circle at 45% 30%,#fff,#7df6ff 18%,#365fff 54%,transparent 68%);box-shadow:0 0 44px rgba(116,242,255,.48),inset 0 0 26px rgba(255,255,255,.25)}.sigil i{position:absolute;inset:8px;border:1px solid rgba(255,255,255,.55);border-radius:50%;transform:rotateX(60deg)}.identity p,.eyebrow{margin:0;color:#88a4b9;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.identity h1{margin:4px 0 0;font-size:18px;letter-spacing:-.03em}.mission-readout{padding:18px 22px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.mission-readout:after{content:"";position:absolute;right:18px;top:50%;width:190px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan));box-shadow:0 0 18px var(--cyan);animation:readoutSweep 5.8s ease-in-out infinite}.mission-readout strong{font-size:20px;letter-spacing:-.035em}.mission-readout em{font-style:normal;color:var(--muted);font-size:12px;margin-top:4px}.quiet-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{padding:14px 15px;overflow:hidden}.metric small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.14em}.metric b{display:block;font-size:29px;line-height:1;margin:4px 0}.metric span{font-size:12px;color:var(--soft)}
.left-rail{padding:16px 14px;display:flex;flex-direction:column;gap:18px;min-height:0;overflow:hidden}.rail-title{display:grid;gap:10px}.motion-toggle{position:relative;z-index:2;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.045);color:#c4eafa;padding:8px 10px;font-size:11px;cursor:pointer}.motion-toggle:hover{border-color:var(--hairline-strong);color:white}.state-column{height:318px;width:70px;margin:0 auto;position:relative}.state-column:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(116,242,255,.48),rgba(185,156,255,.34),transparent);box-shadow:0 0 18px rgba(116,242,255,.36)}.state-beam{position:absolute;left:30px;width:10px;height:74px;border-radius:99px;background:linear-gradient(transparent,var(--cyan),transparent);filter:drop-shadow(0 0 16px var(--cyan));animation:railBeam 4.8s linear infinite}.state-dot{position:absolute;left:22px;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(116,242,255,.14);box-shadow:0 0 26px rgba(116,242,255,.24)}.state-dot:after{content:"";position:absolute;inset:8px;border-radius:inherit;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.listening{top:18px}.thinking{top:96px}.routing{top:184px}.learning{top:270px}.routing:after{background:var(--green);box-shadow:0 0 14px var(--green)}.learning:after{background:var(--violet);box-shadow:0 0 14px var(--violet)}.event-stack{list-style:none;padding:0;margin:auto 0 0;display:grid;gap:12px}.event-stack li{padding:0 0 0 12px;border-left:2px solid rgba(116,242,255,.33)}.event-stack li.routing{border-color:var(--green)}.event-stack li.approval{border-color:var(--amber)}.event-stack li.learning{border-color:var(--violet)}.event-stack b{display:block;font-size:12px}.event-stack small{display:block;margin-top:3px;font-size:11px;color:var(--muted);line-height:1.35}
.stage{position:relative;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:36px;background:radial-gradient(ellipse at 50% 48%,rgba(116,242,255,.08),transparent 54%),linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.stage:before{content:"";position:absolute;inset:8%;background:radial-gradient(circle,rgba(255,255,255,.14) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse at 50% 48%,#000 0 45%,transparent 78%);animation:starfield 46s linear infinite;opacity:.45}.mode-deck{position:absolute;z-index:6;top:18px;left:18px;right:18px;padding:8px;display:flex;gap:8px;align-items:center}.mode-deck button{position:relative;z-index:2;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(2,5,12,.48);color:#a8bdcb;padding:10px 13px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:.22s ease}.mode-deck button span{width:8px;height:8px;border-radius:50%;background:rgba(116,242,255,.52);box-shadow:0 0 12px rgba(116,242,255,.55)}.mode-deck button:hover,.mode-deck button.active{color:white;border-color:var(--hairline-strong);background:rgba(116,242,255,.09);transform:translateY(-1px)}.orb-theater{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.horizon-line{position:absolute;left:7%;right:7%;top:52%;height:1px;background:linear-gradient(90deg,transparent,rgba(116,242,255,.16),rgba(255,255,255,.36),rgba(185,156,255,.16),transparent);box-shadow:0 0 44px rgba(116,242,255,.3)}.brain-orb{position:relative;z-index:2;width:min(1120px,105%);height:min(820px,84vh);overflow:visible}.depth-rings ellipse,.depth-rings path{fill:none;stroke:rgba(194,238,255,.09);stroke-width:1.2;transform-origin:550px 414px}.depth-rings ellipse:nth-child(1){stroke:rgba(116,242,255,.16);animation:ringRoll 13s ease-in-out infinite}.depth-rings ellipse:nth-child(2){animation:ringRoll 16s ease-in-out infinite reverse}.depth-rings ellipse:nth-child(3){stroke:rgba(255,255,255,.13);animation:ringRoll 9s ease-in-out infinite}.line{fill:none;stroke:url(#edgeGradient);stroke-width:2.1;stroke-dasharray:10 16;animation:lineDrift 22s linear infinite}.line.quiet{stroke:rgba(255,255,255,.11);stroke-width:1;stroke-dasharray:3 13}.line.grep{stroke:rgba(116,242,255,.44);stroke-width:3;stroke-dasharray:16 22;animation-duration:8.6s}.line.handoff{stroke:var(--green);stroke-width:4;stroke-dasharray:24 360;animation:handoff 5.4s cubic-bezier(.64,0,.22,1) infinite}.line.learning{stroke:var(--violet);stroke-width:4;stroke-dasharray:2 14;animation-duration:9.6s}.line.approval{stroke:var(--amber);stroke-width:4;stroke-dasharray:9 18;animation-duration:5.4s}.scan{fill:white;filter:url(#premiumGlow);opacity:.96}.scan.one{offset-path:path("M550 414 C420 352 296 292 214 204 C176 272 170 348 188 420 C236 522 288 560 348 592 C318 638 286 668 238 692");animation:scanPath 7.5s linear infinite}.scan.two{offset-path:path("M778 246 C862 294 888 352 928 414 C972 486 908 556 764 590 C814 610 852 634 884 658");animation:scanPath 9s linear infinite 1.3s}.scan.three{offset-path:path("M330 264 L550 414 L928 414");animation:scanPath 5.7s linear infinite 2.4s}.node circle,.file-node circle{filter:url(#premiumGlow);stroke:rgba(255,255,255,.76);stroke-width:1.2;fill:rgba(116,242,255,.17);animation:nodeBreath 5.6s ease-in-out infinite}.node text,.file-node text,.seat text{fill:#eefbff;text-anchor:middle;dominant-baseline:middle;font-size:14px;font-weight:800;paint-order:stroke;stroke:#02030a;stroke-width:5px}.file-node text{font-size:10px;letter-spacing:.12em;text-transform:uppercase;fill:#a9c6d7}.file-node circle{fill:rgba(255,255,255,.08);stroke:rgba(188,224,238,.52)}.file-node.match circle{fill:rgba(112,255,210,.19);stroke:var(--green);animation:matchWake 4s ease-in-out infinite}.node.approval circle{fill:rgba(255,217,130,.18);stroke:var(--amber)}.node.agent circle{fill:rgba(112,255,210,.18);stroke:var(--green)}.node.learning circle{fill:rgba(185,156,255,.2);stroke:var(--violet)}.node.memory circle,.node.workflow circle{fill:rgba(72,120,255,.17)}.orb-core .aura{fill:none;stroke:rgba(116,242,255,.15);filter:url(#coreBloom);transform-origin:550px 414px}.orb-core .outer{stroke-width:1;animation:orbSpin 18s linear infinite;stroke-dasharray:4 18}.orb-core .mid{stroke-width:1.4;animation:orbSpin 11s linear infinite reverse;stroke-dasharray:18 28}.orb-core .core{fill:url(#orbCore);stroke:rgba(255,255,255,.92);stroke-width:1.4;filter:url(#coreBloom);transform-origin:550px 414px;animation:coreBreath 5.2s ease-in-out infinite}.brain-thread{fill:none;stroke:rgba(255,255,255,.55);stroke-width:1.8;filter:url(#premiumGlow);stroke-linecap:round;stroke-dasharray:42 18;animation:thoughtTrace 6.2s ease-in-out infinite}.t2{animation-delay:-2s}.t3{stroke:rgba(116,242,255,.6);animation-delay:-4s}.core-title{fill:white;text-anchor:middle;font-weight:900;font-size:27px;letter-spacing:-.04em;paint-order:stroke;stroke:#02030a;stroke-width:6px}.core-subtitle{fill:#b6edf4;text-anchor:middle;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.14em;paint-order:stroke;stroke:#02030a;stroke-width:5px}.council-ring{opacity:0;transition:opacity .45s ease}.council-orbit{fill:none;stroke:rgba(185,156,255,.48);stroke-dasharray:8 15;animation:lineDrift 14s linear infinite}.seat circle{fill:rgba(185,156,255,.22);stroke:var(--violet);filter:url(#premiumGlow)}.seat text{font-size:11px}.hero-brief{position:absolute;z-index:5;left:24px;bottom:24px;width:min(470px,calc(100% - 48px));padding:24px 25px}.hero-brief h2{margin:8px 0 10px;font-size:42px;line-height:.92;letter-spacing:-.062em}.hero-brief p{margin:0;color:#bad0dc;line-height:1.48;font-size:14px}.mode-panel{position:absolute;right:24px;bottom:24px;z-index:6;width:380px;min-height:166px;padding:18px;display:grid;grid-template-columns:76px 1fr;gap:15px;align-items:start}.mini-orb{width:68px;height:68px;border-radius:24px;position:relative;background:radial-gradient(circle at 42% 34%,#fff 0 5%,var(--cyan) 6% 24%,rgba(72,120,255,.18) 58%,transparent 72%);box-shadow:0 0 48px rgba(116,242,255,.42),inset 0 0 24px rgba(255,255,255,.15);animation:miniPulse 4.4s ease-in-out infinite}.mini-orb i{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 14px white}.mini-orb i:nth-child(1){left:16px;top:21px}.mini-orb i:nth-child(2){right:16px;top:27px}.mini-orb i:nth-child(3){left:30px;bottom:16px}.mode-copy h3{font-size:18px;margin:0 0 7px}.mode-copy p,.mode-copy li{color:#9fb9ca;font-size:12px;line-height:1.45}.mode-copy p{margin:0}.mode-copy ul{margin:8px 0 0;padding-left:16px}
.priority-rail{padding:18px;display:flex;flex-direction:column;gap:15px;min-height:0}.priority-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.priority-heading h2{font-size:22px;margin:4px 0 0;letter-spacing:-.04em}.priority-heading b{color:var(--green);font-size:10px;text-transform:uppercase;letter-spacing:.16em;border:1px solid rgba(112,255,210,.22);background:rgba(112,255,210,.07);padding:6px 9px;border-radius:999px}.priority-lane{display:grid;gap:12px}.priority-card{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:13px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border-radius:21px;padding:15px 14px;cursor:grab;box-shadow:inset 0 1px 0 rgba(255,255,255,.055);transition:transform .2s ease,border-color .2s ease,background .2s ease}.priority-card:hover{transform:translateX(-5px);border-color:rgba(116,242,255,.35);background:linear-gradient(135deg,rgba(116,242,255,.095),rgba(255,255,255,.028))}.priority-card.dragging{opacity:.45;transform:scale(.985)}.priority-card.drop-target{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(116,242,255,.18),0 0 38px rgba(116,242,255,.14)}.priority-card i{width:8px;height:40px;border-radius:99px;background:var(--cyan);box-shadow:0 0 22px var(--cyan)}.priority-card strong{display:block;font-size:14px;letter-spacing:-.015em}.priority-card small{display:block;color:var(--muted);font-size:12px;margin-top:3px;line-height:1.3}.priority-card span{font-size:11px;color:#c5ddeb;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px 8px}.priority-card.approval i{background:var(--amber);box-shadow:0 0 22px var(--amber)}.priority-card.blocked i{background:var(--red);box-shadow:0 0 22px var(--red)}.priority-card.learning i{background:var(--violet);box-shadow:0 0 22px var(--violet)}.priority-card.active{border-color:rgba(112,255,210,.22)}.replay-chip{margin-top:auto;border:1px solid rgba(185,156,255,.2);border-radius:22px;padding:17px;background:radial-gradient(circle at 20% 0,rgba(185,156,255,.13),transparent 45%),rgba(255,255,255,.028)}.replay-chip span{display:block;color:var(--violet);font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.replay-chip p{margin:7px 0 0;color:#aabfce;font-size:13px;line-height:1.45}
.command-surface[data-mode="boardroom"] .council-ring{opacity:1}.command-surface[data-mode="boardroom"] .orb-core .outer{stroke:rgba(185,156,255,.38)}.command-surface[data-mode="boardroom"] .line.handoff{stroke:var(--violet)}.command-surface[data-mode="replay"] .line.learning,.command-surface[data-mode="replay"] .node.learning circle{animation-duration:2.4s}.command-surface[data-mode="browser"] .line.approval{stroke:var(--red)}.command-surface[data-mode="chat"] .orb-core .mid{stroke:rgba(116,242,255,.42)}.command-surface[data-motion="reduced"] *, .command-surface[data-motion="reduced"] *:before, .command-surface[data-motion="reduced"] *:after{animation:none!important;transition:none!important}.command-surface[data-motion="reduced"] .scan-lights,.command-surface[data-motion="reduced"] .state-beam{display:none}.command-surface[data-motion="reduced"] .orb-core .core{filter:url(#premiumGlow)}
@keyframes haze{50%{transform:translate3d(26px,-18px,0) scale(1.08);opacity:.48}}@keyframes readoutSweep{0%,100%{transform:translateX(40px);opacity:.15}45%,60%{transform:translateX(-160px);opacity:.8}}@keyframes railBeam{from{transform:translateY(-78px)}to{transform:translateY(332px)}}@keyframes starfield{to{transform:translate3d(34px,34px,0)}}@keyframes ringRoll{50%{transform:rotate(4deg) scale(1.025)}}@keyframes lineDrift{to{stroke-dashoffset:-260}}@keyframes handoff{0%{stroke-dashoffset:390;opacity:.12}25%,64%{opacity:1}100%{stroke-dashoffset:0;opacity:.14}}@keyframes scanPath{to{offset-distance:100%}}@keyframes nodeBreath{0%,100%{transform:scale(1);opacity:.92}50%{transform:scale(1.055);opacity:1}}@keyframes matchWake{0%,100%{transform:scale(1);filter:url(#premiumGlow)}45%{transform:scale(1.18);filter:drop-shadow(0 0 26px rgba(112,255,210,.9))}}@keyframes orbSpin{to{transform:rotate(360deg)}}@keyframes coreBreath{0%,100%{transform:scale(1);opacity:.94}50%{transform:scale(1.075);opacity:1}}@keyframes thoughtTrace{0%,100%{stroke-dashoffset:0;opacity:.36}50%{stroke-dashoffset:-80;opacity:.86}}@keyframes miniPulse{50%{transform:scale(1.06);box-shadow:0 0 62px rgba(116,242,255,.58),inset 0 0 28px rgba(255,255,255,.18)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.scan-lights,.state-beam{display:none}}
@media (max-width:1500px){.hero-brief{width:360px;padding:20px}.hero-brief h2{font-size:33px;line-height:.96}.hero-brief p{font-size:12.5px}.mode-panel{width:330px;grid-template-columns:58px 1fr;padding:15px}.mini-orb{width:54px;height:54px;border-radius:20px}.mode-copy h3{font-size:16px}.mode-copy p,.mode-copy li{font-size:11.5px}}
@media (max-width:1240px){body{overflow:auto}.command-surface{height:auto;min-height:100vh;grid-template-columns:1fr;grid-template-rows:auto}.topbar,.left-rail,.stage,.priority-rail{grid-column:1}.topbar{grid-template-columns:1fr}.quiet-metrics{grid-template-columns:repeat(3,1fr)}.left-rail{display:none}.stage{min-height:820px}.priority-rail{min-height:560px}}
@media (max-width:760px){.command-surface{padding:10px;gap:10px}.quiet-metrics{grid-template-columns:1fr}.mode-deck{overflow:auto}.mode-deck button{white-space:nowrap}.brain-orb{width:980px}.orb-theater{place-items:center start;overflow:auto}.hero-brief{left:16px;right:16px;bottom:16px;width:auto}.hero-brief h2{font-size:31px}.mode-panel{left:16px;right:16px;bottom:210px;width:auto}.topbar{gap:10px}}

/* Concept D5: D2 utility shell + D4 reference-locked cosmic center */
.cosmic-theater {
  place-items: center;
  padding-top: 76px;
}
.cosmic-core {
  position: relative;
  z-index: 2;
  width: min(1040px, 98%);
  aspect-ratio: 3 / 2;
  margin: 0;
  border-radius: 34px;
  overflow: hidden;
  filter: saturate(1.16) contrast(1.08) brightness(1.06);
  box-shadow:
    0 0 94px rgba(116, 242, 255, .18),
    0 0 190px rgba(185, 156, 255, .20),
    inset 0 0 0 1px rgba(255,255,255,.08);
}
.cosmic-core:before {
  content:"";
  position:absolute;
  inset:-12%;
  z-index:2;
  pointer-events:none;
  background:radial-gradient(circle at 50% 49%, transparent 0 52%, rgba(2,3,10,.18) 72%, rgba(2,3,10,.66) 95%);
  mix-blend-mode:multiply;
}
.cosmic-core img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  transform:scale(1.012);
  animation:cosmicBreath 12s ease-in-out infinite;
}
.cosmic-vignette {
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  background:
    radial-gradient(circle at 52% 45%, transparent 0 41%, rgba(0,0,0,.03) 56%, rgba(0,0,0,.25) 83%, rgba(0,0,0,.58) 100%),
    linear-gradient(90deg, rgba(2,3,9,.24), transparent 20% 80%, rgba(2,3,9,.32));
}
.cosmic-routes {
  position:absolute;
  inset:5% 3% 4%;
  z-index:5;
  overflow:visible;
  opacity:.58;
}
.cosmic-routes .route {
  fill:none;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-dasharray:8 640;
  filter:url(#d5RouteGlow);
  animation:dash 5.8s linear infinite;
}
.cosmic-routes .route-one,
.cosmic-routes .route-three { stroke:url(#d5CyanRoute); }
.cosmic-routes .route-two,
.cosmic-routes .route-four { stroke:url(#d5VioletRoute); animation-duration:7.5s; animation-delay:-2.2s; }
.cosmic-routes .route-three { animation-delay:-3.8s; }
.cosmic-routes .route-four { stroke-width:1.05; opacity:.54; }
.route-nodes circle {
  fill:rgba(238,254,255,.74);
  filter:url(#d5RouteGlow);
  animation:nodePulse 3.7s ease-in-out infinite;
}
.cosmic-halo {
  position:absolute;
  z-index:6;
  border-radius:50%;
  pointer-events:none;
  border:1px solid rgba(116,242,255,.24);
  box-shadow:0 0 34px rgba(116,242,255,.2), inset 0 0 28px rgba(185,156,255,.11);
}
.halo-primary { width:20%; height:20%; left:41%; top:39%; animation:halo 4.6s ease-in-out infinite; }
.halo-secondary { width:14%; height:14%; left:62%; top:56%; animation:halo 5.6s ease-in-out infinite reverse; border-color:rgba(255,217,130,.2); }
.scan-light {
  position:absolute;
  z-index:5;
  height:1px;
  width:42%;
  background:linear-gradient(90deg, transparent, rgba(126,247,255,.66), transparent);
  box-shadow:0 0 16px rgba(116,242,255,.3);
  opacity:.36;
  transform:rotate(-19deg);
}
.scan-a { left:15%; top:37%; animation:scan 7s ease-in-out infinite; }
.scan-b { right:9%; top:62%; animation:scan 8.5s ease-in-out infinite reverse; background:linear-gradient(90deg, transparent, rgba(214,133,255,.58), transparent); }
.cosmic-theater .hero-brief {
  width:min(430px, calc(100% - 48px));
  background:linear-gradient(180deg, rgba(8,13,25,.58), rgba(3,7,15,.66));
}
.cosmic-theater .hero-brief h2 { font-size:35px; line-height:.96; }
.command-surface[data-mode="boardroom"] .cosmic-halo { border-color:rgba(185,156,255,.45); box-shadow:0 0 44px rgba(185,156,255,.26), inset 0 0 28px rgba(185,156,255,.13); }
.command-surface[data-mode="browser"] .halo-secondary { border-color:rgba(255,109,134,.34); box-shadow:0 0 32px rgba(255,109,134,.22), inset 0 0 24px rgba(255,109,134,.09); }
.command-surface[data-mode="replay"] .cosmic-routes .route-three,
.command-surface[data-mode="replay"] .cosmic-routes .route-four { animation-duration:3.2s; opacity:.82; }
.command-surface[data-motion="reduced"] .cosmic-core img { transform:scale(1.012); }
.command-surface[data-motion="reduced"] .cosmic-routes,
.command-surface[data-motion="reduced"] .scan-light { display:none; }
@keyframes cosmicBreath { 0%,100%{ transform:scale(1.012); filter:brightness(1) saturate(1.08);} 50%{ transform:scale(1.026); filter:brightness(1.08) saturate(1.15);} }
@media (max-width:1500px){ .cosmic-core{width:min(920px,96%)} .cosmic-theater .hero-brief h2{font-size:29px} }
@media (max-width:1240px){ .cosmic-core{width:min(960px,96%)} }

/* Concept D6: high-end observation chamber shell. Keep D5 tools; remove dashboard/card feel. */
:root{
  --void:#03050A;
  --obsidian:#04070D;
  --panel:rgba(12,16,24,.38);
  --panel-deep:rgba(5,8,13,.62);
  --hairline:rgba(255,255,255,.045);
  --hairline-strong:rgba(182,218,235,.18);
  --ink:rgba(241,247,250,.88);
  --muted:rgba(172,184,193,.50);
  --soft:rgba(210,224,231,.68);
  --cyan:#8eeaff;
  --blue:#6f92ff;
  --violet:#a99aff;
  --green:#9fffe0;
  --amber:#d6b568;
  --red:#d37b87;
  --shadow:0 46px 140px rgba(0,0,0,.74);
  --inset:inset 0 1px 0 rgba(255,255,255,.035), inset 0 -1px 0 rgba(0,0,0,.5);
}
body{
  background:
    radial-gradient(ellipse at 50% 46%, rgba(76,96,150,.11) 0 19%, transparent 47%),
    radial-gradient(ellipse at 82% 18%, rgba(150,140,210,.08), transparent 32%),
    radial-gradient(ellipse at 8% 86%, rgba(125,160,190,.06), transparent 30%),
    linear-gradient(145deg,#020309 0%,#04070d 48%,#020309 100%);
  letter-spacing:.005em;
}
body:before{
  opacity:.24;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:86px 86px;
  mask-image:radial-gradient(ellipse at 50% 46%,#000 0 34%,transparent 73%);
}
body:after{opacity:.13;background-size:100% 6px;}
.command-surface{
  height:calc(100vh - 34px);
  margin:17px;
  padding:20px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.065);
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),transparent 10%),
    radial-gradient(ellipse at 50% 51%,rgba(105,120,170,.085),transparent 54%),
    rgba(2,3,8,.82);
  box-shadow:0 0 0 1px rgba(0,0,0,.8),0 42px 130px rgba(0,0,0,.8),inset 0 0 120px rgba(7,11,20,.65);
  grid-template-columns:214px minmax(720px,1fr) 314px;
  grid-template-rows:74px minmax(0,1fr);
  gap:16px;
  overflow:hidden;
}
.command-surface:before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:18px;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.025);
  box-shadow:inset 0 0 80px rgba(0,0,0,.46);
}
.command-surface:after{
  content:"";
  position:absolute;
  left:50%;top:0;
  width:260px;height:18px;
  transform:translateX(-50%);
  border-radius:0 0 18px 18px;
  background:linear-gradient(180deg,rgba(62,69,89,.58),rgba(11,14,22,.7));
  box-shadow:0 10px 26px rgba(0,0,0,.42), inset 0 -1px 0 rgba(255,255,255,.06);
  pointer-events:none;
}
.glass-panel{
  background:linear-gradient(180deg,rgba(12,16,24,.38),rgba(5,8,13,.45));
  border:1px solid rgba(255,255,255,.045);
  border-radius:22px;
  box-shadow:0 28px 90px rgba(0,0,0,.34),var(--inset);
  backdrop-filter:blur(22px) saturate(112%);
}
.glass-panel:before{
  opacity:.42;
  background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 24%,transparent 78%,rgba(160,190,220,.035));
}
.atmosphere span{opacity:.18;filter:blur(70px)}
.atmosphere span:nth-child(1){left:40%;top:24%;width:560px;background:rgba(105,160,210,.18)}
.atmosphere span:nth-child(2){right:5%;bottom:8%;background:rgba(160,130,210,.11)}
.atmosphere span:nth-child(3){left:0;bottom:18%;background:rgba(180,200,210,.06)}
.topbar{grid-template-columns:270px minmax(360px,1fr) 330px;gap:12px;align-items:stretch}.identity{padding:13px 16px;border-radius:20px}.sigil{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 45% 35%,#fff 0 6%,rgba(142,234,255,.9) 7% 18%,rgba(100,125,210,.18) 45%,transparent 70%);box-shadow:0 0 34px rgba(142,234,255,.18),inset 0 0 18px rgba(255,255,255,.16)}.identity p,.eyebrow{color:rgba(177,191,200,.52);font-size:9px;letter-spacing:.22em}.identity h1{font-size:15px;color:rgba(245,250,252,.82);font-weight:600}.mission-readout{padding:14px 20px;border-radius:20px}.mission-readout:after{opacity:.35;width:150px;background:linear-gradient(90deg,transparent,rgba(142,234,255,.7),transparent)}.mission-readout strong{font-size:17px;color:rgba(241,247,250,.84);font-weight:500}.mission-readout em{color:rgba(172,184,193,.44);font-size:11px}.quiet-metrics{gap:8px}.metric{padding:11px 13px;border-radius:18px}.metric small{color:rgba(172,184,193,.48);font-size:9px}.metric b{font-size:25px;font-weight:500;color:rgba(245,250,252,.86)}.metric span{font-size:10px;color:rgba(210,224,231,.48)}
.left-rail{border-color:rgba(255,255,255,.035);background:linear-gradient(180deg,rgba(10,14,22,.28),rgba(5,8,13,.34));border-radius:24px;padding:16px 13px;box-shadow:inset 0 0 38px rgba(0,0,0,.28)}.rail-title{gap:8px}.motion-toggle{border-color:rgba(255,255,255,.06);background:rgba(255,255,255,.018);color:rgba(210,224,231,.58);font-size:10px;padding:7px 9px}.state-column{height:270px;opacity:.72}.state-column:before{background:linear-gradient(transparent,rgba(142,234,255,.24),rgba(169,154,255,.18),transparent);box-shadow:0 0 26px rgba(142,234,255,.12)}.state-dot{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.035);box-shadow:0 0 22px rgba(142,234,255,.1)}.state-dot:after{opacity:.78}.event-stack{gap:14px}.event-stack li{border-left-color:rgba(190,210,220,.13);padding-left:10px}.event-stack b{color:rgba(242,248,250,.78);font-weight:500}.event-stack small{color:rgba(172,184,193,.44)}
.stage{border-radius:28px;border:1px solid rgba(255,255,255,.032);background:radial-gradient(ellipse at 50% 46%,rgba(130,154,220,.09),transparent 52%),linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.004));box-shadow:inset 0 0 120px rgba(0,0,0,.38)}.stage:before{opacity:.16;background-size:64px 64px}.mode-deck{top:16px;left:20px;right:auto;max-width:690px;border-radius:999px;padding:6px;background:rgba(2,4,9,.48);box-shadow:0 18px 60px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.035)}.mode-deck button{border-color:rgba(255,255,255,.045);background:transparent;color:rgba(205,218,226,.46);font-size:11px;padding:8px 12px}.mode-deck button span{width:6px;height:6px;background:rgba(205,218,226,.34);box-shadow:none}.mode-deck button:hover,.mode-deck button.active{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.09);color:rgba(245,250,252,.82);transform:none}.mode-deck button.active span{background:rgba(142,234,255,.9);box-shadow:0 0 12px rgba(142,234,255,.55)}
.cosmic-theater{padding-top:24px}.cosmic-core{width:min(1080px,100%);border-radius:22px;filter:saturate(1.08) contrast(1.03) brightness(1.03);box-shadow:0 0 95px rgba(142,234,255,.12),0 0 230px rgba(142,120,255,.14),inset 0 0 0 1px rgba(255,255,255,.035)}.cosmic-core:before{background:radial-gradient(circle at 50% 49%,transparent 0 56%,rgba(2,3,8,.25) 74%,rgba(2,3,8,.78) 96%)}.cosmic-vignette{background:radial-gradient(circle at 52% 45%,transparent 0 44%,rgba(0,0,0,.08) 65%,rgba(0,0,0,.5) 100%),linear-gradient(90deg,rgba(2,3,9,.38),transparent 22% 78%,rgba(2,3,9,.44))}.cosmic-routes{opacity:.38}.cosmic-halo{border-color:rgba(142,234,255,.13);box-shadow:0 0 38px rgba(142,234,255,.12),inset 0 0 32px rgba(169,154,255,.08)}.scan-light{opacity:.18}.horizon-line{opacity:.38;top:50%}
.hero-brief{left:28px;bottom:26px;width:min(360px,calc(100% - 56px));padding:16px 18px;border-radius:18px;background:rgba(4,7,12,.38);border-color:rgba(255,255,255,.035);box-shadow:0 20px 65px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025)}.cosmic-theater .hero-brief h2,.hero-brief h2{font-size:22px;line-height:1.02;letter-spacing:-.04em;color:rgba(245,250,252,.76);font-weight:500}.hero-brief p{font-size:11px;line-height:1.45;color:rgba(184,200,210,.48)}.mode-panel{right:24px;bottom:24px;width:315px;min-height:142px;border-radius:20px;background:rgba(5,8,13,.42);border-color:rgba(255,255,255,.04);box-shadow:0 22px 70px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.025)}.mini-orb{width:52px;height:52px;border-radius:50%;opacity:.7;box-shadow:0 0 42px rgba(142,234,255,.2),inset 0 0 18px rgba(255,255,255,.11)}.mode-copy h3{font-size:14px;font-weight:500;color:rgba(245,250,252,.78)}.mode-copy p,.mode-copy li{font-size:10.5px;color:rgba(172,184,193,.48)}
.priority-rail{border-radius:24px;background:linear-gradient(180deg,rgba(10,14,22,.30),rgba(5,8,13,.38));border-color:rgba(255,255,255,.035);padding:16px;box-shadow:inset 0 0 42px rgba(0,0,0,.28)}.priority-heading h2{font-size:18px;font-weight:500;color:rgba(245,250,252,.78)}.priority-heading b{border-color:rgba(159,255,224,.12);background:rgba(159,255,224,.035);color:rgba(159,255,224,.6);font-weight:600}.priority-lane{gap:10px}.priority-card{border-color:rgba(255,255,255,.045);background:linear-gradient(135deg,rgba(255,255,255,.032),rgba(255,255,255,.014));border-radius:18px;padding:13px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.priority-card:hover{transform:translateX(-3px);border-color:rgba(142,234,255,.16);background:linear-gradient(135deg,rgba(142,234,255,.045),rgba(255,255,255,.014))}.priority-card i{width:5px;height:34px;opacity:.68;box-shadow:0 0 14px currentColor}.priority-card strong{font-size:12px;font-weight:500;color:rgba(245,250,252,.78)}.priority-card small{font-size:10.5px;color:rgba(172,184,193,.45)}.priority-card span{font-size:10px;color:rgba(210,224,231,.48);border-color:rgba(255,255,255,.055);padding:4px 7px}.replay-chip{border-color:rgba(169,154,255,.10);background:radial-gradient(circle at 20% 0,rgba(169,154,255,.08),transparent 45%),rgba(255,255,255,.014);border-radius:18px;padding:14px}.replay-chip span{color:rgba(169,154,255,.58)}.replay-chip p{font-size:11.5px;color:rgba(172,184,193,.48)}
@media (max-width:1500px){.command-surface{grid-template-columns:194px minmax(650px,1fr) 300px}.cosmic-core{width:min(980px,100%)}.hero-brief{width:320px}.mode-panel{width:300px}.cosmic-theater .hero-brief h2,.hero-brief h2{font-size:19px}}

/* D6 hardening pass: reduce cyberpunk energy; convert meta cards into mission instrumentation. */
.cosmic-core{
  filter:saturate(.62) contrast(.98) brightness(.78);
  box-shadow:0 0 78px rgba(150,185,210,.10),0 0 210px rgba(95,105,145,.13),inset 0 0 0 1px rgba(255,255,255,.028);
}
.cosmic-core img{opacity:.88;mix-blend-mode:screen;}
.cosmic-vignette{
  background:
    radial-gradient(circle at 52% 45%,rgba(0,0,0,.04) 0 30%,rgba(0,0,0,.20) 62%,rgba(0,0,0,.70) 100%),
    linear-gradient(90deg,rgba(2,3,9,.52),transparent 28% 72%,rgba(2,3,9,.58)),
    linear-gradient(180deg,rgba(2,3,9,.28),transparent 30% 74%,rgba(2,3,9,.42));
}
.cosmic-routes{opacity:.24;filter:saturate(.62)}
.cosmic-halo{opacity:.56;border-color:rgba(210,224,231,.10);box-shadow:0 0 34px rgba(150,185,210,.08),inset 0 0 28px rgba(210,224,231,.045)}
.scan-light{opacity:.12;filter:saturate(.55)}
.stage:after{
  content:"JANE BRAIN // OBSERVATION CHAMBER // LOCAL SYNTHETIC MODE";
  position:absolute;
  z-index:7;
  top:72px;
  right:28px;
  color:rgba(210,224,231,.28);
  font-size:9px;
  letter-spacing:.24em;
  text-transform:uppercase;
  pointer-events:none;
}
.stage:before{opacity:.10;background-size:92px 92px;}
.horizon-line{opacity:.22;background:linear-gradient(90deg,transparent,rgba(210,224,231,.18),transparent);box-shadow:0 0 36px rgba(210,224,231,.08)}
.hero-brief,.mode-panel{
  background:linear-gradient(180deg,rgba(8,11,17,.42),rgba(4,6,10,.52));
  border-color:rgba(255,255,255,.032);
}
.hero-brief:after{
  content:"SECURE READOUT 04";
  display:block;
  margin-top:12px;
  color:rgba(214,181,104,.42);
  font-size:9px;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.cosmic-theater .hero-brief h2,.hero-brief h2{font-size:20px;letter-spacing:-.02em;text-transform:none}.hero-brief p{color:rgba(184,200,210,.42)}
.mode-panel{grid-template-columns:1fr;padding:16px;width:300px}.mini-orb{display:none}.mode-copy h3{letter-spacing:.04em;text-transform:uppercase;font-size:11px;color:rgba(210,224,231,.62)}.mode-copy p{font-size:11px;color:rgba(184,200,210,.42)}.mode-copy ul{display:grid;gap:3px;margin-top:10px}.mode-copy li{font-size:10px;color:rgba(184,200,210,.38)}
.mode-deck{background:rgba(3,5,9,.58);border-color:rgba(255,255,255,.032)}.mode-deck button{border:0;background:transparent}.mode-deck button:hover,.mode-deck button.active{background:rgba(210,224,231,.045)}
.metric,.identity,.mission-readout,.priority-card,.replay-chip,.left-rail,.priority-rail{box-shadow:inset 0 1px 0 rgba(255,255,255,.018), inset 0 -1px 0 rgba(0,0,0,.32)}
.metric b{font-size:22px}.priority-card i{filter:saturate(.45);opacity:.46}.priority-card.approval i,.priority-card.blocked i,.priority-card.learning i{filter:saturate(.38);opacity:.52}.priority-card strong,.event-stack b{letter-spacing:.01em}.replay-chip{background:rgba(255,255,255,.012)}

/* D6 spatial correction: the nebula is the environment, not an image card. */
.cosmic-theater{
  padding-top:0;
  background:
    radial-gradient(ellipse at 48% 48%, rgba(120,130,190,.06), transparent 58%),
    radial-gradient(ellipse at 16% 72%, rgba(130,180,210,.045), transparent 32%),
    radial-gradient(ellipse at 86% 34%, rgba(166,140,210,.045), transparent 34%);
}
.cosmic-core{
  position:absolute;
  left:50%;
  top:51%;
  width:min(1280px,122%);
  height:min(820px,90%);
  aspect-ratio:auto;
  transform:translate(-50%,-50%);
  border-radius:0;
  overflow:visible;
  border:0;
  background:transparent;
  box-shadow:none;
  filter:saturate(.72) contrast(1.02) brightness(.86);
}
.cosmic-core:before{
  inset:-16%;
  z-index:3;
  background:
    radial-gradient(ellipse at 50% 50%, transparent 0 46%, rgba(2,3,8,.08) 63%, rgba(2,3,8,.50) 82%, rgba(2,3,8,.92) 100%),
    linear-gradient(90deg, rgba(2,3,8,.88), transparent 20% 80%, rgba(2,3,8,.9));
  mix-blend-mode:normal;
}
.cosmic-core:after{
  content:"";
  position:absolute;
  inset:-18% -24%;
  z-index:2;
  pointer-events:none;
  opacity:.38;
  background:
    radial-gradient(ellipse at 14% 56%, rgba(130,190,220,.22), transparent 31%),
    radial-gradient(ellipse at 86% 37%, rgba(165,145,225,.18), transparent 30%),
    radial-gradient(ellipse at 29% 22%, rgba(214,181,104,.10), transparent 22%),
    linear-gradient(104deg, transparent 0 17%, rgba(140,205,230,.13) 26%, transparent 42%),
    linear-gradient(64deg, transparent 0 56%, rgba(170,145,225,.12) 66%, transparent 84%),
    linear-gradient(154deg, transparent 0 26%, rgba(220,190,125,.07) 36%, transparent 52%);
  filter:blur(18px) saturate(.7);
  mask-image:radial-gradient(ellipse at 50% 50%, transparent 0 18%, #000 28% 72%, transparent 96%);
}
.cosmic-core img{
  inset:-6% -4%;
  width:108%;
  height:112%;
  object-fit:cover;
  object-position:center;
  opacity:.82;
  mix-blend-mode:screen;
  mask-image:radial-gradient(ellipse at 50% 50%, #000 0 48%, rgba(0,0,0,.82) 62%, rgba(0,0,0,.35) 78%, transparent 96%);
  -webkit-mask-image:radial-gradient(ellipse at 50% 50%, #000 0 48%, rgba(0,0,0,.82) 62%, rgba(0,0,0,.35) 78%, transparent 96%);
}
.cosmic-vignette{
  inset:-10%;
  background:
    radial-gradient(ellipse at 50% 50%, transparent 0 42%, rgba(0,0,0,.06) 60%, rgba(0,0,0,.46) 82%, rgba(0,0,0,.92) 100%),
    linear-gradient(90deg, rgba(2,3,9,.82), transparent 24% 76%, rgba(2,3,9,.86)),
    linear-gradient(180deg, rgba(2,3,9,.70), transparent 22% 72%, rgba(2,3,9,.76));
}
.cosmic-routes{
  inset:-2% -7%;
  opacity:.22;
}
.cosmic-halo{opacity:.38;}
.scan-light{opacity:.10;}
.stage{
  background:
    radial-gradient(ellipse at 50% 46%,rgba(130,154,220,.08),transparent 58%),
    radial-gradient(ellipse at 50% 48%,rgba(255,255,255,.025),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.014),rgba(255,255,255,.003));
}
.stage:before{
  opacity:.07;
  mask-image:radial-gradient(ellipse at 50% 48%,#000 0 62%,transparent 88%);
}
.stage:after{z-index:8;}
.horizon-line{display:none;}
.hero-brief{
  left:26px;
  bottom:24px;
  background:linear-gradient(180deg,rgba(6,9,14,.48),rgba(3,5,9,.58));
}
.mode-panel{
  right:24px;
  bottom:24px;
  background:linear-gradient(180deg,rgba(6,9,14,.46),rgba(3,5,9,.56));
}

/* D6 viewport correction: viewer is in space; UI floats between viewer and cognition field. */
body{
  background:
    radial-gradient(ellipse at 52% 43%,rgba(118,126,190,.16),transparent 45%),
    radial-gradient(ellipse at 72% 64%,rgba(160,126,210,.09),transparent 38%),
    radial-gradient(ellipse at 18% 78%,rgba(120,185,215,.07),transparent 34%),
    linear-gradient(145deg,#010208 0%,#03050a 45%,#010207 100%);
}
body:before{
  opacity:.20;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.16) 0 1px,transparent 1.4px),
    linear-gradient(rgba(255,255,255,.010) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.008) 1px,transparent 1px);
  background-size:140px 140px, 118px 118px, 118px 118px;
  mask-image:radial-gradient(ellipse at 50% 48%,#000 0 74%,transparent 100%);
}
.command-surface{
  margin:0;
  height:100vh;
  padding:20px 22px 22px;
  border:0;
  border-radius:0;
  background:
    radial-gradient(ellipse at 50% 50%, transparent 0 44%, rgba(1,2,7,.32) 78%, rgba(1,2,7,.82) 100%),
    linear-gradient(90deg,rgba(1,2,7,.72),transparent 17% 83%,rgba(1,2,7,.76));
  box-shadow:inset 0 0 180px rgba(0,0,0,.55);
  grid-template-columns:214px minmax(720px,1fr) 314px;
  grid-template-rows:72px minmax(0,1fr);
}
.command-surface:before{
  inset:12px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.026);
  box-shadow:inset 0 0 120px rgba(0,0,0,.22);
}
.command-surface:after{opacity:.42;}
.topbar,.left-rail,.priority-rail,.mode-deck,.hero-brief,.mode-panel{z-index:12;}
.stage{
  z-index:1;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  pointer-events:none;
}
.stage:before{
  inset:-24% -42%;
  opacity:.08;
  background-size:118px 118px;
  mask-image:radial-gradient(ellipse at 50% 50%,#000 0 72%,transparent 100%);
}
.stage:after{
  top:70px;
  right:22px;
  opacity:.55;
}
.orb-theater,.cosmic-theater{
  position:fixed;
  inset:0;
  overflow:visible;
  pointer-events:none;
  z-index:0;
  padding:0;
  background:transparent;
}
.cosmic-core{
  position:fixed;
  left:50%;
  top:52%;
  width:132vw;
  height:116vh;
  max-width:none;
  transform:translate(-50%,-50%);
  z-index:0;
  filter:saturate(.70) contrast(1.02) brightness(.82);
}
.cosmic-core:before{
  inset:-8%;
  background:
    radial-gradient(ellipse at 50% 50%,transparent 0 44%,rgba(1,2,7,.05) 61%,rgba(1,2,7,.42) 84%,rgba(1,2,7,.96) 100%),
    linear-gradient(90deg,rgba(1,2,7,.84),transparent 22% 78%,rgba(1,2,7,.88)),
    linear-gradient(180deg,rgba(1,2,7,.72),transparent 18% 78%,rgba(1,2,7,.78));
}
.cosmic-core:after{
  inset:-10% -20%;
  opacity:.54;
  background:
    radial-gradient(ellipse at 7% 55%,rgba(130,190,220,.22),transparent 34%),
    radial-gradient(ellipse at 92% 36%,rgba(165,145,225,.18),transparent 35%),
    radial-gradient(ellipse at 50% 92%,rgba(160,110,210,.12),transparent 31%),
    linear-gradient(100deg,transparent 0 12%,rgba(140,205,230,.14) 25%,transparent 45%),
    linear-gradient(58deg,transparent 0 58%,rgba(170,145,225,.14) 69%,transparent 88%),
    linear-gradient(154deg,transparent 0 22%,rgba(220,190,125,.08) 37%,transparent 58%);
  filter:blur(22px) saturate(.66);
  mask-image:radial-gradient(ellipse at 50% 50%, transparent 0 10%, #000 22% 78%, transparent 100%);
}
.cosmic-core img{
  inset:-4% -2%;
  width:104%;
  height:108%;
  object-fit:cover;
  opacity:.72;
  mask-image:radial-gradient(ellipse at 50% 50%, #000 0 52%, rgba(0,0,0,.82) 66%, rgba(0,0,0,.28) 84%, transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse at 50% 50%, #000 0 52%, rgba(0,0,0,.82) 66%, rgba(0,0,0,.28) 84%, transparent 100%);
}
.cosmic-vignette{inset:-8%;}
.cosmic-routes{inset:6% 13%; opacity:.18;}
.cosmic-halo{opacity:.28;}
.scan-light{opacity:.08;}
.glass-panel{
  background:linear-gradient(180deg,rgba(8,11,17,.34),rgba(3,5,9,.42));
  border-color:rgba(255,255,255,.036);
  box-shadow:0 24px 82px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.022),inset 0 -1px 0 rgba(0,0,0,.34);
}
.left-rail,.priority-rail{
  background:linear-gradient(180deg,rgba(7,10,16,.30),rgba(3,5,9,.38));
}
.mode-deck{
  position:absolute;
  pointer-events:auto;
}
.hero-brief,.mode-panel{
  position:absolute;
  pointer-events:auto;
}
@media (max-width:1240px){
  .orb-theater,.cosmic-theater{position:absolute;}
  .cosmic-core{position:absolute;width:130%;height:100%;}
}

/* D6 immersive-space fix: promote Neuro Nebula to full-canvas environment behind every UI layer. */
body{
  background:#010207;
}
body:before{
  content:"";
  position:fixed;
  inset:-8vh -10vw;
  z-index:0;
  pointer-events:none;
  opacity:.72;
  background:
    radial-gradient(ellipse at 50% 50%, transparent 0 42%, rgba(1,2,7,.20) 68%, rgba(1,2,7,.86) 100%),
    linear-gradient(90deg, rgba(1,2,7,.46), transparent 18% 82%, rgba(1,2,7,.52)),
    linear-gradient(180deg, rgba(1,2,7,.36), transparent 18% 78%, rgba(1,2,7,.54)),
    url("assets/central-intelligence-display-enhanced.png") center center / cover no-repeat;
  filter:saturate(.72) contrast(1.04) brightness(.78);
  mask-image:none;
  -webkit-mask-image:none;
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:1;
  background:
    radial-gradient(circle at 18% 22%,rgba(255,255,255,.11) 0 1px,transparent 1.6px),
    radial-gradient(circle at 76% 18%,rgba(255,255,255,.10) 0 1px,transparent 1.7px),
    radial-gradient(circle at 64% 72%,rgba(255,255,255,.08) 0 1px,transparent 1.6px),
    radial-gradient(ellipse at 50% 50%,transparent 0 54%,rgba(1,2,7,.48) 86%,rgba(1,2,7,.92) 100%),
    linear-gradient(transparent 50%,rgba(255,255,255,.018) 51%);
  background-size:220px 180px,260px 210px,300px 240px,100% 100%,100% 6px;
  mix-blend-mode:screen;
}
.command-surface{
  background:
    radial-gradient(ellipse at 50% 50%, transparent 0 42%, rgba(1,2,7,.20) 78%, rgba(1,2,7,.68) 100%),
    linear-gradient(90deg,rgba(1,2,7,.42),transparent 16% 84%,rgba(1,2,7,.48));
  box-shadow:inset 0 0 190px rgba(0,0,0,.42);
}
.command-surface:before{z-index:2;}
.command-surface:after{z-index:3;}
.stage{z-index:2;}
.cosmic-core{
  display:none;
}
.orb-theater,.cosmic-theater{
  z-index:2;
}
.glass-panel{
  background:linear-gradient(180deg,rgba(6,9,14,.28),rgba(2,4,8,.34));
  backdrop-filter:blur(20px) saturate(108%);
}
.left-rail,.priority-rail,.identity,.mission-readout,.metric,.mode-deck,.hero-brief,.mode-panel{
  background:linear-gradient(180deg,rgba(6,9,14,.30),rgba(2,4,8,.36));
}
.priority-card,.replay-chip{
  background:linear-gradient(135deg,rgba(255,255,255,.026),rgba(255,255,255,.010));
}

/* Generated seamless full-space field replaces rectangular source image in the environment layer. */
body:before{
  inset:0;
  opacity:.86;
  background:
    radial-gradient(ellipse at 50% 50%, transparent 0 48%, rgba(1,2,7,.18) 72%, rgba(1,2,7,.86) 100%),
    linear-gradient(90deg,rgba(1,2,7,.30),transparent 20% 80%,rgba(1,2,7,.36)),
    url("assets/neuro-nebula-fullspace-field.png") center center / cover no-repeat;
  filter:saturate(.92) contrast(1.03) brightness(.92);
}

/* Use transparent luminosity-extracted nebula so no black image rectangle can appear. */
body{
  background:
    radial-gradient(ellipse at 51% 48%, rgba(94,104,150,.13), transparent 52%),
    radial-gradient(ellipse at 14% 64%, rgba(120,185,215,.065), transparent 35%),
    radial-gradient(ellipse at 88% 32%, rgba(165,145,225,.070), transparent 36%),
    linear-gradient(145deg,#010207 0%,#03050a 45%,#010207 100%);
}
body:before{
  inset:-10vh -14vw;
  opacity:.94;
  background:
    radial-gradient(ellipse at 50% 50%, transparent 0 52%, rgba(1,2,7,.14) 74%, rgba(1,2,7,.82) 100%),
    url("assets/neuro-nebula-transparent-field.png") center center / cover no-repeat;
  filter:saturate(.86) contrast(1.05) brightness(.92);
}
body:after{
  background:
    radial-gradient(circle at 18% 22%,rgba(255,255,255,.10) 0 1px,transparent 1.6px),
    radial-gradient(circle at 76% 18%,rgba(255,255,255,.09) 0 1px,transparent 1.7px),
    radial-gradient(circle at 64% 72%,rgba(255,255,255,.075) 0 1px,transparent 1.6px),
    linear-gradient(100deg,transparent 0 10%,rgba(140,205,230,.05) 24%,transparent 45%),
    linear-gradient(58deg,transparent 0 58%,rgba(170,145,225,.045) 70%,transparent 88%),
    radial-gradient(ellipse at 50% 50%,transparent 0 58%,rgba(1,2,7,.46) 86%,rgba(1,2,7,.92) 100%),
    linear-gradient(transparent 50%,rgba(255,255,255,.014) 51%);
  background-size:220px 180px,260px 210px,300px 240px,100% 100%,100% 100%,100% 100%,100% 6px;
}
.command-surface{
  background:
    radial-gradient(ellipse at 50% 50%, transparent 0 44%, rgba(1,2,7,.16) 78%, rgba(1,2,7,.62) 100%),
    linear-gradient(90deg,rgba(1,2,7,.36),transparent 18% 82%,rgba(1,2,7,.42));
}

/* Remove remaining viewport/bottom cutoff: command surface must be transparent over one continuous space layer. */
html,body{height:100%;min-height:100%;overflow:hidden;background:#010207;}
body:before{
  inset:0;
  width:100vw;
  height:100vh;
  opacity:1;
  background:
    radial-gradient(ellipse at 50% 56%, transparent 0 56%, rgba(1,2,7,.10) 76%, rgba(1,2,7,.62) 100%),
    radial-gradient(ellipse at 48% 88%, rgba(130,170,215,.16), transparent 40%),
    radial-gradient(ellipse at 18% 86%, rgba(120,185,215,.10), transparent 34%),
    radial-gradient(ellipse at 82% 82%, rgba(165,145,225,.10), transparent 35%),
    url("assets/neuro-nebula-transparent-field.png") center 57% / 128vw auto no-repeat,
    linear-gradient(145deg,#010207 0%,#03050a 45%,#010207 100%);
  filter:saturate(.88) contrast(1.05) brightness(.95);
}
body:after{
  opacity:.78;
  background:
    radial-gradient(circle at 18% 22%,rgba(255,255,255,.10) 0 1px,transparent 1.6px),
    radial-gradient(circle at 76% 18%,rgba(255,255,255,.09) 0 1px,transparent 1.7px),
    radial-gradient(circle at 64% 72%,rgba(255,255,255,.075) 0 1px,transparent 1.6px),
    radial-gradient(circle at 26% 88%,rgba(255,255,255,.07) 0 1px,transparent 1.7px),
    radial-gradient(circle at 78% 91%,rgba(255,255,255,.06) 0 1px,transparent 1.7px),
    linear-gradient(100deg,transparent 0 10%,rgba(140,205,230,.035) 24%,transparent 45%),
    linear-gradient(58deg,transparent 0 58%,rgba(170,145,225,.032) 70%,transparent 88%),
    radial-gradient(ellipse at 50% 52%,transparent 0 64%,rgba(1,2,7,.30) 92%,rgba(1,2,7,.72) 100%),
    linear-gradient(transparent 50%,rgba(255,255,255,.010) 51%);
  background-size:220px 180px,260px 210px,300px 240px,240px 220px,280px 260px,100% 100%,100% 100%,100% 100%,100% 6px;
}
.command-surface{
  background:transparent !important;
  box-shadow:inset 0 0 120px rgba(0,0,0,.18);
}
.command-surface:before{
  border-color:rgba(255,255,255,.018);
  box-shadow:none;
}

/* Fill lower viewport with secondary transparent nebula pass so space never terminates into a hard band. */
body:before{
  background:
    radial-gradient(ellipse at 50% 56%, transparent 0 56%, rgba(1,2,7,.10) 78%, rgba(1,2,7,.58) 100%),
    radial-gradient(ellipse at 50% 98%, rgba(145,170,220,.22), transparent 52%),
    radial-gradient(ellipse at 20% 92%, rgba(120,185,215,.16), transparent 42%),
    radial-gradient(ellipse at 84% 90%, rgba(165,145,225,.15), transparent 43%),
    url("assets/neuro-nebula-transparent-field.png") center 118% / 150vw auto no-repeat,
    url("assets/neuro-nebula-transparent-field.png") center 55% / 128vw auto no-repeat,
    linear-gradient(145deg,#010207 0%,#03050a 45%,#010207 100%);
}
body:after{
  background:
    radial-gradient(circle at 18% 22%,rgba(255,255,255,.10) 0 1px,transparent 1.6px),
    radial-gradient(circle at 76% 18%,rgba(255,255,255,.09) 0 1px,transparent 1.7px),
    radial-gradient(circle at 64% 72%,rgba(255,255,255,.075) 0 1px,transparent 1.6px),
    radial-gradient(circle at 26% 88%,rgba(255,255,255,.09) 0 1px,transparent 1.7px),
    radial-gradient(circle at 78% 91%,rgba(255,255,255,.08) 0 1px,transparent 1.7px),
    radial-gradient(circle at 47% 96%,rgba(255,255,255,.08) 0 1px,transparent 1.7px),
    linear-gradient(100deg,transparent 0 10%,rgba(140,205,230,.04) 24%,transparent 45%),
    linear-gradient(58deg,transparent 0 58%,rgba(170,145,225,.04) 70%,transparent 88%),
    radial-gradient(ellipse at 50% 52%,transparent 0 66%,rgba(1,2,7,.26) 94%,rgba(1,2,7,.66) 100%),
    linear-gradient(transparent 50%,rgba(255,255,255,.010) 51%);
  background-size:220px 180px,260px 210px,300px 240px,240px 220px,280px 260px,310px 270px,100% 100%,100% 100%,100% 100%,100% 6px;
}

/* Remove all bottom-vignette banding; keep continuous visible space to viewport edge. */
body:before{
  background:
    radial-gradient(ellipse at 50% 96%, rgba(150,180,225,.28), transparent 56%),
    radial-gradient(ellipse at 18% 94%, rgba(120,185,215,.18), transparent 46%),
    radial-gradient(ellipse at 86% 92%, rgba(165,145,225,.17), transparent 47%),
    url("assets/neuro-nebula-transparent-field.png") center 112% / 155vw auto no-repeat,
    url("assets/neuro-nebula-transparent-field.png") center 50% / 130vw auto no-repeat,
    linear-gradient(145deg,#010207 0%,#03050a 45%,#02040a 100%);
}
body:after{
  opacity:.92;
  background:
    radial-gradient(circle at 18% 22%,rgba(255,255,255,.10) 0 1px,transparent 1.6px),
    radial-gradient(circle at 76% 18%,rgba(255,255,255,.09) 0 1px,transparent 1.7px),
    radial-gradient(circle at 64% 72%,rgba(255,255,255,.085) 0 1px,transparent 1.6px),
    radial-gradient(circle at 26% 88%,rgba(255,255,255,.11) 0 1px,transparent 1.7px),
    radial-gradient(circle at 78% 91%,rgba(255,255,255,.10) 0 1px,transparent 1.7px),
    radial-gradient(circle at 47% 96%,rgba(255,255,255,.10) 0 1px,transparent 1.7px),
    radial-gradient(ellipse at 50% 105%,rgba(145,170,225,.12),transparent 58%),
    linear-gradient(100deg,transparent 0 10%,rgba(140,205,230,.045) 24%,transparent 45%),
    linear-gradient(58deg,transparent 0 58%,rgba(170,145,225,.045) 70%,transparent 88%),
    linear-gradient(transparent 50%,rgba(255,255,255,.010) 51%);
  background-size:220px 180px,260px 210px,300px 240px,240px 220px,280px 260px,310px 270px,100% 100%,100% 100%,100% 100%,100% 6px;
  mix-blend-mode:screen;
}
.command-surface{box-shadow:none;}
.command-surface:before{display:none;}

/* Force a full-viewport space plate inside the app stacking context, above any page/background band. */
.command-surface:before{
  content:"";
  display:block;
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  border:0;
  border-radius:0;
  background:
    radial-gradient(ellipse at 50% 96%, rgba(165,190,235,.24), transparent 58%),
    radial-gradient(ellipse at 16% 94%, rgba(120,185,215,.16), transparent 45%),
    radial-gradient(ellipse at 84% 92%, rgba(165,145,225,.15), transparent 46%),
    radial-gradient(circle at 24% 92%,rgba(255,255,255,.11) 0 1px,transparent 1.8px),
    radial-gradient(circle at 73% 89%,rgba(255,255,255,.10) 0 1px,transparent 1.8px),
    radial-gradient(circle at 49% 97%,rgba(255,255,255,.09) 0 1px,transparent 1.8px),
    url("assets/neuro-nebula-transparent-field.png") center 104% / 160vw auto no-repeat,
    url("assets/neuro-nebula-transparent-field.png") center 48% / 132vw auto no-repeat,
    linear-gradient(180deg,#010207 0%,#03050a 46%,#02040a 100%);
  background-size:auto,auto,auto,260px 220px,300px 240px,340px 280px,160vw auto,132vw auto,auto;
  filter:saturate(.9) contrast(1.05) brightness(.95);
}
.command-surface > *{position:relative;}

/* Explicit lower-space veil above all background layers, below UI, to eliminate perceived cutoff. */
.command-surface:after{
  content:"";
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  top:auto;
  width:100vw;
  height:34vh;
  transform:none;
  border-radius:0;
  z-index:4;
  pointer-events:none;
  opacity:1;
  background:
    radial-gradient(ellipse at 50% 100%, rgba(165,190,235,.30), transparent 62%),
    radial-gradient(ellipse at 18% 78%, rgba(120,185,215,.22), transparent 50%),
    radial-gradient(ellipse at 86% 70%, rgba(165,145,225,.20), transparent 50%),
    radial-gradient(circle at 12% 42%, rgba(255,255,255,.14) 0 1px, transparent 1.8px),
    radial-gradient(circle at 36% 78%, rgba(255,255,255,.13) 0 1px, transparent 1.8px),
    radial-gradient(circle at 64% 52%, rgba(255,255,255,.12) 0 1px, transparent 1.8px),
    radial-gradient(circle at 84% 84%, rgba(255,255,255,.12) 0 1px, transparent 1.8px),
    url("assets/neuro-nebula-transparent-field.png") center 86% / 170vw auto no-repeat,
    linear-gradient(180deg, transparent 0%, rgba(8,12,22,.18) 38%, rgba(12,18,32,.24) 100%);
  background-size:auto,auto,auto,240px 190px,280px 220px,320px 250px,360px 280px,170vw auto,auto;
  filter:saturate(.82) brightness(.9);
}

/* Last-mile anti-band overlay: visible space continuation at the physical viewport edge. */
.command-surface:after{
  top:auto !important;
  bottom:0 !important;
  height:18vh !important;
  z-index:999 !important;
  opacity:.72 !important;
  mix-blend-mode:screen;
  background:
    radial-gradient(ellipse at 50% 100%, rgba(175,205,255,.36), transparent 70%),
    radial-gradient(ellipse at 14% 70%, rgba(120,185,215,.28), transparent 58%),
    radial-gradient(ellipse at 88% 68%, rgba(165,145,225,.26), transparent 58%),
    radial-gradient(circle at 10% 48%, rgba(255,255,255,.18) 0 1px, transparent 1.8px),
    radial-gradient(circle at 32% 76%, rgba(255,255,255,.16) 0 1px, transparent 1.8px),
    radial-gradient(circle at 66% 44%, rgba(255,255,255,.15) 0 1px, transparent 1.8px),
    radial-gradient(circle at 88% 82%, rgba(255,255,255,.14) 0 1px, transparent 1.8px),
    linear-gradient(180deg, transparent 0%, rgba(30,42,72,.24) 60%, rgba(46,60,96,.32) 100%) !important;
  background-size:auto,auto,auto,220px 160px,260px 190px,300px 210px,340px 230px,auto !important;
}

.space-continuity-field{
  position:fixed !important;
  left:0;right:0;bottom:0;
  width:100vw;height:24vh;
  z-index:1000;
  pointer-events:none;
  opacity:.92;
  mix-blend-mode:screen;
  background:
    radial-gradient(ellipse at 50% 100%, rgba(185,210,255,.42), transparent 72%),
    radial-gradient(ellipse at 18% 72%, rgba(120,185,215,.32), transparent 58%),
    radial-gradient(ellipse at 86% 72%, rgba(165,145,225,.30), transparent 58%),
    radial-gradient(circle at 10% 48%, rgba(255,255,255,.22) 0 1px, transparent 1.8px),
    radial-gradient(circle at 32% 76%, rgba(255,255,255,.20) 0 1px, transparent 1.8px),
    radial-gradient(circle at 66% 44%, rgba(255,255,255,.18) 0 1px, transparent 1.8px),
    radial-gradient(circle at 88% 82%, rgba(255,255,255,.18) 0 1px, transparent 1.8px),
    linear-gradient(180deg, transparent 0%, rgba(32,44,76,.34) 62%, rgba(54,70,110,.44) 100%);
  background-size:auto,auto,auto,220px 160px,260px 190px,300px 210px,340px 230px,auto;
}