/* Cybereum · dyeus.css — Dyēŭs page bundle. Tokens come from site-core.css; header, footer and buttons from site-shell.css. */
:root{/* Brand constants — main page, verbatim */
  --navy:var(--cyb-navy); --navy-2:var(--cyb-navy-2); --ink:var(--cyb-ink);
  --graph:var(--cyb-graph); --blue:var(--cyb-blue); --sky:var(--cyb-sky); --cyan:var(--cyb-cyan); --mist:var(--cyb-mist); --glow:var(--cyb-glow);
  --signal:#E8391D;           /* the ONE red — reasoning core only */
  --amber:#E8963C; --rust:#B0430F; --green:#3DBF84;
  --signal-text:#FF6A50;      /* added: red that passes 4.5:1 as small text */

  /* INK theme (default) */
  --bg:var(--cyb-bg); --bg-2:var(--cyb-bg-2); --bg-3:var(--cyb-bg-3);
  --fg:var(--cyb-fg); --fg-2:var(--cyb-fg-2); --fg-3:var(--cyb-fg-3);
  --accent:var(--cyb-accent); --accent-2:var(--cyb-accent-2); --accent-deep:var(--cyb-accent-deep);
  --line:var(--cyb-line);
  --line-2:var(--cyb-line-strong);
  --card:linear-gradient(160deg,color-mix(in srgb,var(--cyan) 7%,transparent),color-mix(in srgb,var(--cyan) 2%,transparent));
  --shadow:0 1px 2px rgb(0 0 0/.5),0 12px 40px -12px rgb(0 0 0/.7);
  --halo:0 0 0 1px var(--line-2),0 0 48px -8px color-mix(in srgb,var(--cyan) 45%,transparent);
  --on-accent:var(--cyb-on-accent);
  color-scheme:dark;

  --f-display:var(--cyb-display);
  --f-body:var(--cyb-body);
  --f-mono:var(--cyb-mono);
  --t-xs:.75rem; --t-sm:.875rem; --t-md:1.0625rem; --t-lg:clamp(1.25rem,1.1rem + .6vw,1.5rem);
  --t-xl:clamp(1.5rem,1.2rem + 1.6vw,2.25rem); --t-2xl:clamp(1.9rem,1.3rem + 2.8vw,3.4rem);

  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.5rem; --s-6:2rem; --s-7:3rem; --s-8:4rem; --s-9:6rem;
  --r-sm:6px; --r-md:12px; --r-lg:20px; --r-pill:999px;
  --ease:cubic-bezier(.2,0,0,1); --ease-out:cubic-bezier(0,0,0,1); --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --fast:160ms; --base:260ms; --slow:520ms;
  --nav-h:var(--cyb-nav-h); --wrap:var(--cyb-max);

  /* added: one tracking scale, three tiers */
  --tr-loud:.32em; --tr-label:.2em; --tr-inline:.12em;}
[data-theme="light"]{--card:linear-gradient(160deg,#FFFFFF,#F7FAFD);
  --shadow:0 1px 2px rgb(10 21 36/.06),0 12px 32px -12px rgb(10 21 36/.16);
  --halo:0 0 0 1px var(--line-2),0 16px 40px -16px color-mix(in srgb,var(--graph) 35%,transparent);
  --signal-text:#C1361F;
  color-scheme:light;}
/* always-dark surfaces carry their own token scope */
.hero{--fg:var(--glow); --fg-2:var(--mist); --fg-3:#6E9CC4;
  --accent:var(--cyan); --accent-2:var(--sky); --accent-deep:var(--graph);
  --on-accent:var(--navy); --signal-text:#FF6A50;
  --line:color-mix(in srgb,var(--cyan) 14%,transparent);
  --line-2:color-mix(in srgb,var(--cyan) 28%,transparent);
  color-scheme:dark;}
/* ── base ────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px);-webkit-text-size-adjust:100%;background:var(--bg)}
body{font:400 1rem/1.7 var(--f-body);color:var(--fg);background:var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color var(--base),color var(--base)}
a{color:var(--accent);text-decoration:none}
img{max-width:100%}
[hidden]{display:none!important}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 5px color-mix(in srgb,var(--bg) 70%,transparent)}
#main:focus{outline:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* display face for h1/h2 only; h3 is body face — Michroma has no Latin Extended-A */
h1,h2{font-family:var(--f-display);font-weight:400;line-height:1.16;letter-spacing:.02em;text-wrap:balance;color:var(--fg)}
h3,h4{font-family:var(--f-body);font-weight:600;line-height:1.35;letter-spacing:0;color:var(--fg)}
h1 em,h2 em{font-style:normal}
h1{font-size:var(--t-2xl)}
h2{font-size:var(--t-xl)}
h3{font-size:var(--t-md)}
.dy{font-family:var(--f-body);font-weight:inherit;letter-spacing:.01em}
ul{list-style:none;padding:0}
code{font:400 .92em var(--f-mono);color:var(--fg);overflow-wrap:anywhere}
.section{position:relative;padding-block:clamp(2.75rem,5.5vw,4.5rem)}
.section + .section{border-top:1px solid var(--line)}
.section.tight{padding-block:clamp(2.25rem,4vw,3.5rem)}
.section[data-theme]{background:var(--bg);color:var(--fg)}
[data-theme="light"] .section[data-theme="light"]{background:var(--bg-2)}
.eyebrow{font:500 var(--t-xs)/1 var(--f-mono);letter-spacing:var(--tr-loud);text-transform:uppercase;color:var(--accent)}
.lede{font-size:var(--t-md);line-height:1.62;color:var(--fg-2);max-width:64ch}
.statement{max-width:52ch;font-size:var(--t-lg);line-height:1.42;font-weight:500;letter-spacing:-.005em;text-wrap:balance;color:var(--fg)}
.footnote{font-size:var(--t-xs);line-height:1.6;color:var(--fg-3);max-width:58ch}
.grad{background:linear-gradient(120deg,var(--accent),var(--accent-2) 55%,var(--mist));-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme="light"] .grad{background-image:linear-gradient(120deg,var(--graph),var(--blue) 60%,var(--sky))}
.hero .grad{background-image:linear-gradient(120deg,var(--cyan),var(--sky) 55%,var(--mist))}
@media (forced-colors:active){
  .grad{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}
}
/* ── the document head: folio code, left rule ────────────── */
.section-head{display:flex;flex-direction:column;gap:var(--s-4);margin-bottom:var(--s-6)}
.section-head__row{display:flex;align-items:baseline;gap:var(--s-5);flex-wrap:wrap}
.section-head .folio{font:500 var(--t-xs)/1 var(--f-mono);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--accent);white-space:nowrap}
.section-head h2{margin:0}
.section-head .lede{margin-top:var(--s-2)}
.rule{height:1px;background:var(--line);border:0}

@media(max-width:860px){

}

.note{border-left:1px solid var(--line-2);padding-left:var(--s-5);font-size:var(--t-sm);line-height:1.68;color:var(--fg-3);max-width:58ch}
/* ── hairline rows: layers / ledger ──────────────────────── */
.layers{border-top:1px solid var(--line)}
.layer{display:grid;grid-template-columns:200px minmax(0,62ch) minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem);
  padding-block:var(--s-5);border-bottom:1px solid var(--line);align-items:start}
.layer .lbl{font:500 var(--t-xs)/1.5 var(--f-mono);letter-spacing:var(--tr-inline);text-transform:uppercase;color:var(--fg-3);padding-top:.3rem}
.layer.core .lbl{color:var(--signal-text)}
.layer h3{margin-bottom:var(--s-2)}
.layer p{font-size:var(--t-md);line-height:1.65;color:var(--fg-2)}
.layer .more{display:inline-block;margin-top:var(--s-2);font:500 var(--t-xs)/1.4 var(--f-mono);letter-spacing:var(--tr-inline);text-transform:uppercase}
@media(max-width:900px){
  .layer{grid-template-columns:1fr;gap:var(--s-2)}
}
/* ── the loop: numbered steps, hairline grid ─────────────── */
.loop{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.step{background:var(--bg);padding:var(--s-5) var(--s-4);display:flex;flex-direction:column;gap:var(--s-2)}
.section[data-theme] .step{background:var(--bg)}
.step .n{font:500 var(--t-xs)/1 var(--f-mono);letter-spacing:var(--tr-label);color:var(--accent)}
.step h3{font:500 var(--t-xs)/1.3 var(--f-mono);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--fg)}
.step p{font-size:var(--t-sm);line-height:1.6;color:var(--fg-3)}
.step[data-actor="operator"] .n{color:var(--amber)}
@media(max-width:1000px){
  .loop{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .loop{grid-template-columns:1fr}
}
.actors{display:flex;flex-wrap:wrap;gap:var(--s-5);font:500 var(--t-xs)/1.4 var(--f-mono);letter-spacing:var(--tr-inline);text-transform:uppercase;color:var(--fg-3)}
.actors i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:.6em;vertical-align:1px}
/* ── the questions: hairline, not cards ──────────────────── */
.asks{border-top:1px solid var(--line)}
.ask{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,3vw,3rem);
  padding-block:var(--s-5);border-bottom:1px solid var(--line);align-items:start}
