/* SIGNAL.CHROMA // Concept 03 / visual exploration, not a production stylesheet.
   Violet • electric cyan • saturated iris • a precise hit of pink.
   Designed to sit on top of the existing SIGNAL.OS prototype. */
:root {
  --bg:#070716; --shell:#090b20; --layer:#101530; --layer2:#141b39;
  --paper:#f7f5ff; --muted:#b2b5de; --faint:#8186b9;
  --line:#31355e; --line-bright:#6266a9;
  --gold:#aa79ff; --gold-hot:#f0b6ff; --sage:#9edafa;
  --cyan:#16e3ff; --violet:#a471ff; --electric:#7d55ff; --pink:#fb4fd3;
  --active-emit:#b385ff;
  --subtle-glow:rgba(145,69,255,.19);
}
html {scrollbar-color:#5950a3 #0c0b24}
body { background:#05040f; }
.site-shell {background:#08091c;border-color:#2b2755}
body::before {opacity:.08}
:focus-visible {outline-color:#53edff!important}
::selection {background:#7f4cff;color:#fff}
/* Thin streak of concentrated light, with the rest of the chrome restrained. */
.notice-strip {background:linear-gradient(90deg,#101133,#161235 47%,#090e2b);border-bottom:1px solid #524599;color:#a3bff2}
.notice-strip::before { content:""; position:absolute; height:2px; top:0; left:0; right:0; background:linear-gradient(90deg,transparent 1%,#653dff 16%,#e743d8 45%,#17d9ff 78%,transparent); box-shadow:0 0 18px #9051ffb0; }
.notice-strip>span:first-child {color:#f5e8ff}
.notice-dot {background:#2cf0fa;box-shadow:0 0 0 3px #35c1ff26,0 0 15px #20e5ff}
.notice-separator {color:#e370ff}
.site-header {background:rgba(8,8,25,.98);border-bottom-color:#33295d}
.brand-symbol {border-color:#bb6bff;background:linear-gradient(140deg,#42226c,#13265e 76%);box-shadow:0 0 0 1px #b356ff26,0 0 21px #d63aff38,inset 0 0 18px #db54ff35}
.brand-symbol i {background:linear-gradient(#ff81ef,#37e9ff)}
.brand-suffix {color:#b6a4f6}
.brand-chroma {color:#f678e5}
.main-nav a {color:#b8b7db}
.main-nav a:hover {color:#fff}
.nav-index {color:#9181e3}
.header-cta {border-color:#6054a0;background:linear-gradient(140deg,#1a173d,#0b102a);box-shadow:inset 0 1px #ba9cff16}
.header-cta:hover {background:#262052;border-color:#d06fff}
.header-cta span {color:#6be9ff}
.os-dock {background:#0c0c27;border-color:#34295d}
.dock-marker {color:#d574ff;text-shadow:0 0 16px #ae61ff}
.dock-item {color:#9994c8}
.dock-item:hover {background:#272050;border-color:#825ad0;color:#f8f0ff}
.dock-item.dock-active {color:#f4d8ff;background:linear-gradient(135deg,#442469,#201d5d 72%);border-color:#9763da;box-shadow:inset 3px 0 #ed6aff,0 0 20px #c64afe1c}
.dock-version {color:#a06adb;border-color:#4b3a72}
/* Hero: a saturated atmosphere, anchored by dark surfaces. */
.hero { background:
    radial-gradient(ellipse 43% 65% at 79% 36%,rgba(116,45,220,.43) 0%,rgba(71,25,157,.18) 50%,transparent 84%),
    radial-gradient(ellipse 42% 45% at 24% 91%,rgba(8,116,230,.24) 0%,transparent 87%),
    radial-gradient(ellipse 35% 47% at 55% 12%,rgba(124,34,153,.18) 0%,transparent 80%),
    linear-gradient(125deg,#0c0822 5%,#080c24 54%,#0a0820 100%);
  border-color:#3e316c;
}
.hero::before {opacity:.8;background-image:
  linear-gradient(to right,rgba(173,101,255,.11) 1px,transparent 1px),
  linear-gradient(to bottom,rgba(73,169,255,.085) 1px,transparent 1px);
  background-size:55px 55px;
}
.hero::after {z-index:0;right:4%;top:-12%;width:760px;height:760px;filter:blur(50px);background:radial-gradient(circle,#b54bff38,transparent 67%)}
.hero-noise {opacity:.09}
.ambient-aurora {position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ambient-aurora i {position:absolute;display:block;border-radius:50%;filter:blur(52px);mix-blend-mode:screen;opacity:.58;will-change:transform}
.ambient-aurora i:nth-child(1) {width:390px;height:250px;right:7%;top:13%;background:#8939fd61;transform:rotate(-28deg)}
.ambient-aurora i:nth-child(2) {width:230px;height:330px;right:9%;bottom:1%;background:#009df653;transform:rotate(35deg)}
.ambient-aurora i:nth-child(3) {width:330px;height:160px;left:19%;top:8%;background:#ff32c529;transform:rotate(-18deg)}
.horizon-beam {position:absolute;inset:auto 0 17% 0;height:1px;background:linear-gradient(90deg,transparent,#622dbe1a 29%,#ff42e45e 48%,#2be7ff40 81%,transparent);filter:drop-shadow(0 0 8px #e757ff);opacity:.7;pointer-events:none}
.os-coordinates {color:#aa9bf5}
.hero-content {position:relative;z-index:3}
.eyebrow {color:#b5cfff}
.eyebrow-square {background:#35eaff;box-shadow:0 0 0 4px #53dcff24,0 0 18px #32e5ff}
.eyebrow-line {background:linear-gradient(90deg,#c577ff,transparent)}
.hero-status {display:flex;justify-content:space-between;align-items:center;gap:15px;width:min(94%,570px);margin-top:28px;padding:9px 0 8px;border-top:1px solid #7757c977;border-bottom:1px solid #6645a044;color:#b3a8ed;font:700 8px var(--mono);letter-spacing:.08em}
.hero-status b {color:#f16fe5;margin-right:8px;font-size:12px}
.status-tail {color:#746ca8}
.hero h1 {position:relative;margin:32px 0 23px;text-shadow:0 8px 50px #0009}
.hero h1 .outline-word { -webkit-text-stroke:1px #c2a8ff; text-shadow:0 0 22px #a463ff20; }
.hero h1 em { background:linear-gradient(100deg,#fd83e3 1%,#d16bff 30%,#8a88ff 58%,#36e9ff 94%); background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 24px #c14fff68) }
.headline-glint {position:absolute;left:min(71%,440px);bottom:1%;font-size:25px;font-weight:400;color:#6af3ff;filter:drop-shadow(0 0 10px #50eaff);letter-spacing:normal}
.hero-sub {color:#c0c5e8;max-width:450px}
.button {border-radius:5px}
.button-primary {color:#130f26;background:linear-gradient(100deg,#f477e6 0%,#c77af9 34%,#7d85ff 70%,#47cefa 100%);border-color:#e7beff7c;box-shadow:0 0 22px #9b56ff50,0 13px 35px #6446ff24,inset 0 1px #fff8}
.button-primary:hover {color:#090c20;background:linear-gradient(100deg,#ff9eec,#d79aff 39%,#77e3ff);box-shadow:0 0 36px #d35cff77,0 12px 37px #369fff35}
.button-text {background:#131739d9;border-color:#625c9d;color:#e0e5ff}
.button-text:hover {border-color:#61d8ff;color:#b3f6ff;background:#1c214c}
.hero-footnote {color:#a9a6d0}
.crossmark {color:#fc75d8}
.spectrum-key {display:flex;align-items:center;gap:4px;margin-top:24px;color:#7e84b7;font:700 8px var(--mono);letter-spacing:.1em}
.spectrum-key span {width:24px;height:3px;box-shadow:0 0 13px currentColor}
.spectrum-key span:nth-child(1) {background:#fa54d5;color:#fa54d5}
.spectrum-key span:nth-child(2) {background:#bb5af8;color:#bb5af8}
.spectrum-key span:nth-child(3) {background:#7167ff;color:#7167ff}
.spectrum-key span:nth-child(4) {background:#27d4ff;color:#27d4ff}
.spectrum-key b {color:#e498ff;margin-left:12px}
.vertical-caption {color:#9b66c0}
/* Oversized glowing workstation pane */
.hero-instrument {z-index:4}
.instrument-outer-glow {position:absolute;pointer-events:none;z-index:-1;inset:20% 3% 12% 0;border-radius:50%;background:radial-gradient(ellipse at center,#9538e647 0,#7849ff22 33%,transparent 70%);filter:blur(46px)}
.hero-instrument:before {border:1px solid #6950ae;border-radius:12px;background:linear-gradient(151deg,rgba(31,25,72,.96),rgba(13,16,42,.98) 66%,rgba(16,16,49,.97));box-shadow:0 32px 90px #0009,0 0 0 1px #7a4cd720,0 0 65px #a22cff42,0 0 90px #1daaff1c,inset 0 1px #f4aaff3d}
.window-titlebar {border-bottom:1px solid #6750a1;background:linear-gradient(90deg,#39235e66,#1b1b43ad 40%,#1022443d);border-radius:12px 12px 0 0}
.window-title strong {color:#fff2ff}
.window-symbol {color:#f7d1ff;background:#9d5cec3b;box-shadow:inset 0 0 10px #9e4aff31}
.window-path {color:#9d9fc8}
.window-chip {color:#53f1ff;border-color:#20d5eb80;background:#0733475c}
.ambient-toggle {background:#342655;border:1px solid #9662bd;color:#eec4ff}
.ambient-toggle:hover {background:#56326c}
.instrument-meta {color:#9aaef0}
.instrument-meta>span:first-child {color:#ed8bff}
.tiny-star {color:#48ebff}
.signal-field {background:
  radial-gradient(circle at 50% 51%,#a54afe45 0%,#5137a930 21%,#121b4d99 39%,#11133270 68%,transparent 71%),
  radial-gradient(ellipse at 50% 50%,#1b1857,transparent 65%);
  border:0;isolation:isolate;
}
.signal-field::before {inset:1%;border:1px solid #9e6bff2e;z-index:1;box-shadow:inset 0 0 35px #844dff14,0 0 25px #804fff21}
.signal-field::after {z-index:0;background:radial-gradient(circle,#d578ff22,transparent 69%)}
.spectral-edge {position:absolute;z-index:1;inset:5%;border:1px solid #9c5cff3e;border-radius:50%;box-shadow:0 0 28px #633dff20,inset 0 0 29px #316bff1c;pointer-events:none}
.scan-sweep {position:absolute;inset:4%;z-index:1;border-radius:50%;pointer-events:none;background:conic-gradient(from 50deg,transparent 0deg,transparent 250deg,#6038ff02 298deg,#933bff26 327deg,#2ce7ff38 352deg,transparent 360deg);-webkit-mask-image:radial-gradient(circle,transparent 0 21%,#000 24% 75%,transparent 78%);mask-image:radial-gradient(circle,transparent 0 21%,#000 24% 75%,transparent 78%);animation:field-sweep 18s linear infinite;opacity:.85}
.field-celestials {position:absolute;inset:0;z-index:2;pointer-events:none}
.field-celestials i {position:absolute;display:block;width:3px;height:3px;background:#5decff;border-radius:50%;box-shadow:0 0 12px 2px #47dfff}
.field-celestials i:nth-child(1) {top:12%;left:41%}
.field-celestials i:nth-child(2) {top:35%;right:5%;background:#ff8be9;box-shadow:0 0 11px 2px #ef69e1}
.field-celestials i:nth-child(3) {top:76%;left:12%;background:#e7a0ff;box-shadow:0 0 9px 2px #d66eff}
.field-celestials i:nth-child(4) {bottom:9%;right:35%}
.field-celestials i:nth-child(5) {top:25%;left:11%;background:#c68dff;box-shadow:0 0 8px 1px #ae6bff}
.field-celestials i:nth-child(6) {bottom:29%;right:11%;background:#ff7ad3;box-shadow:0 0 10px 2px #fb4fd3}
.chromatic-orbits {position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible;filter:drop-shadow(0 0 7px #ab5aff66)}
.orbit-outer,.orbit-mid {transform-origin:250px 250px}
.orbit-outer {animation:orbit-electric 55s linear infinite}
.orbit-mid {animation:orbit-electric 35s linear infinite reverse}
.energy-arc {filter:drop-shadow(0 0 7px #e55fff);opacity:.86}
.energy-arc-2 {filter:drop-shadow(0 0 6px #19e9ff);opacity:.65}
.axis-lights {filter:drop-shadow(0 0 5px #9a7cff)}
.field-map {z-index:3}
.field-map circle[stroke] {stroke:#ad80ff;stroke-opacity:.3}
.field-map path[stroke] {stroke:#9991ff;stroke-opacity:.58}
.field-map circle[r="38"] {fill:#19153e;stroke:#e88aff;stroke-width:1.5;filter:drop-shadow(0 0 13px #e168ffb0)}
.field-map path[d^="M228"] {stroke:#b8f4ff;stroke-opacity:1;stroke-width:2.5;filter:drop-shadow(0 0 5px #37eaff)}
.core-halo {stroke:#c06aff;stroke-opacity:.9;filter:drop-shadow(0 0 11px #e559ff);}
.signal-trace {stroke:#4af0ff;stroke-opacity:1;filter:drop-shadow(0 0 7px #2bdeff)}
.field-mark {color:#baabffbb}
.field-cross::before,.field-cross::after {background:#72d3ff}
.node {color:#d1d6f6;text-shadow:0 0 9px #000;z-index:5}
.node-point {background:#37dcff;border-color:#9bf5ff;box-shadow:inset 0 0 0 4px #181239,0 0 14px #1ecaff7a}
.node:hover,.node[aria-pressed="true"] {color:#fff}
.node[aria-pressed="true"] .node-point {background:var(--active-emit);border-color:#fff4ff;box-shadow:0 0 0 5px #b66aff33,0 0 24px var(--active-emit),0 0 38px #ca64ff9e}
/* Each project emits an editorial colour. These are not system-health indicators. */
.hero-instrument[data-active-project="bounded-science"] {--active-emit:#e279ff}
.hero-instrument[data-active-project="evidence-router"] {--active-emit:#55e8ff}
.hero-instrument[data-active-project="nemoir"] {--active-emit:#fa79c7}
.hero-instrument[data-active-project="deepseek-harness"] {--active-emit:#a094ff}
.instrument-readout {border-bottom:1px solid #46366d;color:#a7b4e5}
.instrument-readout>span:last-child {color:#b8a2ff}
.readout-led {background:#39f8e5;box-shadow:0 0 14px #26eed4}
.spectral-scale {height:33px;padding:6px 18px;border-bottom:1px solid #423465;display:flex;justify-content:space-between;align-items:center;gap:14px;background:#120f2d77}
.spectral-scale span {font:700 8px var(--mono);letter-spacing:.09em;color:#8f8abc}
.scale-lights {height:7px;display:flex;align-items:end;gap:3px}
.scale-lights i {display:block;width:11px;height:3px;border-radius:1px;background:#6554bf}
.scale-lights i:nth-child(5n+1) {height:7px;background:#f36bc8;box-shadow:0 0 8px #f166d2}
.scale-lights i:nth-child(4n+2) {height:5px;background:#a570ff}
.scale-lights i:nth-child(5n+3) {height:7px;background:#3ddfff;box-shadow:0 0 8px #30dfff}
.live-readout {background:linear-gradient(105deg,#21154496,#1a1b4399 53%,#10254050);}
.live-kicker {color:#d9a8ff}
.live-readout strong {color:#f7f3ff;text-shadow:0 0 15px #ca64ff35}
.live-readout p {color:#afbae4}
.live-open {background:linear-gradient(135deg,#3b266a,#23315a);border-color:#795dbc;color:#e8d8ff}
.live-open:hover {background:#503576;border-color:#d58bff}
/* Supporting modules carry the colour system rather than returning to dull grey. */
.principles {background:linear-gradient(90deg,#10102e,#13113a 52%,#0e1937);border-color:#3f3373}
.principles>div {border-color:#40316a}
.principles>div::before {background:linear-gradient(#eb78eb,#7b6bfa,#39dbff)}
.principle-index {color:#df8cff}
.principles strong {color:#f7f1ff}
.principles p {color:#afb7da}
.work-section {background:radial-gradient(ellipse at 89% 18%,#6c29ab2f,transparent 50%),radial-gradient(ellipse at 0 70%,#166cd124,transparent 58%),#0a0a20;border-color:#423668}
.section-top {color:#c0a2f1}
.section-top span:last-child {color:#7799d4}
.kicker {color:#cb8cff}
.section-intro h2 em,.method-copy h2 em,.about-layout h2 em {background:linear-gradient(110deg,#f87dd9,#9e83ff,#49d8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.section-intro>p,.method-copy>p:not(.kicker),.about-description p {color:#b5bfde}
.atlas-list-col {border-color:#51457c;background:linear-gradient(145deg,#1b163c,#0e1431)}
.atlas-toolbar {background:#181333;border-color:#443a72}
.filter-button {color:#a2a3d1}
.filter-button.active,.filter-button:hover {color:#fff;background:#502b7b}
.atlas-search {background:#0c1130;border-color:#5b5289}
.atlas-search input {color:#fff}
.project-card {border-color:#3a325e}
.project-card:hover {background:#2c2351}
.project-card[aria-pressed="true"] {background:linear-gradient(95deg,#422258,#24264f);box-shadow:inset 3px 0 #ef7ce8}
.card-index,.card-meta,.card-arrow {color:#d89bff}
.card-sub {color:#afb6dd}
.list-foot,.inspector-foot {border-color:#44396c;color:#9eadd8}
.inspector {background:linear-gradient(145deg,#271a46,#121832 82%);border-color:#66509b;box-shadow:0 22px 75px #0005,0 0 50px #732bff1c}
.inspector-head {background:#2d2150;border-color:#4d3a7c}
.inspector-head span:last-child,.inspector-kicker,.inspector-section-label {color:#d995ff}
.inspector-tagline,.inspector-statement {color:#c5c4e8}
.inspector-rule {background:linear-gradient(90deg,#ed63e4,#40cbff,transparent)}
.inspector-tags span {color:#c4c6ec;border-color:#625386}
.inspector-note {border-color:#d47dff;color:#aeb4e3}
.inspector-link {color:#efbaff;border-color:#a26dd1}
.inspector-link:hover {background:#bd59f328}
.inspector-foot {background:#231c43}
.method-section {background:radial-gradient(ellipse at 86% 43%,#4e36bb4d,transparent 60%),#0a0d27;border-color:#3c366d}
.method-console {border-color:#7259a5;background:#111533;box-shadow:0 0 56px #6f43f625,0 25px 70px #0007}
.console-top,.console-bottom {background:#242047;color:#d6c6fb;border-color:#4e3f77}
.console-square {background:#d775ff;box-shadow:0 0 12px #ad5eff}
.console-top>span:last-child,.console-bottom>span:last-child {color:#72dcff}
.process-steps {border-color:#554377}
.process-step {color:#b0afd5;border-color:#554377}
.process-step.is-current {background:#49346e;color:#fff2ff;box-shadow:inset 0 -3px #ef7cff}
.console-display {background:radial-gradient(ellipse at 90% 15%,#7147df36,transparent 65%)}
.console-label {color:#e397ff}
.console-display>p:not(.console-big) {color:#b0b9df}
.console-graph path {stroke:#d88aff}
.about-section {background:linear-gradient(120deg,#0b112d,#241340)}
.site-footer {background:#0c0d2a;border-color:#503b74}
.footer-brand span {color:#e783f4}
.noscript {background:#3c1b47}
@keyframes field-sweep {to {transform:rotate(360deg)}}
@keyframes orbit-electric {to {transform:rotate(360deg)}}
@keyframes aurora-breathe {50% {transform:translate3d(-18px,11px,0) scale(1.1);opacity:.8}}
@keyframes neon-breathe {50% {opacity:.55;filter:drop-shadow(0 0 11px #ac65ff)}}
@media (prefers-reduced-motion:no-preference) {
  .ambient-aurora i:nth-child(1) {animation:aurora-breathe 11s ease-in-out infinite}
  .ambient-aurora i:nth-child(2) {animation:aurora-breathe 14s ease-in-out infinite reverse}
  .energy-arc {animation:neon-breathe 4.2s ease-in-out infinite}
  .spectral-scale .scale-lights i {transition:height .2s ease}
}
/* Effects toggle retains layout and readable static colour. */
body.ambient-off .ambient-aurora, body.ambient-off .horizon-beam,
body.ambient-off .instrument-outer-glow, body.ambient-off .scan-sweep {display:none!important}
body.ambient-off .chromatic-orbits,body.ambient-off .chromatic-orbits *,
body.ambient-off .field-celestials i,body.ambient-off .energy-arc,
body.ambient-off .signal-trace,body.ambient-off .core-halo {animation:none!important;filter:none!important}
body.ambient-off .hero-instrument:before {box-shadow:0 18px 50px #0008,inset 0 1px #f4aaff32}
body.ambient-off .button-primary,body.ambient-off .hero h1 em,
body.ambient-off .brand-symbol,body.ambient-off .node-point {box-shadow:none;filter:none}
body.ambient-off .notice-strip::before {box-shadow:none}
/* Mobile: give colour room but don't let decoration squeeze the actual controls. */
@media(max-width:1200px) {
  .status-tail {display:none}
  .hero-status {width:min(94%,440px)}
  .headline-glint {left:75%}
}
@media(max-width:920px) {
  .hero-status {max-width:570px}
  .hero-instrument {isolation:isolate}
  .hero-instrument:before {z-index:-1}
  .ambient-aurora i:nth-child(3) {left:35%}
  .headline-glint {left:min(75%,560px)}
}
@media(max-width:650px) {
  .hero-status {font-size:7px;margin-top:16px;padding-block:8px}
  .hero h1 {margin-top:27px}
  .headline-glint {left:79%;bottom:1%;font-size:16px}
  .spectrum-key {margin-top:18px;font-size:7px;gap:3px;flex-wrap:wrap}
  .spectrum-key span {width:17px}
  .ambient-aurora i {filter:blur(48px);opacity:.35}
  .spectral-scale {padding-inline:12px;height:29px}
  .spectral-scale span {font-size:6.5px}
  .scale-lights {gap:2px}
  .scale-lights i {width:7px}
  .node-point {box-shadow:inset 0 0 0 3px #181239,0 0 10px #1ecaff7a}
  .hero-instrument:before {box-shadow:0 20px 60px #0009,0 0 42px #892bff37,inset 0 1px #f4aaff3d}
}
@media(max-width:370px) {
  .spectrum-key {letter-spacing:0}
  .spectrum-key span {width:13px}
  .hero-status {letter-spacing:0}
  .spectral-scale span {max-width:128px;text-align:right;line-height:1.4}
  .scale-lights i {width:5px}
  .headline-glint {left:81%}
}
@media(prefers-reduced-motion:reduce) {
  .ambient-aurora i,.scan-sweep,.orbit-outer,.orbit-mid,.energy-arc {animation:none!important;will-change:auto}
  .scan-sweep {opacity:.36}
}