/* ══════════════════════════════════════════════════════════════
   JOURNEY.CSS — Reise-Streifen + gemeinsame V3-Shell
   Jemke Solutions | 2026

   Der Reisestreifen erscheint weiterhin nur mit echtem Reisezustand.
   Die spaetere WORLD-SHELL ist davon getrennt: Sie gestaltet die
   explizit markierten Zielseiten, nicht den optionalen Streifen.

   Er trägt seine eigene Fläche, weil er auf 26 sehr verschiedenen
   Hintergründen landet — heller Papierraum, nächtlicher Lesesaal,
   klinisches Datenlabor. Deshalb immer dunkel-transluzent: das
   funktioniert überall und gehört sichtbar nicht zur Welt.

   Präfix: jy-
══════════════════════════════════════════════════════════════ */
.jy {
  position: fixed;
  left: 1.1rem;
  bottom: 1.1rem;
  z-index: 90;
  width: min(340px, calc(100vw - 2.2rem));
  color: #eef0f7;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(10,12,18,.9);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: 0 14px 40px rgba(0,0,0,.42);
  overflow: hidden;
}
.jy[hidden] { display: none; }

/* ── Zusammengeklappt: eine Zeile ────────────────────────── */
.jy__bar {
  display: flex; align-items: center; gap: .6rem;
  width: 100%; padding: .62rem .75rem;
  background: none; border: 0; color: inherit; font: inherit;
  cursor: pointer; text-align: left;
}
.jy__dot { width: 6px; height: 6px; border-radius: 50%; background: #818cf8; flex-shrink: 0; }
.jy__label { font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; color: #9aa0b4; }
.jy__pos { font-size: .68rem; color: #818cf8; margin-left: auto; }
.jy__chev { width: 12px; height: 12px; color: #9aa0b4; transition: transform .2s ease; }
.jy[data-open="true"] .jy__chev { transform: rotate(180deg); }

/* Fortschritt als dünne Linie am oberen Rand */
.jy__rail { height: 2px; background: rgba(255,255,255,.09); }
.jy__rail span { display: block; height: 100%; background: #818cf8; transition: width .5s ease; }

/* ── Aufgeklappt ─────────────────────────────────────────── */
.jy__body { display: none; padding: .3rem .75rem .75rem; border-top: 1px solid rgba(255,255,255,.09); }
.jy[data-open="true"] .jy__body { display: block; }

.jy__obj {
  display: flex; align-items: center; gap: .45rem;
  font-size: .64rem; color: #9aa0b4; padding: .5rem 0 .55rem;
  border-bottom: 1px solid rgba(255,255,255,.07); margin-bottom: .4rem;
}
.jy__obj b { color: #eef0f7; font-weight: 400; }

.jy__list { list-style: none; margin: 0; padding: 0; }
.jy__item a, .jy__item span {
  display: flex; align-items: baseline; gap: .5rem;
  padding: .38rem .3rem; border-radius: 6px;
  font-size: .72rem; line-height: 1.35; color: #9aa0b4; text-decoration: none;
}
.jy__item a:hover { background: rgba(255,255,255,.07); color: #eef0f7; }
.jy__item i { font-style: normal; font-size: .64rem; color: #6b7186; min-width: 1.3em; }
.jy__item.is-now span { color: #818cf8; }
.jy__item.is-now i { color: #818cf8; }
.jy__item.is-done a, .jy__item.is-done i { color: #6b7186; }

.jy__actions { display: flex; gap: .4rem; margin-top: .6rem; }
.jy__btn {
  flex: 1; text-align: center; text-decoration: none;
  font-size: .68rem; letter-spacing: .06em;
  padding: .5rem .5rem; border-radius: 8px;
  border: 1px solid rgba(255,255,255,.16); color: #eef0f7;
  background: rgba(255,255,255,.05);
}
.jy__btn:hover { border-color: #818cf8; color: #fff; }
.jy__btn--go { background: #818cf8; color: #06070c; border-color: #818cf8; font-weight: 700; }
.jy__btn--go:hover { color: #06070c; }
.jy__btn[hidden] { display: none; }

.jy__bar:focus-visible, .jy__btn:focus-visible, .jy__item a:focus-visible {
  outline: 2px solid #818cf8; outline-offset: 2px;
}

/* Auf schmalen Schirmen über die volle Breite, aber flach */
@media (max-width: 620px) {
  .jy { left: .6rem; right: .6rem; bottom: .6rem; width: auto; }
}
/* Das Chat-Widget sitzt unten rechts — hier kollidiert nichts. */

@media (prefers-reduced-motion: reduce) {
  .jy, .jy * { transition: none !important; }
}

/* ══════════════════════════════════════════════════════════════
   V3 FARBFADEN + ANIME-ATMOSPHÄRE

   Der Router besitzt fünf klare Farbräume. data-v3-tone trägt
   denselben Raum in jede Zielwelt weiter. Die einzelne Seite
   behält ihre Metapher; Akzent, Fokus, Reise und Licht bleiben
   aber unverkennbar Teil derselben Jemke-Erfahrung.
══════════════════════════════════════════════════════════════ */
body[data-v3-tone] {
  --v3-accent:#818cf8;
  --v3-accent-hi:#818cf8;
  --v3-accent-ink:#818cf8;
  --v3-accent-wash:rgba(129,140,248,.16);
  --v3-route-art:url("/assets/images/v3/entry-anime/router-connected-workflow.webp");
  accent-color:var(--v3-accent);
}
body[data-v3-tone="web"] {
  --v3-accent:#e879f9; --v3-accent-hi:#e879f9; --v3-accent-ink:#e879f9;
  --v3-accent-wash:rgba(232,121,249,.16);
  --v3-route-art:url("/assets/images/v3/entry-anime/router-web-customer-flow.webp");
}
body[data-v3-tone="know"] {
  --v3-accent:#fbbf24; --v3-accent-hi:#fbbf24; --v3-accent-ink:#fbbf24;
  --v3-accent-wash:rgba(251,191,36,.17);
  --v3-route-art:url("/assets/images/v3/entry-anime/router-knowledge-sources.webp");
}
body[data-v3-tone="infra"] {
  --v3-accent:#22d3ee; --v3-accent-hi:#22d3ee; --v3-accent-ink:#22d3ee;
  --v3-accent-wash:rgba(34,211,238,.16);
  --v3-route-art:url("/assets/images/v3/entry-anime/router-infrastructure-cyan.webp");
}
body[data-v3-tone="ai"] {
  --v3-accent:#4ade80; --v3-accent-hi:#4ade80; --v3-accent-ink:#4ade80;
  --v3-accent-wash:rgba(74,222,128,.16);
  --v3-route-art:url("/assets/images/v3/entry-anime/router-local-ai-green.webp");
}

body[data-v3-tone]::before {
  content:""; position:fixed; z-index:84; inset:0 0 auto; height:2px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 3%,var(--v3-accent) 22%,var(--v3-accent) 62%,transparent 97%);
  box-shadow:0 0 22px var(--v3-accent);
}
body[data-v3-tone]::after {
  content:""; position:fixed; z-index:4; pointer-events:none;
  top:clamp(2.8rem,7vh,5rem); right:-5vw;
  width:min(74vw,1040px); height:min(76vh,820px);
  background-image:
    radial-gradient(55% 68% at 62% 42%,transparent 15%,rgba(5,6,10,.7) 80%),
    linear-gradient(90deg,rgba(5,6,10,.92),transparent 38%,rgba(5,6,10,.22)),
    var(--v3-route-art);
  background-size:cover; background-position:center;
  opacity:.13; filter:saturate(1.35) contrast(1.08);
  mix-blend-mode:screen;
  -webkit-mask-image:radial-gradient(ellipse at 62% 36%,#000 4%,rgba(0,0,0,.9) 42%,transparent 76%);
  mask-image:radial-gradient(ellipse at 62% 36%,#000 4%,rgba(0,0,0,.9) 42%,transparent 76%);
}
html[data-theme="light"] body[data-v3-tone]::after {
  opacity:.12; mix-blend-mode:multiply; filter:saturate(1.2) contrast(1.05);
}

body[data-v3-tone] ::selection { background:var(--v3-accent); color:#090a0f; }
body[data-v3-tone] :is(a,button,input,textarea,select):focus-visible {
  outline-color:var(--v3-accent) !important;
}
body[data-v3-tone] .pg-nav,
body[data-v3-tone] .theme-toggle { z-index:85; }
body[data-v3-tone] .pg-nav__world-name,
body[data-v3-tone] .pg-nav__switch.is-active { color:var(--v3-accent) !important; }
body[data-v3-tone] .v3-hero-stage :is(
  .pg-eyebrow,.pg-kicker,.cp-kicker,.portal-overline,.card-label,
  [class$="__eyebrow"],[class$="__kicker"],[class$="__overline"]
) { color:var(--v3-accent) !important; }
body[data-v3-tone] :is(button.is-active,[aria-pressed="true"],[aria-selected="true"]) {
  border-color:var(--v3-accent) !important;
  box-shadow:0 0 0 1px var(--v3-accent-wash),0 10px 28px var(--v3-accent-wash);
}
body[data-v3-tone] .theme-picker-card {
  border-color:color-mix(in srgb,var(--v3-accent) 34%,rgba(255,255,255,.12));
  box-shadow:0 30px 90px rgba(0,0,0,.56),0 0 48px var(--v3-accent-wash);
}
body[data-v3-tone] .theme-picker-eyebrow { color:var(--v3-accent) !important; }
body[data-v3-tone] .theme-choice {
  border-color:color-mix(in srgb,var(--v3-accent) 28%,rgba(255,255,255,.12));
  background:color-mix(in srgb,#090b10 88%,var(--v3-accent) 12%);
}
body[data-v3-tone] .theme-choice.is-active,
body[data-v3-tone] .theme-picker-confirm {
  border-color:var(--v3-accent);
  background:var(--v3-accent);
  color:#07080c;
}
html[data-theme="light"] body[data-v3-tone] .theme-choice {
  border-color:color-mix(in srgb,var(--v3-accent) 30%,#fff);
  background:#fff; color:#171922;
}
html[data-theme="light"] body[data-v3-tone] .theme-choice.is-active,
html[data-theme="light"] body[data-v3-tone] .theme-picker-confirm {
  background:var(--v3-accent); color:#07080c;
}

/* Der Reisestreifen verwendet nun exakt die Farbe der geöffneten Welt. */
body[data-v3-tone] .jy {
  border-color:color-mix(in srgb,var(--v3-accent) 34%,rgba(255,255,255,.12));
  box-shadow:0 14px 40px rgba(0,0,0,.42),0 0 34px var(--v3-accent-wash);
}
body[data-v3-tone] .jy__dot,
body[data-v3-tone] .jy__rail span { background:var(--v3-accent); }
body[data-v3-tone] .jy__pos,
body[data-v3-tone] .jy__item.is-now span,
body[data-v3-tone] .jy__item.is-now i { color:var(--v3-accent); }
body[data-v3-tone] .jy__btn:hover { border-color:var(--v3-accent); }
body[data-v3-tone] .jy__btn--go {
  background:var(--v3-accent); border-color:var(--v3-accent); color:#07080c;
}
body[data-v3-tone] :is(.jy__bar,.jy__btn,.jy__item a):focus-visible {
  outline-color:var(--v3-accent);
}

/* Primärtokens der eigenständigen Szenen. Status-/Warnfarben bleiben
   semantisch erhalten; nur der charakteristische Leitakzent folgt v3. */
body[data-v3-tone="ops"] {
  --acid:var(--v3-accent);
  --green:var(--v3-accent);
  --amber:var(--v3-accent);
  --bridge:var(--v3-accent);
  --aqua:var(--v3-accent);
  --yellow:var(--v3-accent);
}
body[data-v3-tone="ops"] .fld { --fld-acc:var(--v3-accent); }
body[data-v3-tone="ops"] .est { --est-acc:var(--v3-accent); --est-cold:var(--v3-accent); }
body[data-v3-tone="ops"] .amp { --amp-acc:var(--v3-accent); --amp-core:var(--v3-accent); }
body[data-v3-tone="ops"] .os {
  --os-green:var(--v3-accent); --os-green-dark:var(--v3-accent);
}
body[data-v3-tone="ops"] .plt { --plt-a:var(--v3-accent); --plt-b:var(--v3-accent); }

body[data-v3-tone="web"] {
  --sage:var(--v3-accent);
  --coral:var(--v3-accent);
}
body[data-v3-tone="web"] .lab { --lab-accent:var(--v3-accent); }
body[data-v3-tone="web"] .trade-site { --red:var(--v3-accent); --lime:var(--v3-accent); }
body[data-v3-tone="web"] .property-site { --blue:var(--v3-accent); --copper:var(--v3-accent); }
body[data-v3-tone="web"] .practice-site { --blue:var(--v3-accent); --coral:var(--v3-accent); }
body[data-v3-tone="web"] .twr { --twr-good:var(--v3-accent); }

body[data-v3-tone="know"] {
  --mem-brass:var(--v3-accent);
  --mem-brass-2:var(--v3-accent);
}
body[data-v3-tone="know"] .pap { --pap-acc:var(--v3-accent); }

body[data-v3-tone="infra"] .ops { --ops-calm:var(--v3-accent); }
body[data-v3-tone="infra"] .hst { --h-acc:var(--v3-accent); }
body[data-v3-tone="infra"] .reg { --rg-in:var(--v3-accent); }
body[data-v3-tone="infra"] .spc { --sp-go:var(--v3-accent); }
body[data-v3-tone="infra"] .plc { --plc-in:var(--v3-accent); }
body[data-v3-tone="infra"] .dev { --dv-acc:var(--v3-accent); }

body[data-v3-tone="ai"] {
  --green:var(--v3-accent);
  --lime:var(--v3-accent);
  --ai:var(--v3-accent);
  --fa-green:var(--v3-accent);
}
body[data-v3-tone="ai"] .trs { --trs-sage:var(--v3-accent); }

@media (max-width:760px) {
  body[data-v3-tone]::after {
    top:3rem; right:-34vw; width:132vw; height:62vh; opacity:.09;
  }
}
@media (prefers-reduced-motion:reduce) {
  body[data-v3-tone]::before { box-shadow:none; }
}



/* ══════════════════════════════════════════════════════════════
   V3 WORLD SHELL — dieselbe echte Layoutgrammatik wie der Router

   Diese Regeln arbeiten auf explizitem Markup in jeder Zielwelt:
   v3-world am Body, v3-shell-nav als realer Seitenkopf und
   v3-hero-stage am vorhandenen Hero. Die Demo bleibt der Inhalt.
══════════════════════════════════════════════════════════════ */
body.v3-world {
  --v3-s0:#07080c;
  --v3-s1:#0b0d13;
  --v3-s2:#11141d;
  --v3-ink:#eceef5;
  --v3-ink-2:#9aa0b4;
  --v3-ink-3:#747b91;
  --v3-hair:rgba(255,255,255,.08);
  --v3-hair-2:rgba(255,255,255,.16);
  --v3-gut:clamp(1rem,4vw,2.4rem);
  --v3-inner:1240px;
  min-height:100%;
  margin:0;
  overflow-x:clip;
  background:var(--v3-s0) !important;
  color:var(--v3-ink);
  font-family:"Manrope",sans-serif;
}
html[data-theme="light"] body.v3-world {
  --v3-s0:#f5f6fa;
  --v3-s1:#ffffff;
  --v3-s2:#eceef6;
  --v3-ink:#0f1119;
  --v3-ink-2:#545a6e;
  --v3-ink-3:#687086;
  --v3-hair:rgba(10,14,26,.09);
  --v3-hair-2:rgba(10,14,26,.17);
}
body.v3-world > :is(.pg-nav,.floor-nav,.writer-nav),
body.v3-world > .theme-toggle { display:none !important; }
.v3-shell-nav {
  position:sticky; top:0; z-index:90; box-sizing:border-box;
  display:flex; align-items:center; gap:.85rem; min-height:3.55rem;
  padding:.62rem var(--v3-gut); border-bottom:1px solid var(--v3-hair);
  background:color-mix(in srgb,var(--v3-s0) 84%,transparent);
  box-shadow:0 12px 36px rgba(0,0,0,.12);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
}
.v3-shell-nav a { text-decoration:none; }
.v3-shell-nav__brand {
  display:inline-flex; align-items:center; gap:.55rem; margin-right:auto;
  color:var(--v3-ink); font:700 .92rem "Space Grotesk",sans-serif;
}
.v3-shell-nav__brand img { width:22px; height:22px; }
.v3-shell-nav__brand b { color:var(--v3-accent); }
.v3-shell-nav__tone {
  display:inline-flex; align-items:center; gap:.48rem; color:var(--v3-ink-3);
  font:600 .64rem "JetBrains Mono",ui-monospace,monospace;
  letter-spacing:.12em; text-transform:uppercase;
}
.v3-shell-nav__tone i {
  width:6px; height:6px; border-radius:50%; background:var(--v3-accent);
  box-shadow:0 0 14px var(--v3-accent);
}
.v3-shell-nav__tone span { font-size:0; }
.v3-shell-nav__tone span::after { font-size:.64rem; content:"Prozesse"; }
body[data-v3-tone="web"] .v3-shell-nav__tone span::after { content:"Web"; }
body[data-v3-tone="know"] .v3-shell-nav__tone span::after { content:"Wissen"; }
body[data-v3-tone="infra"] .v3-shell-nav__tone span::after { content:"Infrastruktur"; }
body[data-v3-tone="ai"] .v3-shell-nav__tone span::after { content:"Lokale KI"; }
.v3-shell-nav__all {
  padding:.44rem .68rem; border:1px solid var(--v3-hair-2); border-radius:8px;
  color:var(--v3-ink-2); font:600 .68rem "JetBrains Mono",ui-monospace,monospace;
  letter-spacing:.08em; text-transform:uppercase;
  transition:color .18s ease,border-color .18s ease,background .18s ease;
}
.v3-shell-nav__all:hover {
  color:var(--v3-accent); border-color:var(--v3-accent); background:var(--v3-accent-wash);
}
body.v3-world main {
  position:relative; z-index:5; box-sizing:border-box; width:100%; min-height:60vh;
}
body.v3-world main :where(h1,h2,h3) { font-family:"Space Grotesk",sans-serif !important; text-wrap:balance; }
body.v3-world main h1 { font-weight:700 !important; letter-spacing:-.045em !important; }
body.v3-world main h2 { letter-spacing:-.035em !important; }
body.v3-world .v3-hero-stage :where(h1,h2,h3) em { color:var(--v3-accent) !important; }
body.v3-world .v3-hero-stage {
  position:relative !important; isolation:isolate; box-sizing:border-box !important;
  width:min(calc(100% - (2 * var(--v3-gut))),var(--v3-inner)) !important;
  max-width:var(--v3-inner) !important; min-height:clamp(32rem,72svh,46rem) !important;
  margin:clamp(1rem,2.2vw,1.8rem) auto clamp(3.4rem,8vw,7rem) !important;
  padding:clamp(2rem,6vw,5.4rem) clamp(1.25rem,5vw,4.8rem) !important;
  overflow:hidden !important;
  border:1px solid color-mix(in srgb,var(--v3-accent) 25%,var(--v3-hair)) !important;
  border-radius:clamp(18px,2vw,26px) !important;
  background-color:var(--v3-s1) !important;
  background-image:
    linear-gradient(90deg,var(--v3-s1) 0%,color-mix(in srgb,var(--v3-s1) 96%,transparent) 30%,color-mix(in srgb,var(--v3-s1) 56%,transparent) 58%,color-mix(in srgb,var(--v3-s1) 18%,transparent) 100%),
    linear-gradient(180deg,transparent 55%,var(--v3-s1) 100%),var(--v3-route-art) !important;
  background-size:cover !important; background-position:center !important;
  box-shadow:0 38px 100px rgba(0,0,0,.42),0 0 70px var(--v3-accent-wash),inset 0 1px 0 rgba(255,255,255,.05) !important;
}
html[data-theme="light"] body.v3-world .v3-hero-stage {
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 32%,rgba(255,255,255,.5) 64%,rgba(255,255,255,.16) 100%),
    linear-gradient(180deg,transparent 55%,rgba(255,255,255,.88) 100%),var(--v3-route-art) !important;
  box-shadow:0 28px 80px rgba(30,38,70,.14),0 0 55px var(--v3-accent-wash) !important;
}
body.v3-world .v3-hero-stage::before {
  content:""; position:absolute; z-index:-1; inset:0; pointer-events:none;
  background-image:linear-gradient(to right,var(--v3-hair) 1px,transparent 1px),linear-gradient(to bottom,var(--v3-hair) 1px,transparent 1px);
  background-size:52px 52px; opacity:.45;
  -webkit-mask-image:linear-gradient(90deg,transparent 8%,#000 60%); mask-image:linear-gradient(90deg,transparent 8%,#000 60%);
}
body.v3-world .v3-hero-stage::after {
  content:"JEMKE / V3"; position:absolute; z-index:4;
  top:auto !important; left:auto !important; width:auto !important; height:auto !important;
  right:clamp(1rem,2.5vw,2rem); bottom:clamp(1rem,2.5vw,2rem);
  padding:.42rem .62rem; border:1px solid color-mix(in srgb,var(--v3-accent) 40%,var(--v3-hair-2));
  border-radius:999px; background:color-mix(in srgb,var(--v3-s0) 76%,transparent);
  color:var(--v3-accent); font:600 .58rem "JetBrains Mono",ui-monospace,monospace;
  letter-spacing:.14em; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
}
body.v3-world .v3-hero-stage > * { position:relative; z-index:2; }
body.v3-world .v3-hero-stage > picture,
body.v3-world .v3-hero-stage > img {
  position:absolute !important; inset:0 !important; width:100% !important; height:100% !important;
  opacity:.12 !important; filter:saturate(.45) contrast(1.08) !important; pointer-events:none;
}
body.v3-world .v3-hero-stage > picture img { width:100% !important; height:100% !important; object-fit:cover !important; }
body.v3-world .v3-hero-stage h1 {
  position:relative; z-index:3; max-width:13ch; margin-top:.65rem;
  color:var(--v3-ink) !important;
  font-size:clamp(2.65rem,6.3vw,6.1rem) !important; line-height:.94 !important;
  text-align:left !important; text-shadow:0 8px 40px var(--v3-s0);
}
body.v3-world .v3-hero-stage :is(p,blockquote) { position:relative; z-index:3; max-width:54ch; }
body.v3-world .v3-hero-stage :is([class$="kicker"],[class$="eyebrow"],[class$="__k"],[class$="__cue"],[class$="label"],[class$="__label"]) {
  color:var(--v3-accent) !important; font-family:"JetBrains Mono",ui-monospace,monospace !important;
  letter-spacing:.12em; text-transform:uppercase;
}
body.v3-world :is(.trade-site,.property-site,.practice-site) {
  width:min(calc(100% - (2 * var(--v3-gut))),var(--v3-inner)); margin-inline:auto; overflow:hidden;
  border-inline:1px solid var(--v3-hair); background:var(--v3-s1); box-shadow:0 36px 100px rgba(0,0,0,.32);
}
body.v3-world :is(.trade-nav,.property-nav,.practice-nav) { top:3.55rem !important; }
body.v3-world main > section:not(.v3-hero-stage),
body.v3-world main > div > section:not(.v3-hero-stage) {
  border-top-color:color-mix(in srgb,var(--v3-accent) 16%,var(--v3-hair)) !important;
}
@media (max-width:760px) {
  .v3-shell-nav__tone { display:none; }
  .v3-shell-nav__all { padding:.4rem .55rem; font-size:.62rem; }
  body.v3-world .v3-hero-stage {
    width:calc(100% - 1rem) !important; min-height:clamp(31rem,76svh,42rem) !important;
    margin:.5rem auto 3.4rem !important; padding:clamp(1.5rem,7vw,2.5rem) clamp(1rem,5vw,1.6rem) !important;
    background-image:linear-gradient(180deg,var(--v3-s1) 0%,color-mix(in srgb,var(--v3-s1) 90%,transparent) 46%,color-mix(in srgb,var(--v3-s1) 38%,transparent) 100%),var(--v3-route-art) !important;
    background-position:center !important;
  }
  body.v3-world .v3-hero-stage h1 { max-width:11ch; font-size:clamp(2.3rem,12vw,4.25rem) !important; }
  body.v3-world :is(.trade-site,.property-site,.practice-site) { width:100%; border-inline:0; }
  body.v3-world :is(.trade-nav,.property-nav,.practice-nav) { top:3.55rem !important; }
}
@media (prefers-reduced-motion:reduce) {
  .v3-shell-nav *, body.v3-world .v3-hero-stage { transition:none !important; }
}


/* ── V3 FEINSCHLIFF · echte Hero/Demo-Trennung ───────────── */
body.v3-world .v3-detached-hero {
  display:grid !important;
  align-content:center !important;
  min-height:clamp(31rem,70svh,43rem) !important;
}
body.v3-world .v3-detached-hero > :is(.infra-hero__copy,.os-hero__intro,.intake-copy,.opening-copy,.hero-copy,.cp-hero-copy,.facility-hero) {
  position:relative !important;
  inset:auto !important;
  display:block !important;
  width:min(58%,46rem) !important;
  max-width:46rem !important;
  margin:0 !important;
  transform:none !important;
  text-align:left !important;
}
body.v3-world .v3-detached-hero .hero-truth {
  max-width:32rem;
  margin-top:1.5rem;
}
body.v3-world .v3-detached-hero .facility-hero > div { display:block !important; }
body.v3-world .v3-detached-hero .hero-object {
  position:absolute;
  left:calc(100% + clamp(2rem,7vw,8rem));
  bottom:0;
  width:clamp(13rem,18vw,18rem);
  box-sizing:border-box;
  background:color-mix(in srgb,var(--v3-s1) 88%,transparent);
  color:var(--v3-ink);
  border-color:color-mix(in srgb,var(--v3-accent) 35%,var(--v3-hair));
  box-shadow:12px 14px 0 color-mix(in srgb,var(--v3-accent) 18%,transparent);
}
body.v3-world .v3-detached-hero .hero-object strong { margin:2.2rem 0 .7rem; }
body.v3-world .v3-hero-stage :is(p,.question-lead,.fld-lead,.trs-lead,.twr-lead,[class$="__c"]) {
  color:var(--v3-ink-2) !important;
}
body.v3-world .v3-hero-stage { text-align:left !important; }
body.v3-world .v3-hero-stage h1 { margin-inline:0 !important; }

body.v3-world .v3-demo-stage {
  position:relative;
  box-sizing:border-box !important;
  width:min(calc(100% - (2 * var(--v3-gut))),var(--v3-inner)) !important;
  max-width:var(--v3-inner) !important;
  margin:0 auto clamp(4rem,9vw,7rem) !important;
  overflow:hidden !important;
  border:1px solid color-mix(in srgb,var(--v3-accent) 19%,var(--v3-hair)) !important;
  border-radius:clamp(16px,2vw,24px) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.3) !important;
}
body.v3-world .infra-hero.v3-demo-stage {
  display:block !important;
  min-height:auto !important;
  padding:clamp(2rem,5vw,4rem) !important;
}
body.v3-world .infra-hero.v3-demo-stage .archipelago {
  width:min(100%,66rem);
  margin-inline:auto;
}
body.v3-world .question-scene.v3-demo-stage {
  display:grid !important;
  grid-template-columns:1fr !important;
  min-height:auto !important;
  padding:clamp(2rem,6vw,5rem) !important;
}
body.v3-world .question-scene.v3-demo-stage .question-chain {
  grid-column:1 !important;
  grid-row:auto !important;
  width:min(100%,48rem);
  margin-inline:auto;
}
body.v3-world .question-scene.v3-demo-stage > :is(.cp-action,.chain-freeze) {
  grid-column:1 !important;
  justify-self:center !important;
}
body.v3-world .intake.v3-demo-stage,
body.v3-world .route-world.v3-demo-stage,
body.v3-world .memory-hero.v3-demo-stage { padding-top:clamp(2.5rem,6vw,5rem) !important; }
body.v3-world .opening.v3-demo-stage { min-height:clamp(38rem,82svh,52rem) !important; }
body.v3-world .os-hero.v3-demo-stage { padding-top:clamp(2.5rem,6vw,5rem) !important; }

/* Helle Spezialwelten beginnen jetzt ebenfalls auf Graphit. Ihre
   eigentlichen Demonstrationskapitel behalten danach ihre Materialität. */
body.v3-world :is(.pap,.fld,.amp,.plt,.trs,.twr) {
  background-image:linear-gradient(var(--v3-s0),var(--v3-s0)) !important;
  background-size:100% clamp(52rem,98svh,63rem) !important;
  background-repeat:no-repeat !important;
  background-position:top center !important;
}
body.v3-world .pap { padding-top:0 !important; }
body.v3-world .pap::before {
  -webkit-mask-image:linear-gradient(transparent 0 60rem,#000 64rem);
  mask-image:linear-gradient(transparent 0 60rem,#000 64rem);
}

@media (max-width:760px) {
  body.v3-world .v3-detached-hero { min-height:clamp(30rem,74svh,39rem) !important; }
  body.v3-world .v3-detached-hero > :is(.infra-hero__copy,.os-hero__intro,.intake-copy,.opening-copy,.hero-copy,.cp-hero-copy,.facility-hero) {
    width:100% !important;
    max-width:100% !important;
  }
  body.v3-world .v3-detached-hero .hero-object {
    position:relative;
    left:auto;
    bottom:auto;
    width:min(100%,18rem);
    margin-top:1.5rem;
  }
  body.v3-world .v3-demo-stage {
    width:calc(100% - 1rem) !important;
    margin-bottom:3.5rem !important;
  }
  body.v3-world .infra-hero.v3-demo-stage,
  body.v3-world .question-scene.v3-demo-stage { padding:1rem !important; }
  body.v3-world :is(.pap,.fld,.amp,.plt,.trs,.twr) {
    background-size:100% clamp(46rem,96svh,54rem) !important;
  }
}


/* Letzte drei Ausreißer: lange Frage, Chaos-Zitat, mobiles Terminobjekt. */
body.v3-world .v3-detached-hero .hero-copy h1 {
  max-width:12ch;
  font-size:clamp(2.7rem,5vw,4.8rem) !important;
  line-height:.92 !important;
}
body.v3-world .arrival.v3-hero-stage h1 {
  font-size:clamp(2.8rem,5vw,4.8rem) !important;
  margin:clamp(1.2rem,3vh,2rem) 0 .8rem !important;
}
body.v3-world .arrival.v3-hero-stage blockquote {
  margin:clamp(1rem,2.5vh,1.8rem) 0 .8rem !important;
  font-size:clamp(1.9rem,3.8vw,4.1rem) !important;
}
@media (max-width:760px) {
  body.v3-world .wf-hero.v3-hero-stage { min-height:clamp(30rem,74svh,39rem) !important; }
  body.v3-world .wf-hero.v3-hero-stage .wf-hero__grid {
    position:relative;
    display:block !important;
  }
  body.v3-world .wf-hero.v3-hero-stage .wf-hero__grid > div { position:relative; z-index:2; }
  body.v3-world .wf-hero.v3-hero-stage .wf-object--hero {
    position:absolute;
    z-index:1;
    right:-3.4rem;
    bottom:-7rem;
    width:13rem;
    margin:0 !important;
    opacity:.28;
    transform:rotate(5deg) !important;
  }
  body.v3-world .wf-hero.v3-hero-stage .wf-object--hero strong { margin:1.5rem 0; }
  body.v3-world .wf-hero.v3-hero-stage .wf-scrollcue { display:none; }
  body.v3-world .wf-hero.v3-hero-stage .wf-lead { margin-bottom:1.3rem; }
}


/* ── V3 FULLSCREEN ENTRY · Welt statt Karte ────────────────────────────────
   Nach der 3.55rem hohen V3-Navigation gehört der komplette erste
   Viewport dem jeweiligen Thema. Die interaktive Demo beginnt darunter. */
body.v3-world .v3-hero-stage {
  width:100% !important;
  max-width:none !important;
  min-height:calc(100svh - 3.55rem) !important;
  margin:0 !important;
  padding-block:clamp(2.5rem,7vh,5.75rem) !important;
  padding-inline:max(var(--v3-gut),calc((100vw - var(--v3-inner))/2 + var(--v3-gut))) !important;
  border:0 !important;
  border-bottom:1px solid color-mix(in srgb,var(--v3-accent) 34%,var(--v3-hair)) !important;
  border-radius:0 !important;
  box-shadow:inset 0 -1px 0 var(--v3-accent-wash),inset 0 -80px 120px rgba(0,0,0,.14) !important;
}
html[data-theme="light"] body.v3-world .v3-hero-stage {
  box-shadow:inset 0 -1px 0 var(--v3-accent-wash),inset 0 -70px 110px rgba(30,38,70,.06) !important;
}
body.v3-world .v3-detached-hero,
body.v3-world .wf-hero.v3-hero-stage {
  min-height:calc(100svh - 3.55rem) !important;
}

/* Die drei gebauten Websites sind ebenfalls full bleed. Ihre eigene
   Kundennavigation bleibt Teil des Exponats und wird von der Hero-Höhe
   abgezogen, sodass der nächste Abschnitt exakt unter dem Fold beginnt. */
body.v3-world :is(.trade-site,.property-site,.practice-site) {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
}
body.v3-world :is(.trade-hero,.property-hero,.practice-hero).v3-hero-stage {
  padding:0 !important;
}
body.v3-world .trade-hero.v3-hero-stage {
  min-height:calc(100svh - 3.55rem - 76px) !important;
}
body.v3-world :is(.property-hero,.practice-hero).v3-hero-stage {
  min-height:calc(100svh - 3.55rem - 78px) !important;
}

/* Die vormals hellen Spezialwelten bekommen denselben lückenlosen
   Graphit-Untergrund bis zum Ende ihres Fullscreen-Einstiegs. */
body.v3-world :is(.pap,.fld,.amp,.plt,.trs,.twr) {
  background-size:100% calc(100svh - 3.55rem) !important;
}

@media (max-width:760px) {
  body.v3-world .v3-hero-stage,
  body.v3-world .v3-detached-hero,
  body.v3-world .wf-hero.v3-hero-stage {
    width:100% !important;
    min-height:calc(100svh - 3.55rem) !important;
    margin:0 !important;
    padding-block:clamp(2rem,6vh,3.25rem) !important;
    padding-inline:clamp(1rem,5vw,1.6rem) !important;
  }
  body.v3-world :is(.trade-hero,.property-hero,.practice-hero).v3-hero-stage {
    padding:0 !important;
  }
  body.v3-world .trade-hero.v3-hero-stage {
    min-height:calc(100svh - 3.55rem - 76px) !important;
  }
  body.v3-world :is(.property-hero,.practice-hero).v3-hero-stage {
    min-height:calc(100svh - 3.55rem - 78px) !important;
  }
  body.v3-world :is(.pap,.fld,.amp,.plt,.trs,.twr) {
    background-size:100% calc(100svh - 3.55rem) !important;
  }
}


/* Alte Seitenrahmen reservierten hier Platz für die inzwischen verborgene
   Global-Navigation. Im V3-Shell beginnt der Inhalt direkt nach der Shell. */
body.v3-world main { padding-top:0 !important; }
body.v3-world .chaos { margin-top:0 !important; }

@media (max-width:560px) {
  body.v3-world .practice-hero.v3-hero-stage {
    min-height:calc(100svh - 3.55rem - 104px) !important;
  }
}


/* V3.2 SURFACE CONTRACTS — dunkle Einstiege, lesbare Arbeitsflaechen. */
html[data-theme="light"] body.v3-world .v3-hero-stage {
  --v3-s0:#07080c; --v3-s1:#0b0d13; --v3-s2:#11141d;
  --v3-ink:#eceef5; --v3-ink-2:#b8bdcb; --v3-ink-3:#9299ab;
  --v3-hair:rgba(255,255,255,.08); --v3-hair-2:rgba(255,255,255,.16);
  background-color:#0b0d13 !important;
  background-image:linear-gradient(90deg,#0b0d13 0%,rgba(11,13,19,.96) 30%,rgba(11,13,19,.56) 58%,rgba(11,13,19,.18) 100%),linear-gradient(180deg,transparent 55%,#0b0d13 100%),var(--v3-route-art) !important;
  box-shadow:inset 0 -1px 0 var(--v3-accent-wash),inset 0 -80px 120px rgba(0,0,0,.14) !important;
}
html[data-theme="light"] body.v3-world .v3-hero-stage h1{color:#eceef5 !important;text-shadow:0 8px 40px #07080c}
html[data-theme="light"] body.v3-world .v3-hero-stage :is(p,blockquote,.question-lead,.fld-lead,.trs-lead,.twr-lead,[class$="__c"]){color:#b8bdcb !important}
body.v3-world .processing-world{background-color:var(--floor,#e7ece8)}
body.v3-world .writing-world{background-color:var(--desk,#b9aa92)}
body.v3-world .infra .island{background-color:var(--land,#d8d0bd)}
body[data-v3-tone="know"] :is(.pap-back a,.pap-continuity){color:#684700}
body[data-v3-tone="ops"] :is(.plt-state--a,.plt-state--b,.plt-n__v,.plt-rel a,.amp-rel a,.fld-back a,.fld-quiet__rel a,.fld-quiet__p a,.fld-quiet__a a,.fld-quiet__lead a,.est-rel a){color:#3730a3}
body[data-v3-tone="ai"] :is(.trs-zone__k,.trs-quiet__p a,.trs-quiet__a a,.trs-quiet__rel a,.trs-quiet__lead a){color:#166534}
body[data-v3-tone="web"] :is(.twr-tower__wobble,.twr-back a,.twr-quiet__rel a){color:#86198f}
body.v3-world .fld-times .fld-dot{color:#41493a}
body.v3-world .amp-core .amp-win__n{color:#3730a3}
body.v3-world .amp-core__tag{color:#3730a3}
body.v3-world .research-rail li{color:#aaa18f}
body.v3-world main.facility{background-color:var(--fa-paper,#e8e7e1)}
body.v3-world main.facility .object-selector button{color:#3f4d48}

/* Lokale Materialfarben bleiben unterhalb des Fullscreen-Heros opak. */
body.v3-world .pap{background-color:var(--pap-bg,#f2efe7)}
body.v3-world .fld{background-color:var(--fld-bg,#f2f0e8)}
body.v3-world .amp{background-color:var(--amp-bg,#f2f4f7)}
body.v3-world .plt{background-color:var(--plt-bg,#fbf7f0)}
body.v3-world .trs{background-color:var(--trs-bg,#eef2ee)}
body.v3-world .twr{background-color:var(--twr-bg,#f4f1ea)}
body.v3-world .est{background-color:var(--est-bg,#0c1118)}
body.v3-world .processing-world{color:var(--ink,#10282b)}
body.v3-world .writing-world{color:var(--ink,#211f1b)}
body[data-v3-tone="ops"] .est-rel a{color:#aeb4ff}
body.v3-world main.facility :is(.route-verdict span,.classification-world .facility-kicker,.permission-world .facility-kicker,.context-world .facility-kicker,.workstation-world .facility-kicker,.hybrid-world .facility-kicker,.hardware-world .facility-kicker,.builder-world .facility-kicker){color:#166534}
body.v3-world main.facility .object-selector button.is-active{color:#fff}
body.v3-world .os :is(.workspace-title>div>span,.workspace-title>button,.ai-summary>span,.ai-summary>button,.assistants article span,.pilot-roadmap span){color:#3730a3}

body.v3-world .writing-world .ink-button--approve{color:#102018}
body.v3-world .writing-world .built-desk__label{color:#27211b}
body.v3-world main.facility :is(.room span,.context-demo>article>span,.work-input>span,.work-output>span,.hybrid-demo article>span,.hardware-controls legend,.people-count>span,.builder-controls span,.builder-controls legend,.builder-building>span){color:#166534}
body.v3-world main.facility .employee span{color:#102018}
body.v3-world .infra .system-inspector__id{background-color:var(--land,#d8d0bd)}
body.v3-world .memory .concept-room>p{color:#c4bdad}

body[data-v3-tone="ops"] :is(.plt-read__p a,.plt-qa__a a,.amp-read__p a,.amp-qa__a a){color:#3730a3}
body.v3-world .memory .concept-room>p{color:#5d5548}
body.v3-world main.facility :is(.work-links a,.practice-door){color:#166534}
body.v3-world main.facility .trace-log span{color:#166534}
body.v3-world .os .role-chip span{color:#3730a3}

body.v3-world main.facility .v3-detached-hero .hero-object span{color:#7ff0a2}
body.v3-world main.facility .facility-finale .facility-kicker{color:#166534}


/* V3.3 BELOW-FOLD CI PASS — die alte Papierwelt wird Jemke-Nacht. */
body.v3-world :is(.pap,.fld,.amp,.plt,.trs,.twr){
  --v3-panel:#11151e;--v3-panel-2:#171c27;--v3-copy:#f1eef5;--v3-muted:#aab0bf;--v3-line:rgba(255,255,255,.13);
}
body.v3-world .pap{--pap-bg:#080a0f;--pap-sheet:#141821;--pap-ink:#f1eef5;--pap-mut:#abb0be;--pap-line:rgba(255,255,255,.13);--pap-shadow:0 18px 44px rgba(0,0,0,.28);background-color:#080a0f;color:var(--pap-ink)}
body.v3-world .pap::before{background:radial-gradient(circle at 80% 18%,var(--v3-accent-wash),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.025),transparent 45%)}
body.v3-world .pap :is(.pap-shot,.pap-note){background:#11151e;color:var(--pap-ink);border-color:var(--pap-line)}
body.v3-world .pap .pap-shot__bar{background:#0b0d13;color:var(--pap-mut)}
body.v3-world .pap .pap-role.is-on,body.v3-world .pap .pap-cta{background:var(--v3-accent);border-color:var(--v3-accent);color:#121008}
body.v3-world .pap .pap-cta--ghost{background:transparent;color:var(--pap-ink);border-color:var(--pap-line)}
body.v3-world .pap :is(.pap-back a,.pap-continuity){color:#ffd76b}

body.v3-world .fld{--fld-bg:#080a0f;--fld-ink:#f1eef5;--fld-mut:#aab0bf;--fld-line:rgba(255,255,255,.13);background:radial-gradient(circle at 78% 18%,var(--v3-accent-wash),transparent 35%),linear-gradient(180deg,#080a0f,#0c1017)!important;color:var(--fld-ink)}
body.v3-world .fld :is(.fld-received,.fld-times .fld-dot.is-on){background:#121722;color:var(--fld-ink);border-color:color-mix(in srgb,var(--v3-accent) 34%,var(--v3-line));box-shadow:0 18px 42px rgba(0,0,0,.24)}
body.v3-world .fld .fld-times .fld-dot{color:var(--fld-mut)}
body.v3-world .fld .fld-times .fld-dot b{color:var(--fld-ink)}
body.v3-world .fld :is(.fld-ico--doc,.fld-ico--photo){background:#171c27;border-color:var(--fld-line)}
body.v3-world .fld .fld-cta{background:var(--v3-accent);border-color:var(--v3-accent);color:#0b0c16}
body.v3-world .fld .fld-cta--ghost{background:transparent;color:var(--fld-ink);border-color:var(--fld-line)}
body.v3-world .fld :is(.fld-back a,.fld-quiet a){color:#b9beff}

body.v3-world .amp{--amp-bg:#080a0f;--amp-paper:#121722;--amp-ink:#f1eef5;--amp-mut:#aab0bf;--amp-line:rgba(255,255,255,.13);background:radial-gradient(circle at 76% 16%,var(--v3-accent-wash),transparent 35%),linear-gradient(180deg,#080a0f,#0c1017)!important;color:var(--amp-ink)}
body.v3-world .amp :is(.amp-win,.amp-bit){background:#121722;color:var(--amp-ink);border-color:var(--amp-line);box-shadow:0 18px 42px rgba(0,0,0,.22)}
body.v3-world .amp :is(.amp-win__bar,.amp-core .amp-win__bar){background:#171c27}
body.v3-world .amp .amp-go{background:var(--v3-accent);border-color:var(--v3-accent);color:#0b0c16}
body.v3-world .amp .amp-go--q{background:transparent;color:var(--amp-ink);border-color:var(--amp-line)}
body.v3-world .amp :is(.amp-read__p a,.amp-qa__a a,.amp-rel a){color:#b9beff}

body.v3-world .plt{--plt-bg:#080a0f;--plt-paper:#121722;--plt-ink:#f1eef5;--plt-mut:#aab0bf;--plt-line:rgba(255,255,255,.13);background:radial-gradient(circle at 78% 18%,var(--v3-accent-wash),transparent 35%),linear-gradient(180deg,#080a0f,#0c1017)!important;color:var(--plt-ink)}
body.v3-world .plt :is(.plt-model,.plt-sw,.plt-n,.plt-times .plt-day.is-on){background:#121722;color:var(--plt-ink);border-color:var(--plt-line);box-shadow:0 18px 42px rgba(0,0,0,.2)}
body.v3-world .plt .plt-go{background:var(--v3-accent);border-color:var(--v3-accent);color:#0b0c16}
body.v3-world .plt .plt-go--q{background:transparent;color:var(--plt-ink);border-color:var(--plt-line)}
body.v3-world .plt :is(.plt-read__p a,.plt-qa__a a,.plt-rel a){color:#b9beff}

body.v3-world .trs{--trs-bg:#080a0f;--trs-ink:#f1eef5;--trs-mut:#aab0bf;--trs-line:rgba(255,255,255,.13);background:radial-gradient(circle at 78% 18%,var(--v3-accent-wash),transparent 35%),linear-gradient(180deg,#080a0f,#0c1017)!important;color:var(--trs-ink)}
body.v3-world .trs .trs-section{background:radial-gradient(ellipse at 72% 78%,rgba(74,222,128,.1),transparent 40%),linear-gradient(180deg,#11151e,#0d1118);border-color:var(--trs-line)}
body.v3-world .trs :is(.trs-zone--out,.trs-zone--in){background:linear-gradient(180deg,rgba(74,222,128,.035),rgba(255,255,255,.015))}
body.v3-world .trs :is(.trs-hold,.trs-gate,.trs-lane__src,.trs-audit li){background:#171c27!important;color:var(--trs-ink);border-color:var(--trs-line)!important}
body.v3-world .trs .trs-pkt{background:#d9ffe5!important}
body.v3-world .trs .trs-cta{background:var(--v3-accent);border-color:var(--v3-accent);color:#07130b}
body.v3-world .trs .trs-cta--ghost{background:transparent;color:var(--trs-ink);border-color:var(--trs-line)}
body.v3-world .trs :is(.trs-quiet a,.trs-back a){color:#8ff0ae}

body.v3-world .twr{--twr-bg:#080a0f;--twr-panel:#121722;--twr-ink:#f1eef5;--twr-mut:#aab0bf;--twr-line:rgba(255,255,255,.13);background:radial-gradient(circle at 78% 18%,var(--v3-accent-wash),transparent 35%),linear-gradient(180deg,#080a0f,#0c1017)!important;color:var(--twr-ink)}
body.v3-world .twr :is(.twr-tower,.twr-block){background:#121722;color:var(--twr-ink);border-color:var(--twr-line)}
body.v3-world .twr .twr-cta{background:var(--v3-accent);border-color:var(--v3-accent);color:#16091a}
body.v3-world .twr .twr-cta--ghost{background:transparent;color:var(--twr-ink);border-color:var(--twr-line)}
body.v3-world .twr :is(.twr-back a,.twr-quiet__rel a){color:#f3a4ff}


/* V3.3 FLAGSHIP SURFACES — die großen Altflächen übernehmen die jeweilige CI. */
body.v3-world :is(
  .infra-chapter--traffic,.infra-chapter--truth,.infra-chapter--legacy,.infra-epilogue,
  .os .source-reveal,.os .problem-builder,.os .capability-map,.os .industry-lab,.os .assistants,.os .pilot,
  .processing-world .intake,.processing-world .output-floor,.processing-world .review-floor,.processing-world .logic-floor,
  .processing-world .mapping-floor,.processing-world .cleaning-floor,.processing-world .language-floor,.processing-world .analysis-floor,.processing-world .builder-floor,
  .writing-world .act,.memory .browse-world,.memory .search-contrast,.memory .memory-finale,
  main.facility .context-world,main.facility .hardware-world,main.facility .resilience-world,main.facility .facility-finale,
  .chaos .deeper
){
  background:
    radial-gradient(circle at 82% 14%,var(--v3-accent-wash),transparent 34%),
    linear-gradient(180deg,#0c1017,#080a0f)!important;
  color:#f1eef5!important;
  border-color:rgba(255,255,255,.12)!important;
}

/* Backends & Integrationen · Indigoblaue Nacht statt beige Inselkarten. */
body.v3-world .infra :is(.infra-chapter--traffic,.infra-chapter--truth,.infra-chapter--legacy,.infra-epilogue){
  --ink:#f1eef5;--paper:#0c1017;--land:#17202b;--land-2:#101722;--white:#f1eef5;--muted:#aab4c2;--line:rgba(129,140,248,.22);
}
body.v3-world .infra :is(.traffic-board article,.truth-question,.legacy-system,.legacy-options,.legacy-options>div,.mini-network span){background:#121722;color:#f1eef5;border-color:rgba(129,140,248,.24)}
body.v3-world .infra :is(.truth-flow span,.semantic-doors a){background:#171c27;color:#f1eef5;border-color:rgba(129,140,248,.22)}
body.v3-world .infra :is(.truth-copy,.truth-result,.legacy-layout blockquote,.chapter-head>p,.traffic-board article small,.human-ferry>p,.legacy-system dt,.semantic-doors a span){color:#aeb6c7}
body.v3-world .infra :is(.infra-chapter--traffic .chapter-head>span,.infra-chapter--truth .infra-kicker,.infra-chapter--legacy .chapter-head>span,.infra-epilogue .infra-kicker,.infra-epilogue h2 em){color:#aeb4ff}
body.v3-world .infra :is(.human-ferry button,.legacy-options button.is-active,.epilogue-actions a){background:var(--v3-accent);border-color:var(--v3-accent);color:#0b0c16}
body.v3-world .infra :is(.legacy-options button,.epilogue-actions button){border-color:rgba(255,255,255,.3);color:#f1eef5;background:transparent}
body.v3-world .infra .context-layer{background:#171c27;box-shadow:0 16px 0 color-mix(in srgb,var(--v3-accent) 56%,#202633)}

/* Jemke OS · auch das Produkt selbst wird zur dunklen Operationsoberfläche. */
body.v3-world .os{--os-paper:#0d1117;--os-paper-2:#151b23;--os-paper-ink:#f1eef5;--os-paper-muted:#aab4c2;--os-green-dark:#aeb4ff}
body.v3-world .os :is(.os-product,.workspace,.source-reveal,.problem-builder,.capability-map,.industry-lab,.assistants,.pilot){background-color:#0d1117;color:#f1eef5;border-color:rgba(129,140,248,.2)}
body.v3-world .os :is(.product-bar,.product-nav,.case-head,.case-nav,.source-map,.map-canvas,.industry-workspace){background:#111722;color:#f1eef5;border-color:rgba(129,140,248,.18)}
body.v3-world .os :is(.role-chip,.attention-row button,.case-facts div,.chronology,.document-list button,.document-preview,.finance-grid article,.appointment-form select,.task-list li>button,.ai-scan span,.ai-summary,.draft-card,.portal-grid article,.generic-grid button,.source-map button,.pain-list label){background:#171d27;color:#f1eef5;border-color:rgba(129,140,248,.2)}
body.v3-world .os :is(.work-item:hover,.case-nav button.is-active,.context-note,.appointment-result,.ai-sources button,.ai-sources button.is-highlight,.task-list li>button[aria-pressed="true"]){background:#202738;color:#f1eef5;border-color:rgba(129,140,248,.34)}
body.v3-world .os :is(.customer-portal,.assistants){background:#0f141c;color:#f1eef5}
body.v3-world .os :is(.draft-card textarea,.ai-sources button,.builder-layout select,.industry-workspace select){background:#0d1117;color:#f1eef5;border-color:rgba(255,255,255,.18)}
body.v3-world .os :is(.workspace-title button,.panel-head button,.case-head>button:first-child,.chronology header button,.document-list strong,.customer-portal>header button,.source-map button span,.problem-builder>header>span,.capability-map>header>span,.assistants>header>span,.pilot>header>span){color:#b9beff}
body.v3-world .os :is(.product-nav button,.case-nav button,.ai-actions button+button,.draft-card footer button){color:#c8cedb;border-color:rgba(255,255,255,.2)}
body.v3-world .os :is(.product-nav button.is-active,.customer-toggle,.appointment-form button,.ai-actions button,.draft-card footer button:last-child){background:var(--v3-accent);border-color:var(--v3-accent);color:#0b0c16}


/* Excel / CSV · Datenlabor in KI-Grün, ohne weiße Tabellenlandschaft. */
body.v3-world .processing-world{--floor:#080a0f;--panel:#121722;--ink:#f1eef5;--muted:#aab4c2;--line:rgba(74,222,128,.18);--teal:#4ade80;--teal2:#183927;--dark:#080a0f;--rule:#4ade80;--ai:#c4b5fd;background:#080a0f;color:#f1eef5}
body.v3-world .processing-world :is(.file-crate,.raw-table-wrap,.output-metrics div,.result-sheet,.change-ledger,.export-bar,.duplicate-bay article,.review-decision,.rigid-lane,.flex-lane,.mapping-table,.interpretation,.analysis-answer,.builder-panel,.builder-preview){background:#121722;color:#f1eef5;border-color:rgba(74,222,128,.18);box-shadow:0 20px 50px rgba(0,0,0,.22)}
body.v3-world .processing-world :is(.raw-table caption,.raw-table th,.raw-table tr:nth-child(even) td,.output-selector button,.analysis-question button,.scenario-switch button,.mapping-table header,.mapping-row,.language-card,.cleaning-card){background:#171d27;color:#f1eef5;border-color:rgba(74,222,128,.16)}
body.v3-world .processing-world :is(.split-head>p,.intake-copy>p:last-child,.output-metrics span,.output-metrics small,.result-row small,.duplicate-bay article p,.interpretation p,.analysis-answer p){color:#aab4c2}
body.v3-world .processing-world :is(.floor-kicker,h1 em,h2 em,.mapping-floor .floor-kicker,.analysis-floor .floor-kicker){color:#7ff0a2}
body.v3-world .processing-world :is(.output-selector button.is-active,.analysis-question button.is-active,.scenario-switch button.is-active,.export-bar button){background:var(--v3-accent);border-color:var(--v3-accent);color:#07130b}
body.v3-world .processing-world .raw-table .issue{background:#43251f!important;color:#ffd7ca}

/* KI Mails & Dokumente · dunkler Redaktionsraum, Papier nur noch als Akzent. */
body.v3-world .writing-world{--paper:#141821;--paper-deep:#1a202a;--desk:#080a0f;--desk-dark:#080a0f;--ink:#f1eef5;--muted:#aeb4c0;--blue:#4ade80;--blue-soft:#163324;--green:#4ade80;--green-soft:#183927;--line:rgba(74,222,128,.16);--shadow:0 24px 55px rgba(0,0,0,.3);background:#080a0f;color:#f1eef5}
body.v3-world .writing-world :is(.writing-sheet,.fact-preservation,.document-sheet,.role-paper,.attention-list,.template-card,.clarification-strip,.question-desk,.role-card,.contract-stack article,.approved-actions,.voice-outputs article){background:#121722;color:#f1eef5;border-color:rgba(74,222,128,.18);box-shadow:0 22px 50px rgba(0,0,0,.22)}
body.v3-world .writing-world :is(.margin-notes article,.editing-rail button,.structure-tools button,.document-tabs button,.voice-outputs nav button,.voice-compare nav button,.lab-tabs button,.roles-act nav button,.incoming-mail,.source-pad,.voice-transcript){background:#171d27;color:#f1eef5;border-color:rgba(74,222,128,.16)}
body.v3-world .writing-world :is(.approval-pause,.uncertainty-act,.fragment-act,.document-act,.voice-template-act,.document-lab,.rules-act,.builder-act,.roles-act){color:#f1eef5}
body.v3-world .writing-world :is(.sheet-meta,.sheet-foot,.sheet-address,.approval-pause p,.incoming-mail small,.fact-preservation dt,.document-sheet header,.role-paper p,.attention-list p){color:#aeb4c0}
body.v3-world .writing-world :is(.editing-rail button.is-active,.document-tabs button.is-active,.voice-outputs nav button.is-active,.voice-compare nav button.is-active,.lab-tabs button[aria-selected=true],.roles-act nav button.is-active,.ink-button--approve){background:var(--v3-accent);border-color:var(--v3-accent);color:#07130b}
body.v3-world .writing-world :is(.margin-notes span,.template-card>span,.attention-list>span,.role-paper>span){color:#7ff0a2}


/* Wissensassistent · warmes Archivlicht auf dunklem Firmenmemory. */
body.v3-world .memory :is(.browse-world,.search-contrast,.memory-finale){--mem-ink:#f4efe4;--mem-muted:#b4ac9e;--mem-line:rgba(251,191,36,.18);color:#f4efe4}
body.v3-world .memory :is(.browse-list button,.concept-room,.concept-relations span,.contrast-board>div,.builder-archive,.builder-archive>div span){background:#171812;color:#f4efe4;border-color:rgba(251,191,36,.2)}
body.v3-world .memory :is(.document-journey,.no-ai-note){background:#11120f;color:#f4efe4;border:1px solid rgba(251,191,36,.16)}
body.v3-world .memory :is(.browse-world .chapter-head>p,.search-contrast .chapter-head>p,.concept-room>p,.builder-archive>small,.browse-list button small,.contrast-board>i){color:#b4ac9e}
body.v3-world .memory :is(.browse-world .memory-kicker,.browse-world em,.search-contrast .memory-kicker,.search-contrast em,.memory-finale .memory-kicker,.memory-finale em,.browse-list button span,.contrast-board>div>span,.builder-archive header span){color:#ffd76b}
body.v3-world .memory .shelf-tabs{border-color:rgba(251,191,36,.18)}
body.v3-world .memory .shelf-tabs button{color:#b4ac9e;border-color:rgba(251,191,36,.18)}
body.v3-world .memory .shelf-tabs button.is-active{background:var(--v3-accent);color:#171207}
body.v3-world .memory .memory-finale :is(a,button){border-color:var(--v3-accent);background:var(--v3-accent);color:#171207}
body.v3-world .memory .memory-finale button{background:transparent;color:#ffd76b}

/* Offline KI · die Gebäudetechnik erhält dieselbe grüne Nacht wie ihr Hero. */
body.v3-world main.facility{--fa-paper:#080a0f;--fa-white:#121722;--fa-ink:#f1eef5;--fa-muted:#aab4c2;--fa-line:rgba(74,222,128,.18);--fa-green:#4ade80;background:#080a0f;color:#f1eef5}
body.v3-world main.facility :is(.cutaway,.building-inside,.class-control,.permission-demo,.workstation,.builder-cutaway,.hardware-controls fieldset,.people-count,.resilience-demo,.trace-log){background:#111722;color:#f1eef5;border-color:rgba(74,222,128,.18)}
body.v3-world main.facility :is(.room,.building-outside,.outside-service,.outside-model,.employee,.personnel-file,.permission-result,.context-demo>article,.work-input,.work-output,.work-output blockquote,.hybrid-demo>article,.hybrid-demo>div,.builder-controls>label,.builder-controls fieldset,.builder-building article,.builder-cloud){background:#171d27;color:#f1eef5;border-color:rgba(74,222,128,.16)}
body.v3-world main.facility :is(.context-answer p,.route-verdict,.return-object,.permission-result.is-allowed,.hybrid-demo .is-shared){background:#1d3024;color:#e9fff0;border-color:rgba(74,222,128,.35)}
body.v3-world main.facility :is(.chapter-head>p:not(.facility-kicker),.class-control>div,.class-result p,.employee small,.permission-result small,.context-demo small,.work-input p,.work-output p,.hardware-machine p,.resilience-demo small){color:#aab4c2}
body.v3-world main.facility :is(.facility-kicker,.room span,.context-demo span,.work-input span,.work-output span,.hardware-controls legend,.people-count>span,.builder-controls span,.builder-controls legend,.builder-building>span,.trace-log>span){color:#7ff0a2}
body.v3-world main.facility :is(.work-output button,.facility-finale a){background:var(--v3-accent);border-color:var(--v3-accent);color:#07130b}
body.v3-world main.facility :is(.work-output button+button,.facility-finale button,.clear-context,.resilience-demo button){background:transparent;border-color:rgba(255,255,255,.3);color:#f1eef5}
body.v3-world main.facility :is(.builder-boundary,.boundary){background:#29322d;color:#c4cec8;border-color:rgba(74,222,128,.28)}

/* Tool Chaos · Schlusskapitel bleibt CI-dunkel. */
body.v3-world .chaos .deeper :is(span,h2){color:#b9beff}
body.v3-world .chaos .deeper p{color:#b2b7c5}


/* V3.3 Restflächen: technische Details, Assistenten, Anfragefeld und Regelspuren. */
body.v3-world .infra .advanced-view dl{background:#151b27!important;color:#f1eef5;border-color:rgba(129,140,248,.2)}
body.v3-world .infra .advanced-view :is(dt,small){color:#aeb6c7}
body.v3-world .os .assistants>div{background:#121722!important;color:#f1eef5;border-color:rgba(129,140,248,.2)}
body.v3-world .os .assistants article{background:#171d27;color:#f1eef5;border-color:rgba(129,140,248,.18)}
body.v3-world .processing-world .request-machine label{background:#121722!important;color:#f1eef5;border-color:rgba(74,222,128,.2)}
body.v3-world .processing-world .request-machine textarea{background:#0c1017;color:#f1eef5;border-color:rgba(74,222,128,.22)}
body.v3-world .writing-world .rule-lanes article{background:#121722!important;color:#f1eef5;border-color:rgba(74,222,128,.18)}
body.v3-world .writing-world .rule-lanes article+article{background:#171d27!important}


/* V3.3 CONTRAST LOCK — alte Papierfarben dürfen auf Nachtflächen nicht durchschlagen. */
body.v3-world .writing-world .ink-button--primary{background:var(--v3-accent)!important;border-color:var(--v3-accent)!important;color:#07130b!important}
body.v3-world .writing-world :is(.act-label,.margin-notes span,.template-card>span,.attention-list>span,.role-paper>span,.rule-lanes article>span,.built-desk__label,.structure-tools>span,.editing-rail>span){color:#7ff0a2!important}
body.v3-world .writing-world :is(.chapter-heading>p:not(.act-label),.lane-path p,.builder-links a,.margin-notes a){color:#b9c2d0!important}
body.v3-world .writing-world :is(.approval-pause,.approved-actions){background:#151b24!important;color:#f1eef5!important;border-color:rgba(74,222,128,.22)!important}
body.v3-world .writing-world .sheet-foot span:last-child{color:#ff9d91!important}
body.v3-world .writing-world :is(.desk-object,.new-note){background:#172019!important;color:#f1eef5!important;border-color:rgba(74,222,128,.26)!important}
body.v3-world .writing-world :is(.desk-object,.new-note) span{color:#9df6b8!important}
body.v3-world .writing-world .final-cta{background:var(--v3-accent)!important;border-color:var(--v3-accent)!important;color:#07130b!important}
body.v3-world .writing-world .reset-button{color:#c5ccda!important;border-color:rgba(255,255,255,.24)!important}

body.v3-world .processing-world :is(.source-hopper,.review-lane,.result-gate,.logic-transfer,.builder-stations,.builder-output){background:#172019!important;color:#f1eef5!important;border-color:rgba(74,222,128,.28)!important}
body.v3-world .processing-world :is(.source-hopper,.review-lane,.result-gate,.logic-transfer,.builder-stations,.builder-output) :is(span,strong,small){color:#f1eef5!important}
body.v3-world .processing-world :is(.duplicate-bay article>span,.rigid-lane>span,.flex-lane>span,.request-machine label>span,.interpretation>span){color:#86efac!important}
body.v3-world .processing-world .mapping-row button{color:#9df6b8!important;border-color:rgba(74,222,128,.32)!important}
body.v3-world .processing-world .mapping-row.is-unclear button{color:#ffb29e!important;border-color:rgba(255,142,112,.34)!important}
body.v3-world .processing-world .facility-controls button:first-child{background:var(--v3-accent)!important;color:#07130b!important}
body.v3-world .processing-world .continuations{background:#121722!important;border-color:rgba(74,222,128,.18)!important}
body.v3-world .processing-world .continuations a{color:#a7f3d0!important}

body.v3-world .os :is(.role-chip span,.workspace-title>div>span,.workspace-title>button,.ai-summary>span,.ai-summary>button,.assistants article span,.pilot-roadmap span){color:#b9beff!important}
body.v3-world .os .work-item__mark{background:#2a3150!important;color:#eef0ff!important}
body.v3-world .os :is(.industry-tabs button,.industry-object span){color:#bdc4d3!important}
body.v3-world .os :is(.source-reveal>header>span,.technical>header>span,.role-stage>header>span){color:#b9beff!important}

body.v3-world main.facility .object-selector button{color:#c3cbd5!important}
body.v3-world main.facility .object-selector button.is-active{background:var(--v3-accent)!important;color:#07130b!important}
body.v3-world main.facility :is(.facility-kicker,.room span,.context-demo span,.work-input span,.work-output span,.hybrid-demo article>span,.hardware-controls legend,.people-count>span,.builder-controls span,.builder-controls legend,.builder-building>span,.trace-log>span,.route-verdict span){color:#86efac!important}
body.v3-world main.facility :is(.building-outside .zone-label,.outside-service span,.outside-model span,.builder-cloud span){color:#8fe4ff!important}
body.v3-world main.facility :is(.personnel-file span,.permission-result span){color:#ffad98!important}
body.v3-world main.facility .boundary>span{color:#d8e1dc!important}
body.v3-world main.facility :is(.work-links a,.practice-door){color:#a7f3d0!important}
body.v3-world main.facility .technical-doors span{color:#a7f3d0!important}

body.v3-world .plt .plt-sw button.is-on{background:var(--v3-accent)!important;color:#0b0c16!important}
body.v3-world .plt :is(.plt-state--a,.plt-state--b,.plt-n__v){color:#c5c9ff!important}
body.v3-world .amp .amp-task{background:#171d27!important;color:#f1eef5!important;border-color:rgba(129,140,248,.2)!important}
body.v3-world .amp :is(.amp-win__n,.amp-core__tag){color:#c5c9ff!important}
body.v3-world .fld .fld-nav__btn{background:#171d27!important;color:#f1eef5!important;border-color:rgba(129,140,248,.2)!important}
body.v3-world .fld a.fld-cta{color:#0b0c16!important}
body.v3-world .trs .trs-task{background:#171d27!important;color:#f1eef5!important;border-color:rgba(74,222,128,.2)!important}
body.v3-world .trs .trs-task.is-on{background:var(--v3-accent)!important;color:#07130b!important}
body.v3-world .trs :is(.trs-zone__k,.trs-lane__k){color:#86efac!important}
body.v3-world .trs :is(.trs-quiet__p,.trs-quiet__a,.trs-quiet__rel){color:#b6c1bb!important}
body.v3-world .trs a.trs-cta{color:#07130b!important}
body.v3-world .twr :is(.twr-tower__wobble,.twr-block__note,.twr-quiet__p a){color:#f3a4ff!important}
body.v3-world .twr .twr-u.is-on{background:var(--v3-accent)!important;color:#16091a!important}


/* V3.3 mobile/light-theme lock: die Landingpage-Welten bleiben bewusst CI-dunkel. */
body.v3-world :is(.fld,.amp,.plt,.trs,.twr) :is(p,span,strong,small,li,dt,dd,a,button,label){color:#f1eef5!important}
body.v3-world :is(.fld,.amp,.plt,.trs,.twr) :is(.fld-mut,.amp-mut,.plt-mut,.trs-mut,.twr-mut){color:#abb4c2!important}
body.v3-world .fld :is(.fld-cta,.fld-cta span){color:#0b0c16!important}
body.v3-world .amp :is(.amp-go,.amp-go span){color:#0b0c16!important}
body.v3-world .plt :is(.plt-go,.plt-go span,.plt-sw button.is-on){color:#0b0c16!important}
body.v3-world .trs :is(.trs-cta,.trs-cta span,.trs-task.is-on){color:#07130b!important}
body.v3-world .trs .trs-pkt :is(span,strong,small){color:#102018!important}
body.v3-world .twr :is(.twr-cta,.twr-cta span,.twr-u.is-on){color:#16091a!important}
body.v3-world .twr :is(.twr-tower__wobble,.twr-block__note,.twr-quiet__p a){color:#f3a4ff!important}

body.v3-world .writing-world .approval-pause span{color:#ff9d91!important}
body.v3-world .processing-world .builder-stations span{background:#172019!important;color:#f1eef5!important}
body.v3-world .processing-world .continuations{background:#121722!important}
body.v3-world .processing-world .continuations a{background:#121722!important;color:#a7f3d0!important;border-color:rgba(74,222,128,.22)!important}
body.v3-world main.facility .resilience-demo span{color:#86efac!important}
body.v3-world .os .industry-lab>header>span{color:#b9beff!important}
body.v3-world .os .pilot-roadmap div{background:#171d27!important;color:#f1eef5!important;border-color:rgba(129,140,248,.2)!important}
body.v3-world .os .pilot-roadmap span{color:#b9beff!important}
body.v3-world .os .pilot-roadmap small{color:#b8c0ce!important}
body.v3-world .os .pilot>p{background:#171d27!important;color:#c6cedb!important}


/* V3.3 Farb-Fallback: Gradient-Welten behalten auch im hellen Shell-Modus Graphit als Grundfarbe. */
body.v3-world :is(.fld,.amp,.plt,.trs,.twr){background-color:#080a0f!important}
body.v3-world .amp .amp-go--q{background:transparent!important;color:#f1eef5!important}
body.v3-world .plt .plt-go--q{background:transparent!important;color:#f1eef5!important}

body.v3-world .amp a.amp-go--q{background:transparent!important;color:#f1eef5!important}
body.v3-world .plt a.plt-go--q{background:transparent!important;color:#f1eef5!important}

body.v3-world .plt a.plt-go.plt-go--q{background:transparent!important;color:#f1eef5!important}


/* V3.4 KUNDENPORTAL CONTINUITY — Hero, Produktdemo und Finale sind eine Welt. */
body.v3-world[data-v3-tone="web"] .cp{
  --paper:#080a0f;--white:#121722;--ink:#f4eff7;--ink-2:#d7cede;
  --sage:#e879f9;--mint:#26182d;--mint-2:#f3a4ff;
  --line:rgba(232,121,249,.2);--soft:#171c27;--coral:#fb7185;--muted:#adb3c2;
  background:
    radial-gradient(circle at 86% 8%,rgba(232,121,249,.13),transparent 30%),
    linear-gradient(180deg,#080a0f,#0b0e15)!important;
  color:#f4eff7!important;
}
body.v3-world[data-v3-tone="web"] .cp :is(.question-scene,.portal-world,.no-call-scene,.mobile-moment,.builder-scene,.cp-finale){
  background:
    radial-gradient(circle at 82% 12%,rgba(232,121,249,.11),transparent 34%),
    linear-gradient(180deg,#0d1118,#080a0f)!important;
  color:#f4eff7!important;
  border-color:rgba(232,121,249,.16)!important;
}
body.v3-world[data-v3-tone="web"] .cp :is(.answer-scene,.under-scene){
  background:linear-gradient(180deg,#0b0e15,#080a0f)!important;
  color:#f4eff7!important;
}
body.v3-world[data-v3-tone="web"] .cp :is(.question-chain,.answer-window,.portal-shell,.portal-bar,.portal-canvas,.phone,.builder-preview,.document-dialog,.document-paper){
  background:#111722!important;color:#f4eff7!important;border-color:rgba(232,121,249,.2)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.28);
}
body.v3-world[data-v3-tone="web"] .cp :is(.chain-step,.home-focus,.home-shortcuts button,.case-card,.documents,.conversation,.message-thread article,.message-compose,.document-list button,.builder-layout fieldset,.builder-preview>div article,.call-before,.call-after,.portal-node,.context-node){
  background:#171d27!important;color:#f4eff7!important;border-color:rgba(232,121,249,.18)!important;
}
body.v3-world[data-v3-tone="web"] .cp :is(.chain-step.is-active,.chain-step.is-past,.status-block,.message-thread article.is-team,.upload-result,.call-after,.document-dialog>aside){
  background:#26182d!important;color:#f4eff7!important;border-color:rgba(232,121,249,.34)!important;
}
body.v3-world[data-v3-tone="web"] .cp .portal-nav{
  background:#0d1118!important;border-color:rgba(232,121,249,.18)!important;
}
body.v3-world[data-v3-tone="web"] .cp .portal-nav button{color:#b9becb!important}
body.v3-world[data-v3-tone="web"] .cp .portal-nav button:hover,
body.v3-world[data-v3-tone="web"] .cp .portal-nav button.is-active{background:#26182d!important;color:#f4eff7!important}
body.v3-world[data-v3-tone="web"] .cp :is(.current-case,.notification-lab,.internal-case,.internal-grid article){
  background:#15111c!important;color:#f4eff7!important;border-color:rgba(232,121,249,.22)!important;
}
body.v3-world[data-v3-tone="web"] .cp :is(.scenario-switch,.perspective-switch){background:#0b0e15!important;border-color:rgba(232,121,249,.2)!important}
body.v3-world[data-v3-tone="web"] .cp :is(.scenario-switch button.is-active,.perspective-switch button.is-active){
  background:var(--v3-accent)!important;color:#17091a!important;border-color:var(--v3-accent)!important;
}
body.v3-world[data-v3-tone="web"] .cp :is(.cp-kicker,.portal-overline,.card-label,.chain-step span,.case-head>div:first-child>span,.status-block span,.builder-layout legend,.builder-preview>div article span,.phone section>small,.document-paper>span){
  color:#f3a4ff!important;
}
body.v3-world[data-v3-tone="web"] .cp :is(.question-lead,.chain-step small,.answer-layout>div>p:not(.cp-kicker),.home-focus span,.home-focus small,.home-shortcuts span,.portal-footer,.case-head p,.approval-card>div>p,.appointment-card [data-appointment-current]>p,.document-list small,.message-thread article span,.upload-drop small,.builder-head label,.builder-preview>header small,.builder-result,.cp-finale>.cp-frame>p:not(.cp-kicker),.portal-doors span){
  color:#adb3c2!important;
}
body.v3-world[data-v3-tone="web"] .cp :is(.cp-action,.approval-card [data-action=approve],.phone section>button,.help-view a,.document-dialog>aside button,.final-actions a){
  background:var(--v3-accent)!important;border-color:var(--v3-accent)!important;color:#17091a!important;
}
body.v3-world[data-v3-tone="web"] .cp :is(.chain-freeze button,.case-card button,.conversation button,.notification-lab>button,.help-view button,.slot-picker button,.final-actions button){
  background:transparent!important;border-color:rgba(232,121,249,.45)!important;color:#f4eff7!important;
}
body.v3-world[data-v3-tone="web"] .cp :is(.portal-brand,.portal-back,.home-shortcuts button,.portal-doors a,.builder-result strong){color:#f4eff7!important}
body.v3-world[data-v3-tone="web"] .cp :is(.portal-brand span,.portal-user>span,.approval-complete>i,.phone section[data-phone-step=done]>i){
  background:var(--v3-accent)!important;color:#17091a!important;
}
body.v3-world[data-v3-tone="web"] .cp :is(.message-compose textarea,.request-card select,.builder-head select){
  background:#0b0e15!important;color:#f4eff7!important;border-color:rgba(232,121,249,.24)!important;
}
body.v3-world[data-v3-tone="web"] .cp .status-journey li{color:#8e95a7!important;border-color:rgba(232,121,249,.18)!important}
body.v3-world[data-v3-tone="web"] .cp .status-journey li:before{background:#111722!important;border-color:rgba(232,121,249,.3)!important}
body.v3-world[data-v3-tone="web"] .cp .status-journey li:is(.is-done,.is-current){color:#f4eff7!important;border-color:var(--v3-accent)!important}
body.v3-world[data-v3-tone="web"] .cp .status-journey li:is(.is-done,.is-current):before{background:var(--v3-accent)!important;color:#17091a!important}
body.v3-world[data-v3-tone="web"] .cp .portal-node{box-shadow:0 0 0 1px rgba(232,121,249,.18),0 18px 50px rgba(232,121,249,.08)}
body.v3-world[data-v3-tone="web"] .cp .cp-footer{background:#07080c!important;color:#adb3c2!important}
body.v3-world[data-v3-tone="web"] .cp .portal-doors{border-color:rgba(232,121,249,.2)!important}
body.v3-world[data-v3-tone="web"] .cp .portal-doors a{border-color:rgba(232,121,249,.18)!important}
body.v3-world[data-v3-tone="web"] .cp .portal-doors a:hover{background:#26182d!important}


/* V3.5 WORKFLOW CONTINUITY — alle Akte bleiben in der violetten Ops-Welt. */
body.v3-world[data-v3-tone="ops"] .wf{
  --paper:#080a0f;--paper-2:#121722;--ink:#f4f2fb;--line:rgba(129,140,248,.2);
  --acid:#818cf8;--green:#4ade80;--muted:#aeb6c7;
  background:radial-gradient(circle at 84% 8%,rgba(129,140,248,.15),transparent 30%),linear-gradient(180deg,#080a0f,#0b0e15)!important;
  color:#f4f2fb!important;
}
body.v3-world[data-v3-tone="ops"] .wf :is(.wf-act--manual,.wf-act--capture,.wf-act--auto,.wf-act--exception,.wf-act--builder,.wf-finale){
  background:radial-gradient(circle at 84% 12%,rgba(129,140,248,.1),transparent 34%),linear-gradient(180deg,#0d1118,#080a0f)!important;
  color:#f4f2fb!important;border-color:rgba(129,140,248,.16)!important;
}
body.v3-world[data-v3-tone="ops"] .wf :is(.wf-object,.wf-clock,.wf-manual-object,.wf-participate,.wf-copies article,.wf-record,.wf-auto-stage,.wf-destinations article,.wf-message__paper,.wf-message__control,.wf-exception-card,.wf-builder,.wf-builder__result li,.wf-invoice){
  background:#121722!important;color:#f4f2fb!important;border-color:rgba(129,140,248,.22)!important;
}
body.v3-world[data-v3-tone="ops"] .wf :is(.wf-record,.wf-message,.wf-auto-stage,.wf-builder,.wf-invoice){box-shadow:0 26px 70px rgba(0,0,0,.24)}
body.v3-world[data-v3-tone="ops"] .wf :is(.wf-approval,.wf-master,.wf-conflict){background:#17142a!important;color:#f4f2fb!important;border-color:rgba(129,140,248,.3)!important}
body.v3-world[data-v3-tone="ops"] .wf .wf-stop{background:#111722!important;border-color:rgba(129,140,248,.2)!important}
body.v3-world[data-v3-tone="ops"] .wf .wf-stop.is-current{background:#211d38!important;border-color:var(--v3-accent)!important}
body.v3-world[data-v3-tone="ops"] .wf .wf-stop:before{background:#0d1118!important;border-color:#697085!important}
body.v3-world[data-v3-tone="ops"] .wf .wf-stop.is-current:before{background:var(--v3-accent)!important;border-color:var(--v3-accent)!important}
body.v3-world[data-v3-tone="ops"] .wf .wf-copies .is-conflict{background:#291823!important;border-color:rgba(251,113,133,.45)!important;box-shadow:5px 6px 0 #fb7185}
body.v3-world[data-v3-tone="ops"] .wf :is(.wf-destinations i,.wf-builder select){background:#0b0e15!important;color:#f4f2fb!important;border-color:rgba(129,140,248,.28)!important}
body.v3-world[data-v3-tone="ops"] .wf :is(.wf-kicker,.wf-label,.wf-acthead>span,.wf-status,.wf-message__paper>span,.wf-exception-card>span,.wf-endmark>span,.wf-builder__result li:before){color:#b9beff!important}
body.v3-world[data-v3-tone="ops"] .wf :is(.wf-cue,.wf-lead,.wf-scrollcue,.wf-acthead>p,.wf-director p,.wf-record dt,.wf-record__source,.wf-approval p,.wf-master span,.wf-master small,.wf-destinations strong,.wf-exception-card p,.wf-endmark p,.wf-tech,.wf-footer){color:#aeb6c7!important}
body.v3-world[data-v3-tone="ops"] .wf :is(.wf-object__type,.wf-object__id,.wf-manual-object span,.wf-manual-object small,.wf-copies span,.wf-copies small,.wf-stop span,.wf-stop small){color:#b7bfd1!important}
body.v3-world[data-v3-tone="ops"] .wf :is(.wf-action,.wf-action--dark,.wf-rewind,.wf-builder>button,.wf-final-actions a){background:var(--v3-accent)!important;border-color:var(--v3-accent)!important;color:#0a0b12!important}
body.v3-world[data-v3-tone="ops"] .wf :is(.wf-participate button,.wf-approval button,.wf-message button,.wf-exception-card button,.wf-builder button:not(.wf-builder>button),.wf-final-actions button){background:transparent!important;color:#f4f2fb!important;border-color:rgba(129,140,248,.48)!important}
body.v3-world[data-v3-tone="ops"] .wf .wf-approval button:first-child{background:var(--v3-accent)!important;color:#0a0b12!important;border-color:var(--v3-accent)!important}
body.v3-world[data-v3-tone="ops"] .wf :is(.wf-participate button,.wf-approval button,.wf-message button,.wf-exception-card button,.wf-builder button,.wf-final-actions button):hover{background:#292644!important;color:#fff!important}
body.v3-world[data-v3-tone="ops"] .wf :is(.wf-score>div,.wf-related,.wf-related a,.wf-tech,.wf-footer,.wf-invoice>div){border-color:rgba(129,140,248,.2)!important}
body.v3-world[data-v3-tone="ops"] .wf :is(.wf-related a,.wf-tech summary,.wf-footer a){color:#f4f2fb!important}
body.v3-world[data-v3-tone="ops"] .wf .wf-related a:hover{background:#17142a!important;color:#b9beff!important}
body.v3-world[data-v3-tone="ops"] .wf-footer{background:#07080c!important}


/* V3.6 STATE SURFACE AUDIT — sichtbare und zunächst verborgene Demo-Zustände. */
/* Tool-Chaos · auch Last, Bruch, Reparatur und Epilog sprechen Ops-Indigo. */
body.v3-world[data-v3-tone="ops"] .chaos{
  --floor:#080a0f;--floor-2:#0d1118;--paper:#121722;--paper-dim:#aeb6c7;
  --chalk:#f4f2fb;--rust:#a78bfa;--amber:#818cf8;--wire:#586174;--bridge:#60a5fa;--ink:#f4f2fb;
  background:#080a0f!important;color:#f4f2fb!important;
}
body.v3-world[data-v3-tone="ops"] .chaos :is(.floor-act,.load-act,.repair-act,.break-act,.epilogue,.deeper){
  background:radial-gradient(circle at 82% 12%,rgba(129,140,248,.11),transparent 34%),linear-gradient(180deg,#0d1118,#080a0f)!important;
  color:#f4f2fb!important;border-color:rgba(129,140,248,.17)!important;
}
body.v3-world[data-v3-tone="ops"] .chaos :is(.arrival__stamp,.station,.search-desk,.incoming,.mind-board,.load-controls,.break-line>div,.repair-floor,.repair-human,.repair-list li,.repair-meter>div,.final-state,.epilogue__doors a){
  background:#121722!important;color:#f4f2fb!important;border-color:rgba(129,140,248,.23)!important;
}
body.v3-world[data-v3-tone="ops"] .chaos :is(.floor-shell,.repair-floor){background:repeating-linear-gradient(0deg,transparent 0 54px,rgba(129,140,248,.035) 55px),repeating-linear-gradient(90deg,transparent 0 54px,rgba(129,140,248,.035) 55px),#0d1118!important}
body.v3-world[data-v3-tone="ops"] .chaos :is(.mind-board li,.focus-tabs i,.repair-list li.is-built){background:#171d27!important;color:#f4f2fb!important;border-color:rgba(129,140,248,.2)!important}
body.v3-world[data-v3-tone="ops"] .chaos :is(.arrival p,.station small,.search-desk p,.act-label p,.incoming small,.load-controls p,.break-focus p,.break-line span,.repair-human small,.repair-list small,.repair-meter span,.repair-meter>small,.final-state p,.epilogue__doors small,.deeper p){color:#aeb6c7!important}
body.v3-world[data-v3-tone="ops"] .chaos :is(.act-label>span,.break-focus>span,.epilogue>span,.deeper>span,.incoming span,.repair-list li>div>span){color:#b9beff!important}
body.v3-world[data-v3-tone="ops"] .chaos :is(.arrival__start,.case-result button,.load-controls button,.break-act>button,.repair-list button){background:var(--v3-accent)!important;border-color:var(--v3-accent)!important;color:#0a0b12!important}
body.v3-world[data-v3-tone="ops"] .chaos .epilogue>button{background:transparent!important;border-color:rgba(129,140,248,.48)!important;color:#f4f2fb!important}
body.v3-world[data-v3-tone="ops"] .chaos .final-state strong{color:#b9beff!important}
body.v3-world[data-v3-tone="ops"] .chaos .final-state>div span{border-color:rgba(129,140,248,.28)!important}

/* Wissensassistent · Quellen bleiben als Dokumente erkennbar, ohne beige Fremdwelt. */
body.v3-world[data-v3-tone="know"] .memory :is(.passage-card,.answer-sheet,.knowledge-slip){
  background:#181812!important;color:#f4efe4!important;border-color:rgba(251,191,36,.24)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.28)!important;
}
body.v3-world[data-v3-tone="know"] .memory :is(.passage-card,.answer-sheet,.knowledge-slip) :is(span,small){color:#c8b98f!important}
body.v3-world[data-v3-tone="know"] .memory :is(.passage-card,.answer-sheet,.knowledge-slip) :is(strong,p,li,blockquote,h3){color:#f4efe4!important}
body.v3-world[data-v3-tone="know"] .memory :is(.answer-modes button,.answer-actions button+button){color:#f4efe4!important;border-color:rgba(251,191,36,.3)!important}
body.v3-world[data-v3-tone="know"] .memory :is(.answer-actions button:first-child,.task-button,.answer-modes button.is-active){background:var(--v3-accent)!important;color:#171207!important;border-color:var(--v3-accent)!important}
body.v3-world[data-v3-tone="know"] .memory .task-result{background:#20261c!important;color:#eaffdd!important}

/* KI-Mails · Notizzettel und Konfigurator werden grüne Arbeitskarten. */
body.v3-world[data-v3-tone="ai"] .writing-world .rough-note{background:#172019!important;color:#f1eef5!important;box-shadow:0 30px 60px rgba(0,0,0,.32)!important}
body.v3-world[data-v3-tone="ai"] .writing-world .rough-note::before{border-color:rgba(74,222,128,.24)!important}
body.v3-world[data-v3-tone="ai"] .writing-world .rough-note i{background:#4ade80!important}
body.v3-world[data-v3-tone="ai"] .writing-world .builder-controls fieldset{background:#121722!important;color:#f1eef5!important;border-color:rgba(74,222,128,.2)!important}

/* Excel/CSV · Vorher/Nachher und alle Builderfelder sind Teil des Datenlabors. */
body.v3-world[data-v3-tone="ai"] .processing-world :is(.cleaning-preview article,.builder-controls fieldset){
  background:#121722!important;color:#f1eef5!important;border-color:rgba(74,222,128,.2)!important;
}
body.v3-world[data-v3-tone="ai"] .processing-world .cleaning-preview article:last-child{box-shadow:inset 0 4px 0 var(--v3-accent)}

/* Offline-KI · auch die erst nach Ausführung sichtbare lokale Antwort bleibt dunkel. */
body.v3-world[data-v3-tone="ai"] main.facility .offline-task>article{background:#172019!important;color:#f1eef5!important;border:1px solid rgba(74,222,128,.26)!important}
body.v3-world[data-v3-tone="ai"] main.facility .offline-task>article small{color:#aeb8b3!important}

/* Jemke OS · der schwebende Arbeitskontext ist kein helles Fremdfenster. */
body.v3-world[data-v3-tone="ops"] .os .context-object{background:rgba(18,23,34,.97)!important;color:#f1eef5!important;border-color:rgba(129,140,248,.28)!important;box-shadow:0 30px 80px rgba(0,0,0,.38)!important}
body.v3-world[data-v3-tone="ops"] .os .context-object>div{background:#1b2130!important;color:#f1eef5!important;border-color:var(--v3-accent)!important}
body.v3-world[data-v3-tone="ops"] .os .context-object :is(p,small){color:#aeb6c7!important}

/* Backends · Identitäts- und Zielkarten werden Indigo-Terminals. */
body.v3-world[data-v3-tone="ops"] .infra :is(.system-inspector__id,.gate-source,.gate-target){background:#171d27!important;color:#f1eef5!important;border-color:rgba(129,140,248,.25)!important}
body.v3-world[data-v3-tone="ops"] .infra :is(.system-inspector__id span,.system-inspector__id small,.gate-source span,.gate-target>span){color:#b9beff!important;opacity:1!important}
body.v3-world[data-v3-tone="ops"] .infra .gate-target li{border-color:rgba(129,140,248,.18)!important}

/* Gebaute Websites · Demo-Dialoge und versteckte Portalansichten nutzen Web-Magenta. */
body.v3-world[data-v3-tone="web"] .practice-site .booking [data-booking-success]{background:#171d27!important;color:#f4eff7!important;border:1px solid rgba(232,121,249,.22)!important}
body.v3-world[data-v3-tone="web"] .practice-site .booking [data-booking-success]>span{color:#f3a4ff!important}
body.v3-world[data-v3-tone="web"] .practice-site .reference-screen{background:#121722!important;border-color:#26182d!important;box-shadow:0 28px 70px rgba(0,0,0,.3)}
body.v3-world[data-v3-tone="web"] .property-site .owner-summary{background:rgba(232,121,249,.22)!important}
body.v3-world[data-v3-tone="web"] .property-site :is(.owner-summary article,.owner-work article,.owner-work [data-owner-doc]){background:#171d27!important;color:#f4eff7!important;border-color:rgba(232,121,249,.2)!important}
body.v3-world[data-v3-tone="web"] .property-site .owner-work textarea{background:#0b0e15!important;color:#f4eff7!important;border-color:rgba(232,121,249,.28)!important}
body.v3-world[data-v3-tone="web"] .property-site :is(.owner-summary span,.owner-summary small,.owner-work article>span,.owner-work p,.owner-work small){color:#adb3c2!important}

body.v3-world[data-v3-tone="ops"] .chaos .search-desk>span{color:#b9beff!important}
body.v3-world[data-v3-tone="ai"] .processing-world .cleaning-preview article>span{color:#86efac!important}