.ask q{display:block;font:400 var(--t-lg)/1.35 var(--f-body);font-style:italic;color:var(--fg);quotes:none;text-wrap:balance}
.ask p{font-size:var(--t-md);line-height:1.65;color:var(--fg-2)}
.ask .lbl{display:block;margin-top:var(--s-3);font:500 var(--t-xs)/1.4 var(--f-mono);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--accent)}
@media(max-width:720px){
  .ask{grid-template-columns:1fr;gap:var(--s-3)}
}

@media(max-width:760px){

}
/* ── tables ──────────────────────────────────────────────── */
.tablewrap{overflow-x:auto}
@media(max-width:640px){
  .tablewrap{overflow:visible}
  table,tbody,tr{display:block;width:100%}
  thead{display:none}
  table{min-width:0}
  tr{padding-block:var(--s-4);border-bottom:1px solid var(--line)}
  tr:last-child{border-bottom:0}
  td,tbody th{display:block;border:0;padding:0;max-width:none}
  tbody th{white-space:normal;width:auto;padding-bottom:var(--s-2)}
  td{padding-top:var(--s-2)}
  td[data-col]::before{content:attr(data-col);display:block;margin-bottom:var(--s-1);
    font:500 var(--t-xs)/1.4 var(--f-mono);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--fg-3)}
}
table{border-collapse:collapse;width:100%;min-width:min(560px,100%)}
caption{text-align:left;font:500 var(--t-xs)/1.4 var(--f-mono);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--fg-3);padding-bottom:var(--s-3)}
th,td{text-align:left;padding:var(--s-4) var(--s-5) var(--s-4) 0;border-bottom:1px solid var(--line);vertical-align:top;font-size:var(--t-sm);line-height:1.62}
th{font:500 var(--t-xs)/1.3 var(--f-mono);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--fg-3)}
tbody th{font:600 var(--t-sm)/1.5 var(--f-body);letter-spacing:0;text-transform:none;color:var(--fg);white-space:nowrap;width:1%;padding-right:var(--s-6)}
td{color:var(--fg-2);max-width:56ch}
thead th{border-bottom-color:var(--line-2)}
/* ── buttons + CTA (main page component names) ───────────── */
.cta{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-5)}
.probe{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-2) var(--s-4);
  margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--line);min-height:3.2em;
  font:500 var(--t-xs)/1.7 var(--f-mono);letter-spacing:var(--tr-inline);text-transform:uppercase}
.probe .t{color:var(--fg-3)}
.probe .val{color:var(--fg)}
.probe .yes{color:var(--accent)}
.probe .no{color:var(--fg-3)}

/* ── nav (main page component names) ─────────────────────── */
/* ── hero: document grammar, left aligned ────────────────── */
.hero{position:relative;overflow:hidden;isolation:isolate;
  padding-block:calc(var(--nav-h) + var(--s-8)) var(--s-8);
  min-height:clamp(560px,84vh,780px);display:flex;align-items:center;
  background:linear-gradient(168deg,#12294a 0%,#0A1524 46%,#060D18 100%);color:var(--glow)}
.hero.plain{min-height:0;display:block;padding-block:calc(var(--nav-h) + var(--s-7)) var(--s-7)}
/* the field: dense luminous region held off-centre, bleeding right */
.hero-field{position:absolute;top:50%;left:73%;transform:translate(-50%,-50%);
  width:min(80vh,760px);aspect-ratio:1/1;pointer-events:none;z-index:-2;
  -webkit-mask-image:radial-gradient(closest-side,#000 40%,rgba(0,0,0,.42) 68%,transparent 93%);
          mask-image:radial-gradient(closest-side,#000 40%,rgba(0,0,0,.42) 68%,transparent 93%)}
.hero-field .mandala-stage{position:absolute;inset:0;width:100%;aspect-ratio:auto}
/* the scrim keeps the type column quiet; the field stays visible past it */
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,#060D18 26%,rgba(6,13,24,.72) 46%,rgba(6,13,24,0) 68%)}
.hero .wrap{position:relative;z-index:1;width:100%}
.hero-body{max-width:37rem}
.hero .eyebrow{display:inline-flex;align-items:center;gap:.65em}
.hero .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}
.hero h1{margin:var(--s-5) 0 var(--s-5);max-width:16.16em}
.hero .lede{max-width:52ch}
.hero-body{opacity:1}
.js .hero-body[data-reveal-on-load]{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.js .hero-body[data-reveal-on-load].in{opacity:1;transform:none}
/* the mandala — the one region of organised complexity */
.domains{display:flex;flex-wrap:wrap;gap:0;margin-top:var(--s-6);
  border-top:1px solid var(--line);max-width:37rem}
.domains li{flex:1 1 auto}
.domains button{display:block;width:100%;text-align:left;padding:.55rem .9rem .55rem 0;
  font:500 var(--t-xs)/1.4 var(--f-mono);letter-spacing:var(--tr-inline);text-transform:uppercase;
  color:var(--fg-3);border-bottom:1px solid transparent;transition:color var(--fast),border-color var(--fast)}
.domains button:hover,.domains button:focus-visible,.domains button.on{color:var(--glow);border-bottom-color:var(--accent)}
.domains::after{content:"";flex:999 1 auto}
.mandala{display:flex;flex-direction:column;align-items:center;margin-top:var(--s-6);padding-bottom:var(--s-7)}
.mandala-stage{position:relative;width:min(62vh,600px);max-width:100%;aspect-ratio:1/1}
.mandala-stage > svg{width:100%;height:100%;display:block;overflow:visible}
.mandala-cap{display:grid;justify-items:center;min-height:2.4em;margin-top:var(--s-2);padding-inline:var(--s-4);text-align:center}
.mandala-cap span{grid-area:1/1;font:500 var(--t-xs)/1.6 var(--f-mono);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--mist);opacity:0;transition:opacity 200ms var(--ease);text-wrap:balance}
.mandala-cap span.on{opacity:1}
.mandala-cap span.fin{color:var(--glow)}
.domlist{display:none}
@media(max-width:980px){
  .hero{display:block;min-height:0;padding-block:calc(var(--nav-h) + var(--s-6)) var(--s-7)}
  .hero::after{display:none}
  .hero-body{max-width:none}
  .hero-field{position:relative;top:auto;left:auto;transform:none;z-index:0;
    width:min(86vw,460px);margin:var(--s-7) auto 0;-webkit-mask-image:none;mask-image:none}
  .hero-field .mandala-stage{position:relative;inset:auto}
  .domains{max-width:none}
}
@media(max-width:900px){
  .mandala{margin-top:var(--s-7)}
  .mandala-stage > svg .dom text{display:none}
  .domlist{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2) var(--s-4);
    margin-top:var(--s-4);padding-inline:clamp(1rem,4vw,2rem);
    font:500 var(--t-xs)/1.5 var(--f-mono);letter-spacing:var(--tr-inline);
    text-transform:uppercase;color:var(--fg-3)}
}
/* the same instrument row wherever depth is available */
.spec{border-bottom:1px solid var(--line)}
.spec:first-of-type{border-top:1px solid var(--line)}
.spec > summary{display:flex;align-items:baseline;gap:var(--s-4);padding-block:var(--s-4);
  cursor:pointer;list-style:none;transition:color var(--fast)}
.spec > summary::-webkit-details-marker{display:none}
.spec > summary:hover{color:var(--fg)}
.spec .k{flex:1;font:600 var(--t-sm)/1.4 var(--f-body);color:var(--fg)}
.spec .v{font:500 var(--t-xs)/1.4 var(--f-mono);letter-spacing:var(--tr-inline);
  text-transform:uppercase;color:var(--fg-3);text-align:right;min-width:0}
@media(max-width:640px){
  .spec > summary{flex-wrap:wrap;gap:var(--s-2) var(--s-4)}
  .spec .k{flex:1 1 100%;order:1}
  .spec .v{flex:1 1 100%;order:2;text-align:left}
  .spec .mk{order:0}
}
.spec .mk{width:9px;height:9px;flex:none;border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);
  transform:rotate(45deg) translateY(-2px);transition:transform var(--base) var(--ease)}
.spec[open] .mk{transform:rotate(-135deg) translateY(-2px)}
.spec-body{padding:0 0 var(--s-5) 0;min-width:0;font-size:var(--t-sm);line-height:1.7;color:var(--fg-2);max-width:70ch}
.spec-body p + p{margin-top:var(--s-3)}
.spec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:var(--s-2) var(--s-5);
  font:500 var(--t-xs)/1.9 var(--f-mono);letter-spacing:.06em;color:var(--fg-2)}
.spec-grid span{display:flex;gap:.7em;min-width:0;flex-wrap:wrap}
.spec-grid b{color:var(--fg-3);font-weight:500;min-width:1.6em}
/* the authority readout — the one uncanny frame on the governance page */
.readout{border:1px solid var(--line);background:var(--bg-2)}
.readout .hd{display:flex;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) var(--s-5);
  border-bottom:1px solid var(--line);font:500 var(--t-xs)/1.6 var(--f-mono);
  letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--fg-3)}
.act{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-3) var(--s-5);
  padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--line);align-items:center}
.act:last-child{border-bottom:0}
.act dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.15rem var(--s-4);margin:0;
  font:500 var(--t-xs)/1.7 var(--f-mono);letter-spacing:.05em}
.act dt{color:var(--fg-3);text-transform:uppercase;letter-spacing:var(--tr-inline)}
.act dd{margin:0;color:var(--fg-2)}
.verdict{font:500 var(--t-xs)/1 var(--f-mono);letter-spacing:var(--tr-label);text-transform:uppercase;
  padding:.5em .9em;border:1px solid var(--line-2);color:var(--fg-2);white-space:nowrap}
.verdict.deny{border-color:var(--signal);color:var(--signal-text);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--signal) 12%,transparent)}
.act.denied{background:color-mix(in srgb,var(--signal) 5%,transparent)}
@media(max-width:560px){
  .act{grid-template-columns:1fr;justify-items:start}
}
/* ── schematic: every colour from a token ────────────────── */
.schem{width:100%;height:auto;display:block;max-width:840px;margin-inline:auto}
.schem .rt{fill:none;stroke:var(--accent-2);stroke-width:1.4;stroke-linejoin:round;
  transition:stroke var(--base),stroke-width var(--base),opacity var(--base)}
.schem.probing .lane{opacity:.22}
.schem .lane.on{opacity:1}
.schem .lane.on .rt,.schem .lane.on .cp{stroke:var(--accent);stroke-width:2.6}
.schem .lane.on .by{stroke:var(--accent-2)}
.schem .hit{fill:transparent;stroke:transparent;stroke-width:22;cursor:pointer}
.schem .lane:focus{outline:none}
.schem .lane:focus-visible .hit{stroke:color-mix(in srgb,var(--accent) 28%,transparent)}
.schem .core{transition:r var(--base) var(--ease)}
.schem.hitting .core{r:11}
.schem .cp{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linejoin:round;transition:stroke var(--base),stroke-width var(--base)}
.schem .by{fill:none;stroke:var(--accent-deep);stroke-width:1.4;stroke-linejoin:round}
.schem .by.slack{stroke-dasharray:5 5}
.schem .rail{stroke:var(--fg-3);stroke-width:.75;opacity:.45}
.schem .lead{stroke:var(--fg-3);stroke-width:1;opacity:.55}
.schem .n{fill:var(--accent-2)}
.schem .nc{fill:var(--accent)}
.schem .nd{fill:var(--accent-deep)}
.schem .core{fill:var(--signal)}
.schem .ring{fill:none;stroke:var(--signal)}
.schem .fin{fill:var(--accent-2)}
.schem text{font-family:var(--f-mono);font-weight:500}
.schem .lb{font-size:12px;letter-spacing:2px;fill:var(--fg-3)}
.schem .tf{font-size:12px;letter-spacing:.4px;fill:var(--fg-3)}
.schem .key{font-size:13.5px;letter-spacing:2.4px;fill:var(--fg)}
@media(max-width:620px){
  .schem .lb{font-size:15px}
  .schem .tf{font-size:15px}
  .schem .key{font-size:17px}
}
/* ══ THE SPINE — the machine, drawn once ═══════════════════════ */
.plate{position:relative;border:1px solid var(--line);background:
  radial-gradient(120% 140% at 78% 50%, color-mix(in srgb,var(--cyan) 7%,transparent), transparent 62%),
  var(--bg-2)}
.plate-scroll{overflow-x:auto;overscroll-behavior-x:contain}
.spine-svg{display:block;width:100%;min-width:760px;height:auto}
.spine-svg text{font-family:var(--f-mono);font-weight:500}
.sp-band{font-size:10px;letter-spacing:2.6px;fill:var(--fg-3)}
.sp-src{font-size:11px;letter-spacing:1.2px;fill:var(--fg-3);transition:fill var(--fast)}
.sp-code{font-size:9px;letter-spacing:.6px;fill:var(--fg-2)}
.sp-node{font-size:10px;letter-spacing:1.4px;fill:var(--fg-2)}
.sp-lo{font-size:9.5px;letter-spacing:1.6px;fill:var(--fg-3)}
.sp-edge{fill:none;stroke:var(--accent-deep);stroke-width:1;opacity:.55}
.sp-dot{fill:var(--accent-2)}
.sp-src-dot{fill:var(--fg-3);transition:fill var(--fast),r var(--fast)}
.src-g{cursor:pointer}
.src-g:hover .sp-src,.src-g:focus-visible .sp-src,.src-g.on .sp-src{fill:var(--glow)}
.src-g:hover .sp-src-dot,.src-g:focus-visible .sp-src-dot,.src-g.on .sp-src-dot{fill:var(--accent);r:5}
.src-g:focus{outline:none}
/* the conduit, drawn in layers — sheath, core, flow */
.sp-sheath{fill:none;stroke:color-mix(in srgb,var(--cyan) 12%,transparent);stroke-width:26;stroke-linecap:round}
.sp-shadow{fill:none;stroke:color-mix(in srgb,var(--navy) 80%,transparent);stroke-width:15;stroke-linecap:round}
.sp-glow{fill:none;stroke:color-mix(in srgb,var(--cyan) 26%,transparent);stroke-width:9;stroke-linecap:round;filter:url(#spGlow)}
.sp-core{fill:none;stroke:url(#spGrad);stroke-width:3.2;stroke-linecap:round}
.sp-pulse{fill:none;stroke:var(--glow);stroke-width:3.2;stroke-linecap:round;
  stroke-dasharray:26 999;stroke-dashoffset:26;opacity:.85;
  animation:spFlow 3.4s linear infinite;animation-delay:var(--d,0s)}
@keyframes spFlow{
  0%{stroke-dashoffset:26;opacity:0}
  8%{opacity:.9}
  92%{opacity:.9}
  100%{stroke-dashoffset:-372;opacity:0}
}
.vert{transition:opacity var(--base)}
.vert-body{fill:color-mix(in srgb,var(--cyan) 14%,transparent);stroke:var(--accent-2);stroke-width:.9}
.vert-slot{fill:var(--accent);opacity:.55}
.pod{cursor:pointer}
.pod-ring{fill:var(--bg-2);stroke:var(--line-2);stroke-width:1;transition:stroke var(--fast),fill var(--fast)}
.pod-stem{stroke:var(--accent-deep);stroke-width:1;opacity:.6}
.pod:hover .pod-ring,.pod:focus-visible .pod-ring,.pod.on .pod-ring{stroke:var(--accent);fill:color-mix(in srgb,var(--cyan) 16%,transparent)}
.pod:focus{outline:none}
.sp-hex{fill:color-mix(in srgb,var(--cyan) 8%,transparent);stroke:var(--accent);stroke-width:1.4}
.sp-orbit{fill:none;stroke:var(--signal);opacity:.22}
.sp-core-dot{fill:var(--signal)}
.sp-out{fill:none;stroke:var(--accent-2);stroke-width:1.2;opacity:.7}
.sp-out-dot{fill:var(--bg-2);stroke:var(--accent);stroke-width:1.4}
.spine-svg.probing .vert,.spine-svg.probing .pod{opacity:.3}
.spine-svg.probing .vert.on,.spine-svg.probing .pod.on{opacity:1}
.readout-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-2) var(--s-4);
  padding:var(--s-4) var(--s-5);border-top:1px solid var(--line);min-height:4.6em;
  font:500 var(--t-xs)/1.7 var(--f-mono);letter-spacing:var(--tr-inline);text-transform:uppercase}
.readout-line .t{color:var(--fg-3)}
.readout-line .val{color:var(--fg);text-transform:none;letter-spacing:.02em;
  font:400 var(--t-sm)/1.6 var(--f-body);flex:1 1 24rem;min-width:0}
.scrollhint{display:none;padding:var(--s-2) var(--s-5) 0;font:500 var(--t-xs)/1.6 var(--f-mono);
  letter-spacing:var(--tr-inline);text-transform:uppercase;color:var(--fg-3)}
@media(max-width:820px){
  .scrollhint{display:block}
}

@media(max-width:820px){

}

/* ── footer ──────────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media print{
  :root{--bg:#fff;--bg-2:#fff;--bg-3:#fff;--fg:var(--cyb-navy-2);--fg-2:var(--cyb-ink);--fg-3:#44546B;
        --accent:var(--cyb-graph);--accent-2:var(--cyb-blue);--accent-deep:var(--cyb-graph);--line:#CCD6E0;--line-2:#AAB8C6;
        --card:none;--shadow:none;--halo:none;--signal-text:#B0430F;color-scheme:light}
  .mandala-cap,.domlist{display:none!important}
  .hero{background:none!important;color:var(--fg)!important;padding-block:var(--s-5)!important;
        --fg:var(--cyb-navy-2);--fg-2:var(--cyb-ink);--fg-3:#44546B;--accent:var(--cyb-graph);--accent-2:var(--cyb-blue)}
  .grad{background:none!important;-webkit-text-fill-color:currentColor;color:var(--accent)!important}
  .section{padding-block:var(--s-5)}
  .layer,.ask,.step,figure{break-inside:avoid}
  .tablewrap{overflow:visible}
  table{min-width:0}
  .mandala-stage{width:320px}
  .mandala-stage svg .dom text{fill:#10233B!important}
  .mandala-stage svg .ray,.mandala-stage svg .rayx{stroke:#44546B!important}
  .loop{grid-template-columns:repeat(2,1fr)}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:.85em;color:#44546B}
  @page{margin:16mm}
}
.dycore{position: relative;
      width: 100%;
      aspect-ratio: 1800 / 1290;
      overflow: hidden;
      border: 1px solid var(--line);
      background:
        radial-gradient(ellipse 70% 60% at 50% 46%, color-mix(in srgb, var(--graph) 30%, transparent), transparent 70%),
        linear-gradient(168deg, #0d1e36 0%, var(--navy-2) 52%, var(--navy) 100%);
      font-family: var(--f-mono);
      color-scheme: dark;
      --fg: var(--glow); --fg-2: var(--mist); --fg-3: #6E9CC4;
      --accent: var(--cyan); --line: color-mix(in srgb, var(--cyan) 14%, transparent);}
.dycore #logo-container{position:absolute; inset:0 0 96px 0;}
.dycore svg{width:100%; height:100%; display:block;}
.dycore .parallax-layer{will-change: transform;}
.dycore .logo-text{font-family: var(--f-display);
      font-weight: 900;
      text-anchor: middle;
      letter-spacing: 14px;
      pointer-events: none;}
.dycore .dyeus-text{font-size: 58px;
      fill: var(--glow);
      filter: url(#neonGlowCyan);}
.dycore .tagline-text{font-family: var(--f-mono);
      font-weight: 700;
      font-size: 19px;
      fill: var(--cyan);
      letter-spacing: 12px;
      text-anchor: middle;
      opacity: 0.8;
      filter: url(#softGlow);}
.dycore .hub-text{font-family: var(--f-mono);
      font-weight: 700;
      font-size: 20px;
      fill: var(--mist);
      letter-spacing: 3px;
      transition: fill 0.3s;
      pointer-events: none;}
.dycore .hub-label-sub{font-size: 15px;
      fill: var(--cyan);
      opacity: 0.8;
      letter-spacing: 4px;
      font-weight: 600;
      pointer-events: none;}
.dycore #framing-text{position: absolute;
      top: 30px;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
      color: color-mix(in srgb,var(--cyb-cyan) 85%,transparent);
      font-family: var(--f-mono);
      font-size: 16px;
      letter-spacing: 2px;
      max-width: 1100px;
      line-height: 1.6;
      text-transform: uppercase;
      text-shadow: 0 0 10px color-mix(in srgb,var(--cyb-cyan) 40%,transparent);
      pointer-events: none;
      z-index: 10;
      transition: opacity 0.4s ease-in-out;}
.dycore #framing-text span{color: var(--amber);
      font-weight: 700;
      text-shadow: 0 0 8px rgba(232, 150, 60, 0.4);}
@keyframes pulseCore{
  0%{transform: scale(0.98); opacity: 0.85;}
  50%{transform: scale(1.02); opacity: 1;}
  100%{transform: scale(0.98); opacity: 0.85;}
}
.dycore .central-core{animation: pulseCore 4s infinite ease-in-out;
      transform-origin: center;}
@keyframes spinSlow{
  100%{transform: rotate(360deg);}
}
@keyframes spinSlowReverse{
  100%{transform: rotate(-360deg);}
}
.dycore .spin-ring{animation: spinSlow 12s linear infinite; transform-origin: center;}
.dycore .spin-ring-reverse{animation: spinSlowReverse 18s linear infinite; transform-origin: center;}
@keyframes blinkNode{
  0%,100%{opacity: 1;}
  50%{opacity: 0.15;}
}
.dycore .pulse-node{animation: blinkNode linear infinite;
      will-change: opacity;}
.dycore .data-flow-internal{animation: dashFlowInternal 3s linear infinite;}
@keyframes dashFlowInternal{
  to{stroke-dashoffset: -20;}
}
.dycore .data-flow-in{animation: flowIn 2s linear infinite;}
@keyframes flowIn{
  to{stroke-dashoffset: -50;}
}
.dycore .data-flow-out{animation: flowOut 2.5s linear infinite;}
@keyframes flowOut{
  to{stroke-dashoffset: 50;}
}
@keyframes fadeIn{
  from{opacity: 0; transform: translateY(4px);}
  to{opacity: 1; transform: translateY(0);}
}
.dycore .hub-group{cursor: pointer; transition: opacity 0.4s ease;}
.dycore .nerve-base,.dycore .nerve-flow{transition: opacity 0.4s ease, stroke-width 0.4s ease, stroke 0.4s ease;}
.dycore svg.interacting .hub-group:not(.active){opacity: 0.2;}
.dycore svg.interacting .hub-group:not(.active) .hub-text{fill: #444;}
.dycore svg.interacting .nerve-base:not(.active){opacity: 0.05;}
.dycore svg.interacting .nerve-flow:not(.active){opacity: 0;}
.dycore svg.interacting .hub-group.active{opacity: 1; filter: drop-shadow(0 0 15px color-mix(in srgb,var(--cyb-cyan) 60%,transparent));}
.dycore svg.interacting .hub-group.active .hub-text{fill: var(--glow); text-shadow: 0 0 8px color-mix(in srgb,var(--cyb-cyan) 80%,transparent);}
.dycore svg.interacting .nerve-base.active{opacity: 0.8; stroke-width: 2.5px; stroke: color-mix(in srgb,var(--cyb-cyan) 50%,transparent);}
.dycore svg.interacting .nerve-flow.active{opacity: 1; stroke-width: 3px; filter: url(#neonGlowCyan);}
.dycore .hit-area{fill: transparent; cursor: pointer;}
@keyframes blink{
  0%,100%{opacity: 1;}
  50%{opacity: 0;}
}
.dycore .log-line{margin-bottom: 6px;
      opacity: 0;
      animation: fadeIn 0.3s forwards;
      text-shadow: 0 0 4px color-mix(in srgb,var(--cyb-cyan) 40%,transparent);
      line-height: 1.4;}
.dycore .log-highlight{color: var(--amber); font-weight: 700; text-shadow: 0 0 6px rgba(232, 150, 60, 0.6);}
.dycore .log-dim{color: color-mix(in srgb,var(--cyb-cyan) 50%,transparent);}
.dycore .log-success{color: #00ffaa; text-shadow: 0 0 6px rgba(0, 255, 170, 0.6);}
@media (max-width: 1300px){
  .dyeus-text{font-size: 65px;}
  .tagline-text{font-size: 18px; letter-spacing: 14px;}
  #framing-text{font-size: 14px; top: 20px; width: 90%;}
  #mode-toggle{top: 90px;}
  #terminal-log{width: 320px; height: 206px; top: 490px; right: 18px; bottom: auto; font-size: 11px;}
}
.dycore html,.dycore body{height:100%;}
.dycore body{overflow:hidden; background: radial-gradient(circle at center, var(--dyeus-bg-start) 0%, var(--dyeus-bg-end) 100%) !important; color:var(--dyeus-text) !important;}
.dycore{--dyeus-bg-start:#0a1128;--dyeus-bg-end:#010308;--dyeus-panel:rgba(0,10,20,0.75);--dyeus-border:color-mix(in srgb,var(--cyb-cyan) 30%,transparent);--dyeus-text:var(--mist);--dyeus-accent:var(--cyan);--dyeus-gold:var(--amber);}
.dycore html[data-theme="light"]{--dyeus-bg-start:#eef7ff;--dyeus-bg-end:#dfeaf6;--dyeus-panel:rgba(255,255,255,0.82);--dyeus-border:rgba(13,33,55,0.20);--dyeus-text:#0d2137;--dyeus-accent:#0d84c6;--dyeus-gold:#b06c00;}
.dycore #framing-text{color:color-mix(in srgb, var(--dyeus-accent) 84%, white 16%) !important; text-shadow:0 0 10px color-mix(in srgb, var(--dyeus-accent) 40%, transparent) !important;}
.dycore html[data-theme="light"] #framing-text span{color:#b06c00 !important; text-shadow:none !important;}
.dycore .log-header span,.dycore .log-highlight{color:var(--dyeus-gold) !important;}
.dycore .log-success{color:#00aa72 !important;}
.dycore .logo-text.dyeus-text{fill:var(--dyeus-text) !important; filter:url(#neonGlowCyan);}
.dycore .tagline-text{fill:var(--dyeus-accent) !important;}
.dycore .hub-text{fill:var(--dyeus-text) !important;}
.dycore .hub-label-sub{fill:var(--dyeus-accent) !important;}
.dycore .dyeus-core-image{mix-blend-mode:normal !important;filter:none !important;opacity:1 !important;}
.dycore .central-core,.dycore .spin-ring,.dycore .spin-ring-reverse,.dycore .pulse-node,.dycore .data-flow-internal{will-change: auto;}
@media (prefers-reduced-motion: reduce){
  .dycore *,.dycore *::before,.dycore *::after{animation-duration:.01ms !important; animation-iteration-count:1 !important;
    transition-duration:.01ms !important;}
}
@media (max-width: 900px){
  .dycore{aspect-ratio: 1180 / 1200;}
  .dycore #framing-text{font-size:13px; letter-spacing:1px; max-width:88%;}
}
/* the framing copy now lives in page type; the block keeps its own chrome */
.dycore #framing-text{display:none}
@media(max-width:900px){
  .dycore{aspect-ratio:1/1}
}
@media(max-width:900px){
  .dycore{aspect-ratio:1/1.06}
  .dycore #logo-container{inset:0 0 72px 0}
}
/* status bar: the log and the state toggle sit under the network, never over it */
.dycore #logo-container{position:absolute;inset:0 0 98px 0}
.dycore #mode-toggle{position:absolute;left:0;bottom:0;top:auto;right:auto;transform:none;
  height:98px;display:flex;align-items:center;gap:4px;padding-left:clamp(12px,2vw,22px);
  border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;z-index:6}
.dycore .toggle-btn{font:500 11px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;
  display:inline-flex;align-items:center;min-height:44px;padding:9px 15px;border:1px solid transparent;border-radius:2px;color:var(--fg-3);
  background:transparent;cursor:pointer;transition:color var(--fast),background var(--fast),border-color var(--fast)}
.dycore .toggle-btn:hover{color:var(--mist)}
.dycore .toggle-btn.active{color:var(--glow);background:color-mix(in srgb,var(--cyan) 14%,transparent);
  border-color:var(--line-2);text-shadow:none;box-shadow:none}
.dycore #terminal-log{position:absolute;right:0;bottom:0;left:auto;top:auto;
  width:min(620px,58%);height:98px;overflow:hidden;border:0;border-top:1px solid var(--line);
  border-left:1px solid var(--line);border-radius:0;padding:9px clamp(12px,2vw,22px);
  background:color-mix(in srgb,var(--navy) 62%,transparent);z-index:6}
.dycore .log-header{font:500 10px/1.4 var(--f-mono);letter-spacing:.22em;text-transform:uppercase;
  color:var(--fg-3);margin:0 0 6px;border:0;padding:0}
.dycore #log-content{font:400 11px/1.7 var(--f-mono);letter-spacing:.03em;color:var(--fg-3);
  height:56px;overflow:hidden}
.dycore #log-content div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){
  .dycore{aspect-ratio:1/1.08}
  .dycore #terminal-log{display:none}
  .dycore #logo-container{inset:0 0 74px 0}
  .dycore #mode-toggle{height:74px;width:100%;justify-content:center;padding-left:0}
}
.dyarch{--darkest-blue:var(--navy); --secondary-cyan:var(--sky);
  --success-green:var(--cyan); --text-bright:var(--glow); --text-muted:#6E9CC4;
  --warning-orange:var(--signal);
  --ink-primary:var(--glow); --ink-muted:#6E9CC4;
  --font-display:var(--f-display); --font-ui:var(--f-body);
  --ease-standard:var(--ease);
  position:relative; border:1px solid var(--line); color-scheme:dark;
  background:
    radial-gradient(120% 150% at 76% 50%, color-mix(in srgb,var(--cyan) 8%,transparent), transparent 64%),
    linear-gradient(168deg,#0d1e36 0%,var(--navy-2) 54%,var(--navy) 100%);}
.dyarch-scroll{overflow-x:auto;overscroll-behavior-x:contain}
.dyarch svg{display:block;width:100%;min-width:900px;height:auto}
@keyframes aivSpineFlow{
  to{stroke-dashoffset: -238;}
}
@keyframes aivSpinePulse{
  0%{opacity: 0; stroke-dashoffset: 0;}
  12%{opacity: .78;}
  70%{opacity: .78;}
  100%{opacity: 0; stroke-dashoffset: -284;}
}
@keyframes aivSpineGrow{
  0%,100%{stroke-width: 2.6; opacity: .45;}
  50%{stroke-width: 4.6; opacity: .95;}
}
@keyframes aivVertBreath{
  0%,100%{filter: drop-shadow(0 0 0 rgba(232,150,60,0));}
  50%{filter: drop-shadow(0 0 10px rgba(232,150,60,0.22));}
}
@keyframes aivSpineBright{
  0%{opacity: 0.22; stroke-width: 3.6;}
  30%{opacity: 0.55; stroke-width: 4.2;}
  60%{opacity: 0.85; stroke-width: 5.0;}
  100%{opacity: 0.22; stroke-width: 3.6;}
}
@keyframes aivToolFlow{
  0%{opacity: 0.00; stroke-dashoffset: 0;}
  8%{opacity: 0.55;}
  55%{opacity: 0.35;}
  100%{opacity: 0.00; stroke-dashoffset: -320;}
}
@keyframes aivToolPulse{
  0%{opacity: 0.00; stroke-dashoffset: 0;}
  12%{opacity: 0.90;}
  60%{opacity: 0.70;}
  100%{opacity: 0.00; stroke-dashoffset: -520;}
}
@keyframes aiv-flow{
  to{stroke-dashoffset: -180;}
}
@keyframes aiv-pulse{
  0%,100%{transform:scale(1);opacity:.12}
  50%{transform:scale(1.08);opacity:.28}
}
@keyframes aiv-scan{
  to{transform: translateY(460px);}
}
@keyframes aivSpineCharge{
  0%{opacity: .10; stroke-width: 14;}
  22%{opacity: .44; stroke-width: 22;}
  55%{opacity: .26; stroke-width: 18;}
  100%{opacity: .10; stroke-width: 14;}
}
@keyframes aivSpineChargeCore{
  0%{opacity: .28;}
  22%{opacity: .88;}
  55%{opacity: .52;}
  100%{opacity: .28;}
}
@keyframes aivSpineHot{
  to{stroke-dashoffset: -208;}
}
@keyframes grid-drift{
  from{transform:translate(0,0)}
  to{transform:translate(100px,100px)}
}
.dyarch .aiv-spine-glow{stroke: url(#aivSpineGoldGrad);
    stroke-width: 18;
    stroke-linecap: round;
    opacity: 0.22;
    filter: url(#aivSpineGlow);}
.dyarch .aiv-spine{stroke: url(#aivSpineGoldGrad);
    stroke-width: 4.6;
    stroke-linecap: round;
    opacity: 0.62;}
.dyarch .aiv-spine-flow{stroke: url(#aivSpineGoldGrad);
    stroke-width: 2.6;
    stroke-linecap: round;
    stroke-dasharray: 18 220;
    animation: aivSpineFlow 2.8s linear infinite, aivSpineGrow 3.2s ease-in-out infinite;
    opacity: 0.55;
    filter: drop-shadow(0 0 12px rgba(232,150,60,0.35));}
.dyarch .aiv-spine-pulse{stroke: url(#aivSpineGoldGrad);
    stroke-width: 6.8;
    stroke-linecap: round;
    stroke-dasharray: 24 260;
    opacity: 0;
    filter: url(#aivSpineGlow);
    animation: aivSpinePulse 3.2s linear infinite;
    animation-delay: var(--d,0s);}
.dyarch #aiv-vertebrae .aiv-vert-glow{fill: rgba(232,150,60, calc(var(--v-gl) * 0.55));
    filter: url(#aivSpineGlow);}
.dyarch #aiv-vertebrae .aiv-vert-glow,.dyarch #aiv-vertebrae .aiv-vert-body,.dyarch #aiv-vertebrae .aiv-vert-slot{animation: aivSpineGrow 3.2s ease-in-out infinite;}
.dyarch #aiv-vertebrae .aiv-vert-body{fill: rgba(5,8,20,0.78);
    stroke: rgba(232,150,60, var(--v-st));
    stroke-width: 1.2;
    opacity: var(--v-op);}
.dyarch #aiv-vertebrae .aiv-vert-slot{fill: rgba(232,150,60, 0.08);
    stroke: rgba(180,245,255, 0.14);
    stroke-width: 0.8;
    opacity: calc(var(--v-op) * 0.95);}
.dyarch #aiv-vertebrae .aiv-vert-pin{fill: rgba(180,245,255,0.30);
    opacity: calc(var(--v-op) * 0.85);}
.dyarch #aiv-vertebrae .aiv-vert:nth-child(odd) .aiv-vert-body{animation: aivVertBreath 4.8s ease-in-out infinite;}
.dyarch .aiv-tool-conn{stroke: rgba(180, 245, 255, 0.18);
  stroke-width: 1.2;}
.dyarch .aiv-tool-flow{stroke: rgba(232,150,60,0.34);
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-dasharray: 10 140;
  stroke-dashoffset: 0;
  opacity: 0.22;
  filter: url(#aivGlowGold);
  animation: aivToolFlow 2.8s linear infinite;
  will-change: stroke-dashoffset, opacity;}
.dyarch .aiv-tool-node{fill: rgba(5, 8, 20, 0.75);
  stroke: rgba(180, 245, 255, 0.26);
  stroke-width: 1.4;
  filter: drop-shadow(0 0 12px rgba(0,229,255,0.18));}
.dyarch .aiv-tool-node.aiv-tool-pulse{stroke: rgba(232,150,60,0.78);
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-dasharray: 14 220;
  stroke-dashoffset: 0;
  opacity: 0.0;
  filter: url(#aivGlowGold);
  animation: aivToolPulse 2.8s linear infinite;
  will-change: stroke-dashoffset, opacity;}
.dyarch .aiv-pulse-dot{filter: url(#aivGlowGold);
  opacity: 0.0;}
.dyarch .aiv-tool-icon{font: 900 10px/1 var(--font-display);
  letter-spacing: .08em;
  fill: rgba(205,250,255,.92);
  text-anchor: middle;
  dominant-baseline: middle;
  alignment-baseline: middle;
  pointer-events: none;}
.dyarch .aiv-tool-label,.dyarch .aiv-tool-sub{display:none}
.dyarch .aiv-legend{margin-top: 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(5,8,20,0.62);
  border: 1px solid rgba(180,245,255,0.16);
  box-shadow: 0 0 18px rgba(0,229,255,0.10);
  color: rgba(205,250,255,0.88);}
.dyarch .aiv-legend{background:rgba(255,255,255,.78);border-color:rgba(13,33,55,.12);backdrop-filter:blur(8px)}
.dyarch .aiv-legend-title{font-family:var(--font-display);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(205,250,255,.72);margin-bottom:8px}
.dyarch .aiv-legend-title{color:rgba(13,33,55,.72)}
.dyarch .aiv-legend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px}
.dyarch .aiv-legend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dyarch .aiv-legend-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:rgba(13,33,55,.26);border:1px solid rgba(180,245,255,.10)}
.dyarch .aiv-legend-item{background:rgba(13,33,55,.04);border-color:rgba(13,33,55,.10)}
.dyarch .aiv-legend-badge{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;letter-spacing:.06em;font-size:11px;color:var(--text-bright);border:1px solid rgba(180,245,255,.18);box-shadow:0 0 18px rgba(0,229,255,.18);flex:0 0 auto}
.dyarch .aiv-legend-badge{box-shadow:none;color:var(--ink-primary)}
.dyarch .aiv-legend-text strong{display:block;font-size:11px;color:var(--text-bright);font-weight:700}
.dyarch .aiv-legend-text span{display:block;font-size:10px;color:var(--text-muted);line-height:1.25}
.dyarch .aiv-legend-text strong{color:var(--ink-primary)}
.dyarch .aiv-legend-text span{color:var(--ink-muted)}
.dyarch .aiv-tool-conn{stroke: rgba(13,33,55,0.18);}
.dyarch .aiv-tool-node{fill: rgba(255,255,255,0.80);
  stroke: rgba(13,33,55,0.18);
  filter: none;}
.dyarch .aiv-tool-label{fill: rgba(13,33,55,0.78);}
.dyarch .aiv-tool-sub{fill: rgba(17,58,86,0.65);}
.dyarch .aiv-silo{fill: rgba(13,33,55,0.55); stroke: rgba(180,245,255,0.22); stroke-width: 1.25;}
.dyarch .aiv-silo{fill: rgba(13,33,55,0.06); stroke: rgba(13,33,55,0.18);}
.dyarch .aiv-silo-icon{fill: var(--text-bright); font-family:"Font Awesome 5 Free"; font-weight:900; font-size:14px; text-anchor:middle;}
.dyarch .aiv-silo-label{fill: var(--text-muted); font: 11px/1.2 var(--font-ui); text-anchor:middle; letter-spacing:.02em; user-select:none;}
.dyarch .aiv-silo-sub{fill: var(--text-muted); font: 10px/1.2 var(--font-ui); text-anchor:middle; opacity:.75; user-select:none;}
.dyarch .aiv-graph-node{fill: rgba(13,33,55,0.62); stroke: var(--success-green); stroke-width: 1.4; filter: drop-shadow(0 0 10px color-mix(in srgb,var(--cyb-cyan) 18%,transparent));}
.dyarch .aiv-graph-node{fill: rgba(13,33,55,0.08); filter:none;}
.dyarch .aiv-graph-label{fill: var(--success-green); font-family: var(--font-display); font-size: 10px; letter-spacing:.16em; text-anchor:middle; user-select:none; opacity:.95;}
.dyarch .aiv-brain-frame{fill: rgba(5,8,20,0.55); stroke: var(--warning-orange); stroke-width: 1.6; filter: drop-shadow(0 0 18px rgba(232,57,29,0.20));}
.dyarch .aiv-brain-frame{fill: rgba(13,33,55,0.06); filter:none;}
.dyarch .aiv-brain-label{fill: var(--warning-orange); font-family: var(--font-display); font-size: 11px; letter-spacing:.14em; text-anchor:middle; user-select:none;}
.dyarch .aiv-brain-sub{fill: var(--text-muted); font: 10px/1.2 var(--font-ui); text-anchor:middle; opacity:.8; user-select:none;}
.dyarch .aiv-out{fill: color-mix(in srgb,var(--cyb-cyan) 85%,transparent);}
.dyarch .aiv-out-icon{fill: var(--darkest-blue); font-family:"Font Awesome 5 Free"; font-weight:900; font-size:12px; text-anchor:middle;}
.dyarch .aiv-out-icon{fill: #ffffff;}
.dyarch .aiv-out-label{fill: var(--text-bright); font: 11px/1.2 var(--font-ui); text-anchor:middle; font-weight:500; user-select:none;}
.dyarch .aiv-out-sub{fill: var(--text-muted); font: 10px/1.2 var(--font-ui); text-anchor:middle; opacity:.8; user-select:none;}
.dyarch .aiv-out-label.side{text-anchor:start; dominant-baseline:middle;}
.dyarch .aiv-out-sub.side{text-anchor:start; dominant-baseline:middle;}
.dyarch .aiv-graph-label{letter-spacing:.08em !important;}
.dyarch .aiv-link{fill:none; stroke: rgba(90,200,250,0.25); stroke-width: 1.5; opacity: .7;}
.dyarch .aiv-link{stroke: rgba(11,111,143,0.16); opacity:.9;}
.dyarch .aiv-flow{fill:none; stroke: var(--secondary-cyan); stroke-width: 2; stroke-linecap:round; stroke-dasharray: 10 80; animation: aiv-flow 2.8s linear infinite; filter: drop-shadow(0 0 6px rgba(0,229,255,0.15));}
.dyarch .aiv-flow.green{stroke: var(--success-green); animation-duration: 3.2s; filter: drop-shadow(0 0 6px color-mix(in srgb,var(--cyb-cyan) 18%,transparent));}
.dyarch .aiv-flow.orange{stroke: var(--warning-orange); animation-duration: 3.0s; filter: drop-shadow(0 0 6px rgba(232,57,29,0.18));}
.dyarch .aiv-pulse{fill:none; stroke: var(--secondary-cyan); stroke-width: 1.4; opacity:.18; transform-origin:center; transform-box:fill-box; animation: aiv-pulse 3.2s ease-in-out infinite;}
.dyarch .aiv-pulse.g{stroke: var(--success-green); opacity:.18; animation-duration: 3.6s;}
.dyarch .aiv-pulse.o{stroke: var(--warning-orange); opacity:.18; animation-duration: 3.4s;}
.dyarch .aiv-col-title{fill: var(--text-muted); font-family: var(--font-display); font-size: 11px; letter-spacing:.14em; text-anchor:middle; opacity:.75; user-select:none;}
.dyarch .aiv-col-sub{fill: var(--text-muted); font: 10px/1.2 var(--font-ui); text-anchor:middle; opacity:.75; user-select:none;}
.dyarch .aiv-flow,.dyarch .aiv-pulse{animation: none !important;}
.dyarch .ai-arch-visual:hover .aiv-flow{opacity: 0.95;}
.dyarch .ai-arch-visual:hover .aiv-link{opacity: 0.95;}
.dyarch .ai-arch-visual:hover .aiv-silo{stroke: rgba(180,245,255,0.35);}
.dyarch .ai-arch-visual:hover .aiv-silo{stroke: rgba(13,33,55,0.26);}
.dyarch .ai-arch-visual .aiv-out{transition: transform 200ms var(--ease-standard), opacity 200ms var(--ease-standard);}
.dyarch .ai-arch-visual .aiv-out:hover{transform: scale(1.06); opacity: 1;}
.dyarch .ai-arch-wrap[data-mode="before"] .aiv-silo-ring,.dyarch .ai-arch-wrap[data-mode="before"] .aiv-frag-text,.dyarch .ai-arch-wrap[data-mode="before"] .aiv-frag-sub{opacity: 1;}
.dyarch .ai-arch-wrap[data-mode="before"] .aiv-layer-band,.dyarch .ai-arch-wrap[data-mode="before"] .aiv-core,.dyarch .ai-arch-wrap[data-mode="before"] .aiv-output-node,.dyarch .ai-arch-wrap[data-mode="before"] .aiv-success-node{opacity: 0.35;}
.dyarch .ai-arch-wrap[data-mode="before"] .aiv-particle-in,.dyarch .ai-arch-wrap[data-mode="before"] .aiv-particle-out{opacity: 0.08;}
.dyarch .ai-arch-wrap[data-mode="before"] .aiv-spine-core{opacity: 0.18;
  stroke: rgba(255,71,87,0.22);}
.dyarch .ai-arch-wrap[data-mode="before"] .aiv-spine-glow{opacity: 0.08;}
.dyarch .ai-arch-wrap[data-mode="after"] .aiv-spine-glow{opacity: 0.22;
  filter: drop-shadow(0 0 16px color-mix(in srgb,var(--cyb-cyan) 22%,transparent));}
.dyarch .ai-arch-wrap[data-mode="after"] .aiv-spine-core{opacity: 0.55;}
.dyarch .aiv-tool-pulse{fill:none;
  stroke: rgba(180,245,255,.22);
  stroke-width: 1.2;
  opacity: 0;
  transform-origin: center;
  transform-box: fill-box;
  animation: aivToolPulse 2.6s ease-out infinite;}
.dyarch .aiv-tool:nth-of-type(2) .aiv-tool-pulse{animation-delay: -0.6s;}
.dyarch .aiv-tool:nth-of-type(3) .aiv-tool-pulse{animation-delay: -1.2s;}
.dyarch .aiv-tool:nth-of-type(4) .aiv-tool-pulse{animation-delay: -1.8s;}
.dyarch .aiv-tool:nth-of-type(5) .aiv-tool-pulse{animation-delay: -2.2s;}
.dyarch .aiv-tool-node{fill: rgba(180,245,255,0.14);
  stroke: rgba(180,245,255,0.72);
  filter: drop-shadow(0 0 10px rgba(0,229,255,.28));}
.dyarch .aiv-tool-icon{fill: rgba(205,250,255,.92);}
.dyarch .aiv-tool-label{fill: rgba(205,250,255,.90);
  font-weight: 800;
  letter-spacing: .06em;}
.dyarch .aiv-tool-sub{fill: rgba(140,230,255,.72);}
.dyarch .aiv-flow.gold{stroke-width: 3.0;
  opacity: 0.92;
  filter: drop-shadow(0 0 10px rgba(232,150,60,.32));
  animation-duration: 2.6s;}
.dyarch .aiv-flow.cyan{stroke-width: 2.6;
  opacity: 0.70;
  filter: drop-shadow(0 0 10px rgba(0,229,255,.22));
  animation-duration: 2.6s;}
.dyarch .aiv-spine-glow{animation: aivSpineCharge 2.6s ease-in-out infinite;}
.dyarch .aiv-spine-core{animation: aivSpineChargeCore 2.6s ease-in-out infinite;}
.dyarch .aiv-tool-label{font-size: 9px;}
.dyarch .aiv-tool-sub{font-size: 8px;}
.dyarch .theme-light .aiv-legend{background: rgba(255,255,255,.72);
  border-color: rgba(13,33,55,.18);
  box-shadow: 0 0 18px rgba(13,33,55,.10);}
.dyarch .theme-light .aiv-legend-title{color: rgba(13,33,55,.82)}
.dyarch .theme-light .aiv-legend-item{color: rgba(13,33,55,.70)}
.dyarch .aiv-spine-sheath{stroke: rgba(180,245,255,0.08);
  stroke-width: 30;
  stroke-linecap: round;
  filter: drop-shadow(0 0 10px rgba(0,229,255,0.10));}
.dyarch .aiv-spine-shadow{stroke: rgba(5,8,20,0.55);
  stroke-width: 24;
  stroke-linecap: round;}
.dyarch .aiv-spine-glow{stroke-width: 24;
  opacity: 0.18;}
.dyarch .aiv-spine{stroke-width: 8;
  opacity: 0.72;}
.dyarch .aiv-spine-hot{stroke: rgba(255,245,205,0.92);
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-dasharray: 28 180;
  filter: drop-shadow(0 0 10px rgba(255,225,140,.45));
  animation: aivSpineHot 2.8s linear infinite;}
.dyarch .aiv-spine-flow{stroke-width: 4.8;
  stroke-dasharray: 26 210;
  opacity: 0.82;
  filter: drop-shadow(0 0 14px rgba(232,150,60,0.45));}
.dyarch .aiv-spine-pulse{stroke-width: 10;
  stroke-dasharray: 34 240;
  opacity: 0;}
.dyarch #aiv-vertebrae .aiv-vert-body{fill: rgba(9,18,31,0.90);
  stroke: rgba(232,150,60,var(--v-st));
  stroke-width: 1.3;}
.dyarch #aiv-vertebrae .aiv-vert-slot{fill: rgba(232,150,60, 0.14);
  stroke: rgba(180,245,255, 0.10);}
.dyarch #aiv-vertebrae .aiv-vert-wing{fill: rgba(12,26,44,0.82);
  stroke: rgba(232,150,60, calc(var(--v-st) * .92));
  stroke-width: 1.0;
  opacity: calc(var(--v-op) * 0.95);}
.dyarch #aiv-vertebrae .aiv-vert-fin{fill: rgba(232,150,60, calc(var(--v-gl) * 0.72));
  opacity: calc(var(--v-op) * 0.95);
  filter: url(#aivSpineGlow);}
.dyarch #aiv-vertebrae .aiv-vert-glow{opacity: calc(.45 + var(--v-gl) * .85);}
.dyarch #aiv-vertebrae .aiv-vert:nth-child(odd) .aiv-vert-wing{animation: aivVertBreath 4.8s ease-in-out infinite;}
.dyarch .aiv-tool-conn{stroke: rgba(180,245,255,0.14);
  stroke-width: 1.4;}
.dyarch .aiv-tool-flow{stroke: rgba(255,225,120,0.72);
  stroke-width: 3.2;
  stroke-dasharray: 12 138;
  opacity: 0.70;
  filter: url(#aivGlowGold);}
.dyarch .aiv-pulse-dot{opacity: 0;
  filter: url(#aivGlowGold);}
.dyarch .aiv-tool-node{fill: rgba(180,245,255,0.18);
  stroke: rgba(180,245,255,0.90);
  stroke-width: 1.55;
  filter: drop-shadow(0 0 14px rgba(0,229,255,.26));}
.dyarch .aiv-tool-pulse{stroke: rgba(255,225,120,0.72);
  stroke-width: 2.8;}
.dyarch .aiv-tool-icon{font: 900 10.5px/1 var(--font-display);
  fill: rgba(235,248,255,.98);}
.dyarch .ai-arch-wrap[data-mode="before"] .aiv-spine-sheath{opacity: .18;}
.dyarch .ai-arch-wrap[data-mode="before"] .aiv-spine-shadow{opacity: .60;}
.dyarch .ai-arch-wrap[data-mode="before"] .aiv-spine-core,.dyarch .ai-arch-wrap[data-mode="before"] .aiv-spine{opacity: .20;
  stroke: rgba(255,71,87,0.28);}
.dyarch .ai-arch-wrap[data-mode="before"] .aiv-spine-glow,.dyarch .ai-arch-wrap[data-mode="before"] .aiv-spine-flow,.dyarch .ai-arch-wrap[data-mode="before"] .aiv-spine-hot{opacity: .10;}
.dyarch .ai-arch-wrap[data-mode="before"] #aiv-vertebrae .aiv-vert-body{stroke: rgba(255,71,87,.20);}
.dyarch .ai-arch-wrap[data-mode="before"] #aiv-vertebrae .aiv-vert-wing{stroke: rgba(255,71,87,.18);}
.dyarch .ai-arch-wrap[data-mode="after"] .aiv-spine-glow{opacity: .30;
  filter: drop-shadow(0 0 18px rgba(255,220,100,0.28));}
.dyarch .ai-arch-wrap[data-mode="after"] .aiv-spine{opacity: .88;}
.dyarch .ai-arch-wrap[data-mode="after"] .aiv-spine-hot{opacity: .90;}
.dyarch .ai-arch-wrap[data-mode="after"] .aiv-tool-node{fill: rgba(185,245,255,0.22);}
.dyarch .aiv-spine-sheath{stroke: rgba(13,33,55,0.08);
  filter: none;}
.dyarch .aiv-spine-shadow{stroke: rgba(13,33,55,0.16);}
.dyarch #aiv-vertebrae .aiv-vert-body{fill: rgba(255,255,255,0.95);}
.dyarch #aiv-vertebrae .aiv-vert-wing{fill: rgba(244,248,252,0.95);}
.dyarch .aiv-tool-node{fill: rgba(255,255,255,0.92);
  stroke: rgba(13,33,55,0.25);
  filter: none;}
@media(max-width:900px){
  .dyarch-hint{display:block}
}
.dyarch-hint{display:none;padding:var(--s-2) var(--s-5) 0;font:500 var(--t-xs)/1.6 var(--f-mono);
  letter-spacing:var(--tr-inline);text-transform:uppercase;color:var(--fg-3)}
@media (prefers-reduced-motion:reduce){
  .dyarch *,.dyarch *::before,.dyarch *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
.dyarch .ai-arch-visual{position: relative;
      margin: 26px auto 6px;
      max-width: 1100px;
      height: 360px;
      border-radius: 12px;
      border: 1px solid var(--surface-border);
      background: linear-gradient(135deg, rgba(16,45,80,0.18), rgba(5,8,20,0.22));
      box-shadow: var(--shadow-1);
      overflow: hidden;}
.dyarch .ai-arch-visual{background: linear-gradient(135deg, rgba(13,33,55,0.04), rgba(0,122,163,0.03));
      border-color: rgba(0,122,163,0.12);
      box-shadow: var(--shadow-0);}
.dyarch .ai-arch-visual::before{content:"";
      position:absolute;inset:-30%;
      background: radial-gradient(circle at 30% 20%, rgba(180,245,255,0.10), transparent 55%),
                  radial-gradient(circle at 70% 70%, rgba(16,249,129,0.08), transparent 60%);
      opacity: .9;
      pointer-events:none;}
.dyarch .ai-arch-visual::before{background: radial-gradient(circle at 30% 20%, rgba(0,122,163,0.10), transparent 55%),
                  radial-gradient(circle at 70% 70%, rgba(10,108,59,0.08), transparent 60%);
      opacity: .75;}
.dyarch .ai-arch-visual svg{width:100%;height:100%;display:block;position:relative;z-index:1;overflow:visible}
.dyarch .ai-arch-visual{height: 320px;}
.dyarch .ai-arch-visual{height: 360px;}
.dyarch .ai-arch-visual::after{content:"";
      position:absolute;left:-30%;right:-30%;
      top:-40px;height:1px;
      background: linear-gradient(90deg, transparent, rgba(180,245,255,0.55), transparent);
      opacity: .35;
      animation: aiv-scan 4.8s linear infinite;
      z-index:2;
      pointer-events:none;}
.dyarch .ai-arch-visual::after{opacity:.22;}
.dyarch .ai-arch-visual{height: 400px;}
.dyarch .ai-arch-wrap{margin: 26px auto 0;
  max-width: 1100px;
  border-radius: 18px;
  padding: 14px;
  background: linear-gradient(135deg, rgba(5,8,20,0.62), rgba(13,33,55,0.35));
  border: 1px solid rgba(180,245,255,0.12);
  box-shadow: var(--shadow-2), var(--shadow-glow-sm);
  backdrop-filter: blur(10px);}
.dyarch html[data-theme="light"] .ai-arch-wrap{background: rgba(0, 122, 163, 0.04);
  border-color: rgba(0, 122, 163, 0.14);
  box-shadow: var(--shadow-1);
  backdrop-filter: none;}
.dyarch .ai-arch-top{display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: start;
  margin-bottom: 10px;}
.dyarch .ai-arch-top{grid-template-columns: 1fr;}
.dyarch .ai-arch-toggle{display: inline-flex;
  padding: 5px;
  border-radius: 999px;
  background: rgba(5,8,20,0.55);
  border: 1px solid rgba(180,245,255,0.16);
  box-shadow: 0 0 14px rgba(0,229,255,0.12);}
.dyarch html[data-theme="light"] .ai-arch-toggle{background: rgba(255,255,255,0.86);
  border-color: rgba(13,33,55,0.14);
  box-shadow: none;}
.dyarch .ai-arch-caption{padding: 12px 14px;
  border-radius: 14px;
  background: rgba(5,8,20,0.50);
  border: 1px solid rgba(180,245,255,0.12);}
.dyarch html[data-theme="light"] .ai-arch-caption{background: rgba(255,255,255,0.88);
  border-color: rgba(13,33,55,0.12);}
.dyarch .ai-cap-title{font-family: var(--font-display);
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: var(--text-xs);
  margin-bottom: 4px;}
.dyarch .ai-cap-title.danger{color: var(--danger-red);}
.dyarch .ai-cap-title.success{color: var(--success-green);}
.dyarch .ai-cap-line{color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: 1.45;}
.dyarch html[data-theme="light"] .ai-cap-line{color: var(--ink-secondary);}
.dyarch .ai-cap-chips{display:flex; flex-wrap:wrap; gap:6px; margin-top: 8px;}
.dyarch .ai-arch-progress{margin-top: 10px;
  padding: 12px 14px 10px;
  border-radius: 14px;
  background: rgba(5,8,20,0.46);
  border: 1px solid rgba(180,245,255,0.12);}
.dyarch html[data-theme="light"] .ai-arch-progress{background: rgba(255,255,255,0.88);
  border-color: rgba(13,33,55,0.12);}
.dyarch .ai-arch-wrap[data-mode="before"] .ai-arch-visual{filter: saturate(0.85) contrast(0.96);}
.dyarch .ai-toolkit,.dyarch .toolkit{background:color-mix(in srgb,var(--cyan) 4%,transparent);
  border:1px solid var(--line);border-radius:2px}
.dyarch .ai-tool-name,.dyarch .ai-tool-title{color:var(--fg)}
.dyarch .ai-tool-sub,.dyarch .ai-tool-desc{color:var(--fg-3)}
/* the chip row and caption lost their host-page rules — restate in tokens */
.dyarch .ai-cap-chips{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-3);margin-top:var(--s-4)}
.dyarch .ai-chip{display:inline-flex;align-items:center;padding:.42em .9em;border-radius:2px;
  border:1px solid var(--line-2);background:color-mix(in srgb,var(--cyan) 8%,transparent);
  font:500 var(--t-xs)/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2)}
.dyarch .ai-chip.ok{border-color:color-mix(in srgb,var(--cyan) 34%,transparent);color:var(--mist)}
.dyarch .ai-cap-title{font:500 var(--t-xs)/1.4 var(--f-mono);letter-spacing:var(--tr-label);
  text-transform:uppercase;color:var(--accent);margin-bottom:var(--s-3)}
.dyarch .ai-cap-line{font-size:var(--t-md);line-height:1.6;color:var(--fg-2)}
.dycore .brain-tooltip{position:absolute;left:50%;top:22px;z-index:8;transform:translate(-50%,-8px);display:grid;gap:3px;min-width:min(360px,74%);max-width:74%;padding:9px 14px;border:1px solid var(--dyeus-border);background:color-mix(in srgb,var(--dyeus-panel) 92%,transparent);backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;text-align:center;box-shadow:0 14px 34px -24px rgba(0,0,0,.8)}
.dycore .brain-tooltip.show{opacity:1;transform:translate(-50%,0)}
.dycore .brain-tooltip strong{font:600 11px/1.35 var(--f-mono);letter-spacing:.14em;color:var(--dyeus-text)}
.dycore .brain-tooltip span{font:500 10px/1.35 var(--f-mono);letter-spacing:.12em;color:var(--dyeus-accent);text-transform:uppercase}
.dycore .pulse-node{animation-name:dyeusNodeBreath!important}
@keyframes dyeusNodeBreath{
  0%,100%{opacity:.7}
  50%{opacity:1}
}
.dycore .reasoning-ring{opacity:.14;transform-box:fill-box;transform-origin:center;vector-effect:non-scaling-stroke}
.dycore .reasoning-ring-1{animation:dyeusRingA 10s linear infinite}
.dycore .reasoning-ring-2{animation:dyeusRingB 14s linear infinite reverse}
.dycore .reasoning-ring-3{animation:dyeusRingC 8s ease-in-out infinite}
@keyframes dyeusRingA{
  to{transform:rotate(360deg)}
}
@keyframes dyeusRingB{
  to{transform:rotate(360deg)}
}
@keyframes dyeusRingC{
  0%,100%{opacity:.07;transform:scale(.98)}
  50%{opacity:.23;transform:scale(1.025)}
}
html[data-theme="light"] .dycore{--dyeus-bg-start:#f5f9fd;--dyeus-bg-end:#e7eff7;--dyeus-panel:rgba(255,255,255,.88);--dyeus-border:rgba(27,79,138,.20);--dyeus-text:var(--cyb-ink);--dyeus-accent:var(--cyb-graph);--dyeus-gold:#B8500F;background:radial-gradient(ellipse 72% 62% at 50% 46%,rgba(79,160,218,.13),transparent 70%),linear-gradient(168deg,#f8fbfe 0%,#eef4fa 54%,#e5edf6 100%)}
html[data-theme="light"] .dycore .dyeus-core-image{filter:drop-shadow(0 0 10px rgba(27,79,138,.12))!important}
html[data-theme="light"] .dycore #terminal-log{background:rgba(255,255,255,.76);border-color:rgba(27,79,138,.18)}
html[data-theme="light"] .dycore .toggle-btn{color:#526B87}
html[data-theme="light"] .dycore .toggle-btn:hover{color:#10233B}
html[data-theme="light"] .dycore .toggle-btn.active{color:#10233B;background:rgba(27,79,138,.09);border-color:rgba(27,79,138,.22)}
html[data-theme="light"] .dycore .hub-text{fill:#10233B!important}
html[data-theme="light"] .dycore .hub-label-sub{fill:#1B4F8A!important}
html[data-theme="light"] .dycore .log-header,html[data-theme="light"] .dycore #log-content{color:#526B87}
html[data-theme="light"] .dycore .brain-tooltip{background:rgba(255,255,255,.94);box-shadow:0 14px 34px -24px rgba(10,21,36,.32)}
html[data-theme="light"] .dycore .reasoning-ring{stroke:#1B4F8A!important;opacity:.13}
html[data-theme="light"] .dyarch{--darkest-blue:#fff;--text-bright:var(--cyb-ink);--text-muted:#526B87;--ink-primary:var(--cyb-ink);--ink-muted:#526B87;background:linear-gradient(180deg,#fff,#f4f7fa);color-scheme:light}
@media(prefers-reduced-motion:reduce){
  .dycore .reasoning-ring{animation:none!important}
}