/* Claude 04.10.2026 (Etappe 55a): Layout-Vorlagen M17–M25 (Kleines Atelier, Unterwegs, Klartext, Leicht,
   Mini-Begleiter, Nachtlicht, Nah dran, Gleich hier, Aiona Klar). Vertrag (Bausteine, IDs, Tokens, Testregeln):
   docs/designvorschlaege/LAYOUT_VERTRAG.md. Grundregeln und Tokens stehen in layouts-a.css; hier nur Regeln mit
   html[data-layout="m17"] … html[data-layout="m25"].
   Claude 04.10.2026 (Etappe 55c): M17–M25 nach Bild umgesetzt (853x1844 -> 390x844 CSS-px, Farben per Pipette aus den
   Originalen). Neue Bausteine aus layouts.mjs (nur sichtbar, wenn die Vorlage sie im Register verlangt): .lay-kopf-zurueck,
   .lay-textgroesse, .lay-identitaet-wechsel, Panels atelier/titel/einstieg, .lay-auftrag-gross, .lay-fortsetzen,
   [data-lay-label] an den Eingabeknöpfen. Bildbeispieldaten (Dateinamen, Handschrift, Werbezeilen) sind nicht nachgebaut. */

/* ---------- M17 · Kleines Atelier ------------------------------------------- */
/* Weiss/Koralle: Gespräch mit kleinem Avatar; „Erstellen“ öffnet das Atelier (Held mit Portrait, Bild/Video/Animation,
   Briefing, Anbieter und Optionen, „Anfrage vorbereiten“, Ergebnisfläche) mit „Zurück zum Chat“ oben rechts. */
/* Claude 04.10.2026 (Etappe 66, A-083): aktive Navigation, Senden-Grund und Schrift auf dem Akzent lesbar (vorher 3.6 / 2.7 / 2.7:1) */
html[data-layout="m17"]:root{--lay-bg:#fdfcfa;--lay-flaeche:#ffffff;--lay-erhoben:#f6f4f2;--lay-linie:#ebe8e5;--lay-text:#0b0c10;--lay-gedaempft:#5f616b;
  --lay-akzent:#f57a66;--lay-akzent-ink:#0b0c10;--lay-akzent-text:#c2412e;--lay-zweit:#f9b3a3;
  --lay-blase:#f6f4f2;--lay-blase-user:#fdf0ed;--lay-blase-user-linie:#f8d9d1;
  --lay-nav-bg:#fefcfc;--lay-nav-linie:#f1eeeb;--lay-nav-text:#52535b;--lay-nav-aktiv:#c74836;--lay-kopf-bg:transparent;--lay-marke:#000003;--lay-marke-zeichen:#f5826d;
  --lay-pille-bg:#ffffff;--lay-pille-linie:#ebe8e5;--lay-pille-text:#0b0c10;--lay-composer-bg:#ffffff;--lay-composer-linie:#ebe8e5;
  --lay-knopf-bg:#f6f4f2;--lay-knopf-text:#43454e;--lay-senden-bg:#e3715e;--lay-senden-text:#111111;--lay-platzhalter:#6b6d75;--lay-nav-strich:44px}
html[data-layout="m17"]:root #layoutKopf .lay-marke-text{font-size:17px;font-weight:700;letter-spacing:.22em}
html[data-layout="m17"]:root #layoutKopf .lay-marke-zeile{font-size:11.5px;color:#6b6d75}
html[data-layout="m17"]:root #layoutKopf .lay-marke-svg{width:22px;height:22px;stroke-width:3}
html[data-layout="m17"]:root #layoutKopf .lay-kopf-zurueck{order:3;display:inline-flex;align-items:center;gap:10px;min-height:40px;margin-left:auto;padding:0 16px 0 12px;border:1px solid #ebe8e5;border-radius:999px;background:#ffffff;color:#0b0c10;font:inherit;font-size:13.5px;font-weight:500;box-shadow:0 2px 8px rgba(40,30,25,.06);cursor:pointer}
html[data-layout="m17"]:root #layoutKopf .lay-kopf-zurueck .lay-icon{width:18px;height:18px;stroke-width:2}
html[data-layout="m17"]:root #layoutKopf .lay-kopf-zurueck~.lay-kopf-aktionen{order:2}
html[data-layout="m17"][data-layout-modus="erstellen"]:root #layoutKopf .lay-suche{display:none}
html[data-layout="m17"]:root #app #conversation #messages{padding-top:18px}
html[data-layout="m17"]:root #app #conversation .message{border-radius:16px}
html[data-layout="m17"]:root #layoutNav .lay-nav-ziel{font-size:12px}
html[data-layout="m17"]:root #layoutNav .lay-nav-ziel.active::after{height:3px}
/* Atelier (Modus „erstellen“) */
html[data-layout="m17"][data-layout-modus="erstellen"]:root #app #conversation :is(#stage,#layoutIdentitaet,#messages,#suggestions,#layoutKontext,#composer,#faehigkeitsVorschlaege,.stage-caption){display:none}
html[data-layout="m17"][data-layout-modus="erstellen"]:root #app #conversation #layoutPanel{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
html[data-layout="m17"]:root .lay-atelier{display:flex;flex-direction:column;gap:0;padding:0 17px 16px}
html[data-layout="m17"]:root .lay-atelier-held{position:relative;min-height:162px;margin:0 -17px;padding:36px 17px 0}
html[data-layout="m17"]:root .lay-atelier-held::before{content:"";position:absolute;right:0;top:-14px;bottom:0;width:54%;background:var(--layout-avatar-foto,none) center 18%/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 42%,#000 84%,transparent 100%),linear-gradient(180deg,#000 80%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 42%,#000 84%,transparent 100%),linear-gradient(180deg,#000 80%,transparent 100%);mask-composite:intersect;pointer-events:none}
html[data-layout="m17"]:root .lay-atelier-titel{position:relative;z-index:1;display:grid;max-width:210px;margin:0;font-size:23px;font-weight:800;line-height:1.15;letter-spacing:-.015em;color:#000002}
html[data-layout="m17"]:root .lay-atelier-unter{position:relative;z-index:1;max-width:196px;margin:8px 0 0;font-size:12.5px;line-height:1.45;color:#5f616b}
html[data-layout="m17"]:root .lay-atelier-arten{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:2px}
html[data-layout="m17"]:root .lay-atelier-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:90px;padding:8px 3px;border:1px solid #f1ece9;border-radius:10px;background:#ffffff;color:#0b0c10;font:inherit;text-align:center;box-shadow:0 2px 10px rgba(40,30,25,.05);cursor:pointer}
html[data-layout="m17"]:root .lay-atelier-art .lay-icon{width:25px;height:25px;margin-bottom:4px;color:#48494e}
html[data-layout="m17"]:root .lay-atelier-art strong{font-size:15px;font-weight:600;line-height:1.2}
html[data-layout="m17"]:root .lay-atelier-art small{font-size:11px;line-height:1.3;color:#6b6d75}
html[data-layout="m17"]:root .lay-atelier-art[aria-checked="true"]{border-color:#f3a393;background:#fdf0ed}
html[data-layout="m17"]:root .lay-atelier-art[aria-checked="true"] :is(.lay-icon,strong){color:#bb4332}
html[data-layout="m17"]:root .lay-atelier-art:focus-visible,html[data-layout="m17"]:root .lay-atelier :is(button,textarea):focus-visible{outline:2px solid #c2412e;outline-offset:2px}
html[data-layout="m17"]:root .lay-atelier-brief{display:flex;flex-direction:column;min-height:108px;margin-top:10px;padding:11px 12px 7px 14px;border:1px solid #efedec;border-radius:12px;background:#ffffff}
html[data-layout="m17"]:root .lay-atelier-feld{flex:1 1 auto;min-height:52px;margin:0;padding:2px 0;border:0;outline:none;background:none;color:#0b0c10;font:inherit;font-size:15px;line-height:1.4;resize:none}
html[data-layout="m17"]:root .lay-atelier-feld::placeholder{color:#6b6d75}
html[data-layout="m17"]:root .lay-atelier-werkzeuge{display:flex;align-items:center;gap:8px}
html[data-layout="m17"]:root .lay-atelier-werkzeug{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#f6f4f2;color:#43454e;cursor:pointer}
html[data-layout="m17"]:root .lay-atelier-werkzeug .lay-icon{width:19px;height:19px}
html[data-layout="m17"]:root .lay-atelier-zaehler{margin-left:auto;font-size:12px;color:#6f727a}
html[data-layout="m17"]:root .lay-atelier-optionen{display:flex;align-items:center;gap:12px;min-height:40px;margin-top:10px;padding:0 14px;border:0;border-radius:10px;background:#f6f4f2;color:#2b2c33;font:inherit;font-size:14.5px;text-align:left;cursor:pointer}
html[data-layout="m17"]:root .lay-atelier-optionen .lay-icon{width:20px;height:20px}
html[data-layout="m17"]:root .lay-atelier-optionen .lay-chevron{width:18px;height:18px;margin-left:auto}
html[data-layout="m17"]:root .lay-atelier-los{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;margin-top:10px;border:0;border-radius:999px;background:linear-gradient(90deg,#f67b67,#f57a66);color:#ffffff;font:inherit;font-size:16px;font-weight:600;box-shadow:0 6px 16px rgba(245,122,102,.25);cursor:pointer}
html[data-layout="m17"]:root .lay-atelier-los .lay-icon{width:22px;height:22px;fill:currentColor;stroke-width:1}
html[data-layout="m17"]:root .lay-atelier-ergebnis{position:relative;display:flex;align-items:center;justify-content:center;min-height:184px;margin-top:14px;padding:14px;border:1.5px dashed #e5e3e3;border-radius:14px;background:#fefefe;color:#0b0c10;font:inherit;overflow:hidden;cursor:zoom-in}
html[data-layout="m17"]:root .lay-atelier-ergebnis:disabled{cursor:default;opacity:1}
html[data-layout="m17"]:root .lay-atelier-platz{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:250px;text-align:center}
html[data-layout="m17"]:root .lay-atelier-platz .lay-icon{width:58px;height:58px;margin-bottom:6px;color:#d0d1d4;stroke-width:1.5}
html[data-layout="m17"]:root .lay-atelier-platz strong{font-size:14.5px;font-weight:600}
html[data-layout="m17"]:root .lay-atelier-platz small{font-size:13px;line-height:1.45;color:#676973}
html[data-layout="m17"]:root .lay-atelier-bild{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;background:#fefefe}
html[data-layout="m17"]:root .lay-atelier-ergebnis:has(.lay-atelier-bild) .lay-atelier-platz{visibility:hidden}

/* ---------- M18 · Unterwegs ------------------------------------------------- */
/* Weiss/Dunkelblau: Portrait und Marke im Kopf, zweizeilige Auftragskarte über dem Gespräch, Composer mit Plus. Die
   Bühne ist hier nur das Kopfbild (Sprechen/Zuhören: Ring am Bild und die Statuszeile); Avatar-Einstellungen über Mein Aiona. */
html[data-layout="m18"]:root{--lay-bg:#fcfdfd;--lay-flaeche:#ffffff;--lay-erhoben:#e8edf2;--lay-linie:#e5eaf1;--lay-text:#00112f;--lay-gedaempft:#48536a;
  --lay-akzent:#0d2c61;--lay-akzent-ink:#ffffff;--lay-akzent-text:#0d2c61;--lay-zweit:#5b7fb8;
  --lay-blase:#f4f6f8;--lay-blase-user:#e6eefc;--lay-blase-user-ink:#050d23;
  --lay-nav-bg:#fdfefe;--lay-nav-linie:#e5eaf1;--lay-nav-text:#455069;--lay-nav-aktiv:#001348;--lay-kopf-bg:transparent;--lay-marke:#001132;
  --lay-pille-bg:#f4f6f9;--lay-pille-linie:#e3e8ee;--lay-pille-text:#4f586f;--lay-composer-bg:#fcfdfd;--lay-composer-linie:#e3e8ee;
  --lay-knopf-text:#021942;--lay-senden-bg:#0d2c61;--lay-senden-text:#ffffff;--lay-platzhalter:#48536a;--lay-nav-strich:52px;--lay-pille-h:41px}
html[data-layout="m18"]:root #layoutKopf{min-height:96px;padding:12px 12px 8px 18px}
html[data-layout="m18"]:root #layoutKopf .lay-marke{gap:15px}
html[data-layout="m18"]:root #layoutKopf .lay-marke-zeichen{position:relative;width:63px;height:63px;border-radius:50%;background:var(--layout-avatar-foto,none) center 22%/cover no-repeat,#e8edf2;box-shadow:0 0 0 1px #e5eaf1}
html[data-layout="m18"]:root #layoutKopf .lay-marke-svg{display:none}
html[data-layout="m18"]:root:has(#stage:is(.is-speaking,.is-listening)) #layoutKopf .lay-marke-zeichen{box-shadow:0 0 0 3px #0d2c61}
html[data-layout="m18"]:root #layoutKopf .lay-marke-text{font-size:31px;font-weight:800;letter-spacing:.02em;line-height:1.05}
html[data-layout="m18"]:root #layoutKopf .lay-marke-zeile{margin-top:3px;font-size:14.5px;letter-spacing:.2em;color:#49536c}
html[data-layout="m18"]:root #layoutKopf .lay-pille.lay-suche{min-width:138px;padding:0 16px;font-size:16px}
html[data-layout="m18"]:root #app #conversation #layoutKontext{order:6;margin:4px 7px 0}
html[data-layout="m18"]:root .lay-auftrag-gross{display:flex;align-items:center;gap:11px;min-height:64px;padding:10px 10px 10px 11px;border:1px solid #e5eaf1;border-radius:12px;background:#fcfdfe;color:#00112f}
html[data-layout="m18"]:root .lay-auftrag-kasten{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;flex:0 0 35px;border-radius:8px;background:#e4e9f0;color:#011436}
html[data-layout="m18"]:root .lay-auftrag-kasten .lay-icon{width:20px;height:20px}
html[data-layout="m18"]:root .lay-auftrag-woerter{display:grid;gap:3px;flex:1 1 auto;min-width:0}
html[data-layout="m18"]:root .lay-auftrag-titel{font-size:15px;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-layout="m18"]:root .lay-auftrag-status{font-size:11.5px;line-height:1.3;color:#48536a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-layout="m18"]:root .lay-auftrag-oeffnen{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:40px;padding:0 8px 0 12px;border:0;border-radius:8px;background:#0e2c60;color:#ffffff;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
html[data-layout="m18"]:root .lay-auftrag-oeffnen .lay-icon{width:18px;height:18px;stroke-width:2.2}
html[data-layout="m18"]:root #app #conversation #messages{padding-top:24px;gap:22px}
html[data-layout="m18"]:root #app #conversation .message{padding:17px 16px;border-radius:14px}
html[data-layout="m18"]:root #app #conversation .message p{font-size:15px}
html[data-layout="m18"]:root #app #conversation .message:not(.user){margin-left:56px}
html[data-layout="m18"]:root #app #conversation .message:not(.user)::before{left:-56px;width:45px;height:45px}
html[data-layout="m18"]:root #app #conversation #composer{min-height:54px;margin:4px 9px 14px;padding:6px 8px 6px 8px;border-radius:14px}
html[data-layout="m18"]:root #app #conversation #composer #attach{width:40px;height:40px;min-width:40px;background:#e8edf2;color:#102852}
html[data-layout="m18"]:root #app #conversation #composer #attach::before{display:none}
html[data-layout="m18"]:root #app #conversation #composer #attach svg{display:block;width:22px;height:22px;stroke-width:2}
html[data-layout="m18"]:root #app #conversation #composer textarea{font-size:16px;padding-left:6px}
html[data-layout="m18"]:root #app #conversation #composer #mic{margin-left:auto}
html[data-layout="m18"]:root #app #conversation #composer :is(.send,.stop){width:40px;height:40px;min-width:40px}
html[data-layout="m18"]:root #layoutNav{padding-top:10px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}
html[data-layout="m18"]:root #layoutNav .lay-nav-ziel{font-size:12.5px}
html[data-layout="m18"]:root #layoutNav .lay-nav-ziel.active{font-weight:700}
html[data-layout="m18"]:root #layoutNav .lay-nav-ziel.active::after{height:4px}

/* ---------- M19 · Klartext -------------------------------------------------- */
/* Warmweiss/Schwarz, Barrierearmut: grosse Schrift, Ziele mindestens 48 px, beschriftete Eingabeknöpfe, sichtbarer Fokus,
   Zurück-Taste im Kopf (sobald es ein Zurück gibt) und Textgrösse in drei Stufen (nur dieses Gerät). Keine Bewegung. */
html[data-layout="m19"]:root{--lay-bg:#fefefe;--lay-flaeche:#ffffff;--lay-erhoben:#f0f1f2;--lay-linie:#dcdfe3;--lay-text:#05070d;--lay-gedaempft:#373f4c;
  --lay-akzent:#121620;--lay-akzent-ink:#ffffff;--lay-akzent-text:#121620;--lay-zweit:#b07a4c;
  --lay-blase:#f2f2f4;--lay-blase-user:#e9ecf2;--lay-blase-user-ink:#02030d;
  --lay-nav-bg:#fefefe;--lay-nav-linie:#dcdfe3;--lay-nav-text:#39404d;--lay-nav-aktiv:#000005;--lay-kopf-bg:transparent;--lay-marke:#010510;--lay-marke-zeichen:#b07a4c;
  --lay-composer-bg:#ffffff;--lay-composer-linie:#dbdee2;--lay-knopf-bg:#f0f1f2;--lay-knopf-text:#0a101c;--lay-senden-bg:#121620;--lay-senden-text:#ffffff;
  --lay-platzhalter:#555c69;--lay-nav-strich:94px;--lay-m19-faktor:1}
html[data-layout="m19"][data-layout-text="gross"]:root{--lay-m19-faktor:1.15}
html[data-layout="m19"][data-layout-text="sehr-gross"]:root{--lay-m19-faktor:1.3}
html[data-layout="m19"]:root #layoutKopf{min-height:72px;padding:8px 12px 6px 8px;gap:6px}
html[data-layout="m19"]:root #layoutKopf .lay-kopf-zurueck{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;padding:0;border:0;border-radius:12px;background:none;color:#050915;cursor:pointer}
html[data-layout="m19"]:root #layoutKopf .lay-kopf-zurueck[hidden]{display:inline-flex!important;visibility:hidden}
html[data-layout="m19"]:root #layoutKopf .lay-kopf-zurueck .lay-icon{width:28px;height:28px;stroke-width:2.4}
html[data-layout="m19"]:root #layoutKopf .lay-kopf-zurueck .lay-icon path{d:path("m15 5-7 7 7 7")}
html[data-layout="m19"]:root #layoutKopf .lay-kopf-zurueck-text{display:none}
html[data-layout="m19"]:root #layoutKopf .lay-marke{flex:1 1 auto;gap:6px;align-items:flex-start}
html[data-layout="m19"]:root #layoutKopf .lay-marke-zeichen{margin-top:1px}
html[data-layout="m19"]:root #layoutKopf .lay-marke-svg{width:22px;height:22px;stroke-width:3}
html[data-layout="m19"]:root #layoutKopf .lay-marke-text{font-size:22px;font-weight:800;letter-spacing:.03em}
html[data-layout="m19"]:root #layoutKopf .lay-marke-zeile{margin-top:3px;margin-left:-28px;font-size:14px;color:#373f4c}
html[data-layout="m19"]:root #layoutKopf .lay-textgroesse{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:56px;min-height:48px;padding:0 4px;border:0;border-radius:12px;background:none;color:#01040e;font:inherit;cursor:pointer}
html[data-layout="m19"]:root #layoutKopf .lay-textgroesse-aa{font-size:20px;font-weight:700;line-height:1.1}
html[data-layout="m19"]:root #layoutKopf .lay-textgroesse-text{font-size:12px;color:#242b39}
html[data-layout="m19"]:root #layoutKopf .lay-rund{display:none}
html[data-layout="m19"]:root :is(#layoutKopf,#layoutNav,#app #conversation) :is(button,a,textarea,[role="button"]):focus-visible{outline:3px solid #000000;outline-offset:2px}
html[data-layout="m19"]:root #app #conversation #stage{width:60px;height:60px;margin:8px 0 0 15px}
html[data-layout="m19"]:root #app #conversation #layoutIdentitaet{min-height:60px;margin:-60px 16px 0 93px;gap:3px}
html[data-layout="m19"]:root #layoutIdentitaet .lay-identitaet-name{font-size:calc(20px * var(--lay-m19-faktor));font-weight:700}
html[data-layout="m19"]:root #layoutIdentitaet .lay-identitaet-status{font-size:calc(16px * var(--lay-m19-faktor));color:#222a38}
html[data-layout="m19"]:root #layoutIdentitaet .lay-punkt{display:none}
html[data-layout="m19"]:root #app #conversation #messages{padding-top:22px;gap:24px}
html[data-layout="m19"]:root #app #conversation .message{max-width:min(86%,360px);padding:14px 18px;border-radius:16px}
html[data-layout="m19"]:root #app #conversation .message p{font-size:calc(18.5px * var(--lay-m19-faktor));line-height:1.4}
html[data-layout="m19"]:root #app #conversation .message:not(.user){margin-left:58px}
html[data-layout="m19"]:root #app #conversation .message:not(.user)::before{left:-58px;width:46px;height:46px}
html[data-layout="m19"]:root #app #conversation .message .message-foot button{min-height:48px}
html[data-layout="m19"]:root #app #conversation .message details.chat-keyword-hints>summary{min-height:48px} /* Claude 24.10.2026: Tippziel M19 */
html[data-layout="m19"]:root #app #parallelStatus{min-height:48px} /* Claude 05.10.2026 (E96): Tippziel M19 */
html[data-layout="m17"]:root #app #parallelStatus{color:#9a3b25;border-color:#ebe8e5;background:#ffffff} /* Claude 05.10.2026 (E96): Kontrast auf hellem Grund */
/* Eingabe: Feld über drei beschrifteten Kreisen (Datei, Mikrofon, Senden) */
html[data-layout="m19"]:root #app #conversation #composer{flex-wrap:wrap;justify-content:space-around;gap:12px 0;min-height:0;margin:6px 16px 34px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
html[data-layout="m19"]:root #app #conversation #composer textarea{order:0;flex:1 0 100%;min-height:64px;max-height:160px;padding:18px 16px;border:1px solid #dbdee2;border-radius:16px;background:#ffffff;font-size:calc(19px * var(--lay-m19-faktor))}
html[data-layout="m19"]:root #app #conversation #composer textarea:placeholder-shown{height:64px}
html[data-layout="m19"]:root #app #conversation #composer :is(#attach,#mic,#callButton){position:relative;width:56px;height:56px;min-width:56px;border:0;background:#f0f1f2;color:#0a101c}
html[data-layout="m19"]:root #app #conversation #composer :is(#attach,#mic) svg{width:26px;height:26px}
html[data-layout="m19"]:root #app #conversation #composer #attach::before{width:26px;height:26px}
html[data-layout="m19"]:root #app #conversation #composer .primary-slot{position:relative}
html[data-layout="m19"]:root #app #conversation #composer :is(.send,.stop){width:56px;height:56px;min-width:56px}
html[data-layout="m19"]:root #app #conversation #composer [data-lay-label]::after{content:attr(data-lay-label);position:absolute;left:50%;top:calc(100% + 7px);transform:translateX(-50%);color:#000002;font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap;pointer-events:none}
html[data-layout="m19"]:root #app #conversation #composer .send::before{width:24px;height:24px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M12 19V5m-6 6 6-6 6 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M12 19V5m-6 6 6-6 6 6'/%3E%3C/svg%3E")}
html[data-layout="m19"]:root #layoutNav{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
html[data-layout="m19"]:root #layoutNav .lay-nav-ziel{min-height:64px;font-size:14.5px}
html[data-layout="m19"]:root #layoutNav .lay-nav-ziel .lay-icon{width:28px;height:28px;stroke-width:1.9}
html[data-layout="m19"]:root #layoutNav .lay-nav-ziel.active{font-weight:700}
html[data-layout="m19"]:root #layoutNav .lay-nav-ziel.active .lay-icon{fill:currentColor}
html[data-layout="m19"]:root #layoutNav .lay-nav-ziel.active::after{height:5px;border-radius:3px}
html[data-layout="m19"]:root .lay-finden-woerter strong{font-size:18px}
html[data-layout="m19"]:root .lay-finden-woerter small{font-size:15px}
html[data-layout="m19"]:root .lay-finden-feld{font-size:19px}
html[data-layout="m19"]:root .lay-blatt-ziel{min-height:48px;font-size:16px}
/* Claude 04.10.2026 (Etappe 66, B-079/A-083): M19 (grosse Schrift) verlangt überall 48 px Tippfläche – auch Marke, Vorschläge und Tätigkeitsliste */
html[data-layout="m19"]:root #layoutKopf .lay-marke{min-height:48px}
html[data-layout="m19"]:root #faehigkeitsVorschlaege .vorschlag-chip{min-height:48px}
html[data-layout="m19"]:root #faehigkeitsVorschlaege .vorschlag-close{min-width:48px;min-height:48px}
html[data-layout="m19"]:root #app #conversation .activity-steps-summary{min-height:48px}
html[data-layout="m19"]:root .lay-blatt-zu{width:48px;height:48px}
html[data-layout="m19"]:root :is(.lay-blatt-suche,.lay-blatt-option){min-height:48px}
html[data-layout="m19"]:root .lay-finden-los{width:48px;height:48px;min-width:48px}
/* Claude 22.10.2026 (Werkstatt nach-oberflaeche-rest): Browser-Klicktest M19 bei 360×740 – Einrichtungs-Hinweis (119×40, 54×40) und Reparatur-Wahl (202×42) unter 48 px */
html[data-layout="m19"]:root #app #conversation :is(#firstRunInviteOpen,#firstRunInviteLater,.reparatur-wahl-knopf){min-height:48px}
/* Claude 23.10.2026 (Einbau nach-oberflaeche-rest): der Antwort-Vorschlag-Knopf (mobile/antwort-vorschlag.css, seit b2bcb1b)
   mass im Klicktest 167×40 px – in M19 gelten 48 px. */
html[data-layout="m19"]:root #app #conversation .av-knopf{min-height:48px}

/* ---------- M20 · Leicht ---------------------------------------------------- */
/* Hellgrau, ein Orange: Avatarzeile mit „…“ (Mehr/Menübaum), kartenfreier Verlauf mit Namen und Trennlinien, flacher
   Composer mit Unterstrich, beschriftete Navigation mit Portrait als Avatar-Ziel. */
/* Claude 04.10.2026 (Etappe 66, A-083): aktive Navigation, Senden-Grund, Pillentext und Schrift auf dem Akzent lesbar (vorher 3.1 / 2.6 / 4.1 / 2.6:1) */
html[data-layout="m20"]:root{--lay-bg:#fbfbfb;--lay-flaeche:#ffffff;--lay-erhoben:#f1f1f1;--lay-linie:#e2e4e6;--lay-text:#020910;--lay-gedaempft:#5b5d62;
  --lay-akzent:#f38322;--lay-akzent-ink:#020910;--lay-akzent-text:#b85a0c;--lay-zweit:#f5a35c;
  --lay-blase:transparent;--lay-blase-user:transparent;
  --lay-nav-bg:#fcfcfc;--lay-nav-linie:#e1e2e4;--lay-nav-text:#5b5c5f;--lay-nav-aktiv:#b4590c;--lay-kopf-bg:transparent;--lay-marke:#020910;--lay-marke-zeichen:#020910;
  --lay-pille-bg:#f6f6f6;--lay-pille-linie:#e6e6e7;--lay-pille-text:#6d6f76;--lay-composer-bg:transparent;--lay-composer-linie:transparent;
  --lay-knopf-text:#616366;--lay-senden-bg:#df7827;--lay-senden-text:#111111;--lay-platzhalter:#6d7076;--lay-nav-strich:0px;--lay-pille-h:37px}
html[data-layout="m20"]:root #layoutKopf{min-height:62px;padding:10px 15px 6px 17px}
html[data-layout="m20"]:root #layoutKopf .lay-marke{gap:12px}
html[data-layout="m20"]:root #layoutKopf .lay-marke-svg{width:28px;height:28px;stroke-width:3.4;stroke-linecap:square;stroke-linejoin:miter}
html[data-layout="m20"]:root #layoutKopf .lay-marke-text{font-size:21px;font-weight:500;letter-spacing:.2em}
html[data-layout="m20"]:root #layoutKopf .lay-pille.lay-suche{min-width:167px;font-size:15px}
html[data-layout="m20"]:root #app #conversation #stage{width:55px;height:55px;margin:4px 0 0 17px}
html[data-layout="m20"]:root #app #conversation #layoutIdentitaet{min-height:55px;margin:-55px 60px 0 87px;gap:3px}
html[data-layout="m20"]:root #layoutIdentitaet .lay-identitaet-name{font-size:17px;font-weight:700}
html[data-layout="m20"]:root #layoutIdentitaet .lay-identitaet-status{font-size:13px}
html[data-layout="m20"]:root #layoutIdentitaet .lay-punkt{display:none}
/* „…“ rechts in der Avatarzeile = Mehr (Menübaum); die Gespräch/Arbeit-Gruppe bleibt hier verborgen */
html[data-layout="m20"]:root #app #conversation #layoutUmschalter{display:flex;align-self:flex-end;margin:-50px 8px 0 0;min-height:44px}
html[data-layout="m20"]:root #layoutUmschalter .lay-umschalter-gruppe{display:none}
html[data-layout="m20"]:root #layoutUmschalter .lay-um-mehr{width:44px;min-width:44px;height:44px;border:0;background:none;color:#626368}
html[data-layout="m20"]:root #layoutUmschalter .lay-um-mehr .lay-icon{width:26px;height:26px;stroke-width:3}
html[data-layout="m20"]:root #layoutUmschalter .lay-um-mehr span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html[data-layout="m20"]:root #app #conversation #messages{margin:14px 17px 0;padding:0 0 14px;gap:0;border-top:1px solid #e2e4e6}
html[data-layout="m20"]:root #app #conversation .message:not(.user),html[data-layout="m20"]:root #app #conversation .message.user{align-self:stretch;width:auto;max-width:none;margin:0;padding:16px 0 18px 59px;border:0;border-bottom:1px solid #e2e4e6;border-radius:0;background:none;box-shadow:none;color:#020910}
html[data-layout="m20"]:root #app #conversation .message:not(.user)::before{left:0;top:16px;width:39px;height:39px;transform:none}
html[data-layout="m20"]:root #app #conversation .message.user::before{content:"";position:absolute;left:0;top:14px;width:34px;height:34px;border-radius:50%;background:#f1f1f1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%2364666a' stroke-width='1.6' stroke-linecap='round' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-6.5 8a6.5 6.5 0 0 1 13 0'/%3E%3C/svg%3E") center/20px no-repeat}
html[data-layout="m20"]:root #app #conversation .message .message-head{display:block;margin:0 0 6px;font-size:15px;font-weight:700;color:#020811}
html[data-layout="m20"]:root #app #conversation .message .message-head time{display:none}
html[data-layout="m20"]:root #app #conversation .message p{font-size:15px;line-height:1.45}
html[data-layout="m20"]:root #app #conversation #composer{min-height:52px;margin:4px 12px 14px 10px;padding:0;gap:6px;border:0;border-radius:0}
html[data-layout="m20"]:root #app #conversation #composer #attach{width:40px;min-width:40px;color:#616366}
html[data-layout="m20"]:root #app #conversation #composer textarea{min-height:38px;margin-left:4px;padding:8px 6px 6px 10px;border-left:1px solid #dddee1;border-bottom:1.5px solid #8b8d92;border-radius:0;font-size:15px}
html[data-layout="m20"]:root #app #conversation #composer textarea:placeholder-shown{height:38px}
html[data-layout="m20"]:root #app #conversation #composer :is(.send,.stop){width:40px;height:40px;min-width:40px}
html[data-layout="m20"]:root #app #conversation #composer .send::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3.5 11.2 20 4l-6.6 16.6-2.7-6.8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3.5 11.2 20 4l-6.6 16.6-2.7-6.8z'/%3E%3C/svg%3E")}
html[data-layout="m20"]:root #layoutNav{padding-top:10px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
html[data-layout="m20"]:root #layoutNav .lay-nav-ziel{font-size:12.5px}
html[data-layout="m20"]:root #layoutNav .lay-nav-ziel.active{font-weight:700}
html[data-layout="m20"]:root #layoutNav .lay-nav-ziel.active::after{display:none}
html[data-layout="m20"]:root #layoutNav .lay-nav-ziel[data-ziel="avatar"] .lay-icon{border-radius:50%;background:var(--layout-avatar-foto,none) center 22%/cover no-repeat,#f1f1f1;stroke:transparent}
html[data-layout="m20"]:root #layoutNav .lay-nav-ziel[data-ziel="avatar"] .lay-icon{width:30px;height:30px;margin:-2px 0}
html[data-layout="m20"]:root #layoutNav .lay-nav-ziel[data-ziel="avatar"].active .lay-icon{box-shadow:0 0 0 2px #f38322}

/* ---------- M21 · Mini-Begleiter --------------------------------------------- */
/* Helle Appfläche, Braunakzent: Titelzeile „Mini-Begleiter“ mit „Grosse Ansicht öffnen“, kleine Avatarzeile mit
   Online-Punkt und „Aiona ⌄“ (Avatar wechseln), voller Chatraum, Ablage mit Formaten. „Ausklappen“ (Navigation und Knopf)
   zeigt die Bühne gross (lay-buehne-zu bedeutet hier: ausgeklappt), nochmals = wieder klein. */
/* Claude 04.10.2026 (Etappe 66, A-083): Schrift auf dem Akzent dunkel (weiss: 3.9:1) */
html[data-layout="m21"]:root{--lay-bg:#fefefe;--lay-flaeche:#ffffff;--lay-erhoben:#f4f4f4;--lay-linie:#ebebed;--lay-text:#02050d;--lay-gedaempft:#62646b;
  --lay-akzent:#a97545;--lay-akzent-ink:#1c0f04;--lay-akzent-text:#824811;--lay-zweit:#d7b08c;
  --lay-blase:#f4f4f5;--lay-blase-user:#f6eee5;--lay-blase-user-ink:#04050a;
  --lay-nav-bg:#fefefe;--lay-nav-linie:#f1f1f2;--lay-nav-text:#585b65;--lay-nav-aktiv:#824811;--lay-kopf-bg:transparent;--lay-marke:#02050d;--lay-marke-zeichen:#8a6340;
  --lay-pille-bg:#f4f4f4;--lay-pille-linie:#e9e9ea;--lay-pille-text:#60626a;--lay-composer-bg:#ffffff;--lay-composer-linie:#ececee;--lay-composer-schatten:0 2px 12px rgba(20,20,30,.05);
  --lay-knopf-bg:#f4f4f4;--lay-knopf-text:#04060a;--lay-senden-bg:#a97545;--lay-senden-text:#111111;--lay-platzhalter:#6a6d76;
  --lay-ablage-linie:#d5d4d6;--lay-ablage-bg:#fafafa;--lay-ablage-symbol:#5a5b61;--lay-online:#409241;--lay-nav-strich:30px;--lay-pille-h:34px}
html[data-layout="m21"]:root #layoutKopf .lay-marke-svg{width:28px;height:28px;stroke-width:3}
html[data-layout="m21"]:root #layoutKopf .lay-marke-text{font-size:21px;font-weight:500;letter-spacing:.2em}
html[data-layout="m21"]:root #layoutKopf .lay-pille.lay-suche{min-width:160px;font-size:15px}
html[data-layout="m21"]:root #app #conversation #layoutPanel{order:1}
html[data-layout="m21"]:root .lay-titel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 17px 18px;border-bottom:1px solid #ebebed}
html[data-layout="m21"]:root .lay-titel-woerter{display:grid;gap:5px;min-width:0}
html[data-layout="m21"]:root .lay-titel-name{margin:0;font-size:21px;white-space:nowrap;font-weight:700;line-height:1.15;color:#000000}
html[data-layout="m21"]:root .lay-titel-unter{margin:0;font-size:13.5px;color:#62646b}
html[data-layout="m21"]:root .lay-titel-knopf{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;min-height:40px;padding:0 13px;border:1px solid #f3e4d6;border-radius:12px;background:#fcf6f0;color:#431a04;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
html[data-layout="m21"]:root .lay-titel-knopf .lay-icon{width:20px;height:20px;color:#8a5a33;stroke-width:1.9}
html[data-layout="m21"]:root #app #conversation #stage{width:58px;height:58px;margin:10px 0 0 16px;overflow:visible;background:none}
html[data-layout="m21"]:root #app #conversation #stage :is(.portrait,.avatar-video){border-radius:50%}
html[data-layout="m21"]:root #app #conversation #stage::after{content:"";position:absolute;right:0;bottom:1px;z-index:3;width:11px;height:11px;border:2px solid #ffffff;border-radius:50%;background:var(--lay-online)}
html[data-layout="m21"]:root #app #conversation #layoutIdentitaet{position:relative;min-height:58px;margin:-58px 16px 0 86px;padding-right:86px;gap:3px}
html[data-layout="m21"]:root #app #conversation #layoutIdentitaet::after{content:"";position:absolute;left:-86px;right:-16px;bottom:-11px;height:10px;box-shadow:0 8px 10px -8px rgba(30,30,40,.12);pointer-events:none}
html[data-layout="m21"]:root #layoutIdentitaet .lay-identitaet-name{font-size:17px;font-weight:700}
html[data-layout="m21"]:root #layoutIdentitaet .lay-identitaet-status{font-size:13px}
html[data-layout="m21"]:root #layoutIdentitaet .lay-punkt{display:none}
html[data-layout="m21"]:root #layoutIdentitaet .lay-identitaet-wechsel{position:absolute;right:0;top:50%;display:inline-flex;align-items:center;gap:6px;max-width:110px;min-height:40px;padding:0 12px 0 14px;border:0;border-radius:12px;background:#f5eae0;color:#51260a;font:inherit;font-size:15.5px;font-weight:600;transform:translateY(-50%);cursor:pointer}
html[data-layout="m21"]:root #layoutIdentitaet .lay-identitaet-wechsel-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-layout="m21"]:root #layoutIdentitaet .lay-identitaet-wechsel .lay-chevron{width:15px;height:15px;stroke-width:2.2}
/* Ausgeklappt: grosse Bühne, Avatarzeile darunter */
html[data-layout="m21"].lay-buehne-zu:root #app #conversation #stage{display:block;width:auto;height:clamp(280px,42svh,420px);margin:10px 12px 0;overflow:hidden;border-radius:20px;background:var(--lay-erhoben)}
html[data-layout="m21"].lay-buehne-zu:root #app #conversation #stage :is(.portrait,.avatar-video){border-radius:0}
html[data-layout="m21"].lay-buehne-zu:root #app #conversation #stage::after{display:none}
html[data-layout="m21"]:root #app #conversation #layoutPanel{flex-shrink:0}
html[data-layout="m21"].lay-buehne-zu:root #app #conversation #layoutIdentitaet{display:flex;flex-direction:column;justify-content:center;min-height:52px;margin:6px 16px 0;padding-right:96px}
html[data-layout="m21"].lay-buehne-zu:root #app #conversation #layoutIdentitaet::after{left:-16px}
html[data-layout="m21"]:root #app #conversation #messages{padding-top:26px;gap:20px}
html[data-layout="m21"]:root #app #conversation .message{padding:12px 18px;border-radius:14px}
html[data-layout="m21"]:root #app #conversation .message p{font-size:15px}
html[data-layout="m21"]:root #app #conversation .message.user{margin-right:46px}
html[data-layout="m21"]:root #app #conversation .message.user::after{content:"";position:absolute;right:-46px;top:50%;width:33px;height:33px;border-radius:50%;transform:translateY(-50%);background:#e4e5e6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2373757a' d='M12 12.2a4.1 4.1 0 1 0 0-8.2 4.1 4.1 0 0 0 0 8.2Zm-7 7.3c0-3 3.1-5.2 7-5.2s7 2.2 7 5.2v.5H5z'/%3E%3C/svg%3E") center/20px no-repeat}
html[data-layout="m21"]:root #app #conversation .message:not(.user){margin-left:55px}
html[data-layout="m21"]:root #app #conversation .message:not(.user)::before{left:-55px;width:40px;height:40px}
html[data-layout="m21"]:root #layoutKontext .lay-ablage{min-height:130px;margin:0 70px 4px 55px;padding:12px 14px;gap:3px;border-radius:14px}
html[data-layout="m21"]:root #layoutKontext .lay-ablage-symbol .lay-icon{width:26px;height:26px;stroke-width:1.6}
html[data-layout="m21"]:root #layoutKontext .lay-ablage-titel{font-size:13.5px;font-weight:700}
html[data-layout="m21"]:root #layoutKontext .lay-ablage-unter{font-size:11.5px;color:#82838b}
/* Claude 04.10.2026 (Etappe 66, A-083): Tippfläche ≥ 40 px */
html[data-layout="m21"]:root #layoutKontext .lay-ablage-knopf{min-height:40px;margin-top:6px;padding:0 18px;background:#f6ece2;color:#4f270e;font-size:14px}
html[data-layout="m21"]:root #app #conversation #composer{min-height:66px;margin:4px 7px 10px;padding:12px 10px;gap:8px;border-radius:18px}
html[data-layout="m21"]:root #app #conversation #composer :is(#attach,#mic,#callButton){width:40px;height:40px;min-width:40px;background:#f4f4f4}
html[data-layout="m21"]:root #app #conversation #composer textarea{min-height:40px;padding:9px 16px;border-radius:999px;background:#f9f9f9;font-size:15px}
html[data-layout="m21"]:root #app #conversation #composer :is(.send,.stop){width:47px;height:47px;min-width:47px}
html[data-layout="m21"]:root #app #conversation #composer .send::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 4.5 21 12 4 19.5l2.4-7.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 4.5 21 12 4 19.5l2.4-7.5z'/%3E%3C/svg%3E")}
html[data-layout="m21"]:root #layoutNav{border-top-color:transparent;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
html[data-layout="m21"]:root #layoutNav .lay-nav-ziel{font-size:13px}
html[data-layout="m21"]:root #layoutNav .lay-nav-ziel.active{font-weight:700}

/* ---------- M22 · Nachtlicht ------------------------------------------------ */
/* Blauviolett mit Lichtpunkten und Mondsichel (rein dekorativ, ohne Bewegung): rundes Portrait in der Mitte mit Lichtring,
   Begrüssung links daneben, helle Schrift, drei beschriftete Ziele mit leuchtendem aktivem Strich. */
html[data-layout="m22"]:root{--lay-bg:#0a0e20;--lay-seite:radial-gradient(70% 28% at 85% 12%,rgba(60,70,150,.35) 0%,rgba(10,14,32,0) 70%),radial-gradient(60% 18% at 0% 72%,rgba(40,50,140,.25) 0%,rgba(10,14,32,0) 70%),linear-gradient(180deg,#121735 0%,#0a0e20 34%,#090c1d 100%);
  --lay-flaeche:#1a1d3d;--lay-feld:#14162a;--lay-erhoben:#1d2039;--lay-linie:#2a2e55;--lay-text:#f3f4ff;--lay-gedaempft:#a4a8d0;
  --lay-akzent:#3d3db1;--lay-akzent-ink:#ffffff;--lay-akzent-text:#9fa5fa;--lay-zweit:#8f8cff;
  --lay-blase:#1a1d3d;--lay-blase-linie:#2a2e5c;--lay-blase-user:#1e2249;--lay-blase-user-linie:#30366b;--lay-blase-user-ink:#f1f2f6;
  --lay-nav-bg:transparent;--lay-nav-linie:transparent;--lay-nav-text:#999ecb;--lay-nav-aktiv:#ffffff;--lay-kopf-bg:transparent;--lay-marke:#fefefe;--lay-marke-zeichen:#c0c3f7;
  --lay-pille-bg:rgba(17,20,44,.8);--lay-pille-linie:#2b2f55;--lay-pille-text:#bcbee7;--lay-composer-bg:rgba(12,14,32,.85);--lay-composer-linie:#1f2244;
  --lay-knopf-bg:#191c35;--lay-knopf-linie:#262a4a;--lay-knopf-text:#f2f2fb;--lay-senden-bg:radial-gradient(circle at 40% 35%,#5a5ad8,#3d3db1 70%);--lay-senden-text:#ffffff;--lay-platzhalter:#9da0c2;--lay-nav-strich:64px;--lay-pille-h:34px}
html[data-layout="m22"]:root #layoutKopf{padding-top:14px}
html[data-layout="m22"]:root #layoutKopf .lay-marke-svg{width:28px;height:28px;stroke-width:3.2}
html[data-layout="m22"]:root #layoutKopf .lay-marke-text{font-size:21px;font-weight:500;letter-spacing:.2em}
html[data-layout="m22"]:root #layoutKopf .lay-marke-zeile{margin-top:3px;font-size:14px;color:#9299f8}
html[data-layout="m22"]:root #layoutKopf .lay-pille.lay-suche{min-width:142px;font-size:15px}
html[data-layout="m22"]:root #app #conversation{position:relative;z-index:0}
html[data-layout="m22"]:root #app #conversation::before{content:"";position:absolute;right:46px;top:52px;z-index:-1;width:24px;height:24px;border-radius:50%;box-shadow:7px -5px 0 0 #e9e6ff;filter:drop-shadow(0 0 6px rgba(200,200,255,.55));pointer-events:none}
html[data-layout="m22"]:root #app #conversation::after{content:"";position:absolute;inset:0 0 auto 0;height:260px;z-index:-1;pointer-events:none;background:radial-gradient(1.3px 1.3px at 80% 6%,#d9dcff 98%,transparent),radial-gradient(1px 1px at 92% 18%,#c9ccff 98%,transparent),radial-gradient(1.2px 1.2px at 76% 30%,#d9dcff 98%,transparent),radial-gradient(1px 1px at 96% 40%,#b9bcff 98%,transparent),radial-gradient(1px 1px at 70% 44%,#c9ccff 98%,transparent),radial-gradient(1px 1px at 12% 8%,#9ea3f0 98%,transparent),radial-gradient(1px 1px at 30% 26%,#9ea3f0 98%,transparent)}
html[data-layout="m22"]:root #app #conversation #stage{align-self:center;width:158px;height:158px;margin:12px auto 0;border-radius:50%;box-shadow:0 0 0 2px #8f8cff,0 0 28px 6px rgba(110,100,255,.4)}
html[data-layout="m22"]:root #app #conversation #layoutIdentitaet{flex-direction:column-reverse;justify-content:flex-end;width:100px;min-height:0;margin:-72px 0 0 20px;gap:7px}
html[data-layout="m22"]:root #layoutIdentitaet .lay-identitaet-name{font-size:11px;font-weight:500;letter-spacing:.42em;text-transform:uppercase;color:#c9cef6}
html[data-layout="m22"]:root #layoutIdentitaet .lay-identitaet-status{font-size:15px;line-height:1.45;color:#c1c7f3}
html[data-layout="m22"]:root #layoutIdentitaet .lay-identitaet-text{white-space:normal}
html[data-layout="m22"]:root #layoutIdentitaet .lay-punkt{display:none}
html[data-layout="m22"]:root #app #conversation #messages{padding-top:30px;gap:20px}
html[data-layout="m22"]:root #app #conversation .message{padding:13px 18px;border-radius:14px}
html[data-layout="m22"]:root #app #conversation .message.user{margin-right:46px;border-bottom-right-radius:4px}
html[data-layout="m22"]:root #app #conversation .message.user::after{content:"";position:absolute;right:-46px;top:50%;width:35px;height:35px;border-radius:50%;transform:translateY(-50%);background:#1e223e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23dadcfa' d='M12 12.2a4.1 4.1 0 1 0 0-8.2 4.1 4.1 0 0 0 0 8.2Zm-7 7.3c0-3 3.1-5.2 7-5.2s7 2.2 7 5.2v.5H5z'/%3E%3C/svg%3E") center/19px no-repeat}
html[data-layout="m22"]:root #app #conversation .message:not(.user){margin-left:52px;border-bottom-left-radius:4px}
html[data-layout="m22"]:root #app #conversation .message:not(.user)::before{left:-52px;width:43px;height:43px;box-shadow:0 0 0 1.5px #4a4f9a}
html[data-layout="m22"]:root #app #conversation .message p{font-size:15px}
html[data-layout="m22"]:root #app #conversation #composer{min-height:66px;margin:6px 11px 12px;padding:9px 10px;gap:10px;border-radius:18px}
html[data-layout="m22"]:root #app #conversation #composer #attach{width:41px;height:41px;min-width:41px}
html[data-layout="m22"]:root #app #conversation #composer textarea{min-height:46px;padding:12px 18px;border:1px solid #262a4a;border-radius:999px;background:#14162a;font-size:15.5px}
html[data-layout="m22"]:root #app #conversation #composer textarea:placeholder-shown{height:46px}
html[data-layout="m22"]:root #app #conversation #composer #mic{position:relative;z-index:1;width:40px;height:40px;min-width:40px;margin-left:-60px;margin-right:8px;background:#1d2039}
html[data-layout="m22"]:root #app #conversation #composer :is(.send,.stop){width:43px;height:43px;min-width:43px;box-shadow:0 0 0 1.5px #7b7cf0,0 0 16px rgba(110,100,255,.55)}
html[data-layout="m22"]:root #layoutNav{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
html[data-layout="m22"]:root #layoutNav .lay-nav-ziel{font-size:15px}
html[data-layout="m22"]:root #layoutNav .lay-nav-ziel.active{font-weight:700}
html[data-layout="m22"]:root #layoutNav .lay-nav-ziel.active .lay-icon{filter:drop-shadow(0 0 8px rgba(150,140,255,.9))}
html[data-layout="m22"]:root #layoutNav .lay-nav-ziel.active::after{height:4px;background:#8f8cff;box-shadow:0 0 12px 2px rgba(110,100,255,.7)}

/* ---------- M23 · Nah dran -------------------------------------------------- */
/* Pfirsich/Stein: kurzes Portraitband links mit runder Kante, rechts Augenbraue, Name und drei Zeilen; ruhige Flächen
   im Hintergrund; aktives Ziel als Pille. */
/* Claude 04.10.2026 (Etappe 66, A-083): Akzent minimal dunkler (weisse Schrift 4.4 → 4.6:1), Senden-Symbol dunkler (3.0 → 3.3:1) */
html[data-layout="m23"]:root{--lay-bg:#fcf4ed;--lay-seite:radial-gradient(60% 34% at -8% 32%,#f8e7dc 0%,#f9ebe1 60%,rgba(252,244,237,0) 61%),radial-gradient(80% 40% at 108% 78%,#f8e9de 0%,#f9ece2 58%,rgba(252,244,237,0) 59%),#fcf4ed;
  --lay-flaeche:#fefcfa;--lay-erhoben:#f6eee8;--lay-linie:#ecdcd1;--lay-text:#200b04;--lay-gedaempft:#856557;
  --lay-akzent:#c45217;--lay-akzent-ink:#ffffff;--lay-akzent-text:#b6400b;--lay-zweit:#f3b295;
  --lay-blase:#fefcfa;--lay-blase-schatten:0 1px 3px rgba(80,40,20,.05);--lay-blase-user:#fddac8;--lay-blase-user-ink:#221b17;
  --lay-nav-bg:transparent;--lay-nav-linie:transparent;--lay-nav-text:#4d362c;--lay-nav-aktiv:#b6400b;--lay-kopf-bg:transparent;--lay-marke:#200b04;--lay-marke-zeichen:#6b4630;
  --lay-pille-bg:#f6eee8;--lay-pille-linie:#e6dcd5;--lay-pille-text:#766965;--lay-composer-bg:#fdf8f4;--lay-composer-linie:#f3e9e2;--lay-composer-schatten:0 4px 16px rgba(120,70,40,.08);
  --lay-knopf-bg:transparent;--lay-knopf-text:#23110c;--lay-senden-bg:#f1ad8d;--lay-senden-text:#111111;--lay-platzhalter:#806d65;--lay-nav-strich:60px;--lay-pille-h:38px}
html[data-layout="m23"]:root #layoutKopf .lay-marke-svg{width:26px;height:26px;stroke-width:3.2}
html[data-layout="m23"]:root #layoutKopf .lay-marke-text{font-size:21px;font-weight:700;letter-spacing:.22em}
html[data-layout="m23"]:root #layoutKopf .lay-marke-zeile{margin-top:2px;font-size:15px;letter-spacing:.08em;color:#856557}
html[data-layout="m23"]:root #layoutKopf .lay-pille.lay-suche{min-width:146px;font-size:16px}
html[data-layout="m23"]:root #app #conversation #stage{height:191px;margin-top:16px;overflow:visible;background:none}
html[data-layout="m23"]:root #app #conversation #stage :is(.portrait,.avatar-video){left:0;right:auto;width:54%;border-radius:0 44px 58px 0;object-position:center 22%}
html[data-layout="m23"]:root #app #conversation #stage #thoughtCloudSlot{display:none}
html[data-layout="m23"]:root #stage .lay-held-text{position:absolute;z-index:2;left:59%;right:4px;top:50%;display:block;transform:translateY(-50%)}
html[data-layout="m23"]:root #stage .lay-held-text .lay-augenbraue{font-size:10px;font-weight:500;line-height:1.75;letter-spacing:.24em;color:#967362}
html[data-layout="m23"]:root #stage .lay-held-titel{margin:6px 0 10px;font-size:32px;font-weight:700;line-height:1.1;letter-spacing:-.01em;color:#180702;overflow-wrap:anywhere}
html[data-layout="m23"]:root #stage .lay-held-unter{display:grid;margin:0;font-size:15px;line-height:1.55;color:#9f7a6a}
html[data-layout="m23"]:root #stage .lay-held-strich{display:block;width:32px;height:2px;margin-top:16px;border-radius:1px;background:#f3b295}
html[data-layout="m23"]:root #app #conversation #messages{padding-top:30px;gap:22px}
html[data-layout="m23"]:root #app #conversation .message{padding:10px 17px;border-radius:12px}
html[data-layout="m23"]:root #app #conversation .message p{font-size:15px}
html[data-layout="m23"]:root #app #conversation .message.user{margin-right:48px}
html[data-layout="m23"]:root #app #conversation .message.user::after{content:"";position:absolute;right:-48px;top:50%;width:32px;height:32px;border-radius:50%;transform:translateY(-50%);background:#f6e6dc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23b59180' d='M12 12.2a4.1 4.1 0 1 0 0-8.2 4.1 4.1 0 0 0 0 8.2Zm-7 7.3c0-3 3.1-5.2 7-5.2s7 2.2 7 5.2v.5H5z'/%3E%3C/svg%3E") center/19px no-repeat}
html[data-layout="m23"]:root #app #conversation .message:not(.user){margin-left:54px}
html[data-layout="m23"]:root #app #conversation .message:not(.user)::before{left:-54px;width:42px;height:42px}
html[data-layout="m23"]:root #app #conversation #composer{min-height:54px;margin:4px 15px 12px;padding:5px 6px;gap:6px}
html[data-layout="m23"]:root #app #conversation #composer #attach{width:40px;height:40px;min-width:40px;background:#f9f2ec}
html[data-layout="m23"]:root #app #conversation #composer #mic{margin-left:auto;border-left:1px solid #ece4e0;border-radius:0 50% 50% 0}
html[data-layout="m23"]:root #app #conversation #composer :is(.send,.stop){width:42px;height:42px;min-width:42px}
html[data-layout="m23"]:root #layoutNav{padding:8px 14px calc(14px + env(safe-area-inset-bottom))}
html[data-layout="m23"]:root #layoutNav .lay-nav-ziel{font-size:14px;border-radius:22px}
html[data-layout="m23"]:root #layoutNav .lay-nav-ziel.active{background:#fcece1}
html[data-layout="m23"]:root #layoutNav .lay-nav-ziel.active::after{bottom:-6px;height:2.5px}

/* ---------- M24 · Gleich hier ----------------------------------------------- */
/* Schiefergrau/Jade: Kopf = Portrait mit Online-Punkt, Marke und Status, „Suchen“ rechts. Start (Einstieg): „Was möchtest
   du tun?“ über dem sofort nutzbaren Eingabefeld und „Gespräch fortsetzen“ (öffnet nur den Verlauf). Senden zeigt den Verlauf. */
html[data-layout="m24"]:root{--lay-bg:#f0f0ee;--lay-flaeche:#fafafa;--lay-feld:#fafafa;--lay-erhoben:#e9ecea;--lay-linie:#dfe1e1;--lay-text:#091724;--lay-gedaempft:#5a5f6c;
  --lay-akzent:#3d6e65;--lay-akzent-ink:#ffffff;--lay-akzent-text:#2d6056;--lay-zweit:#8ea8a4;
  --lay-blase:#fafafa;--lay-blase-schatten:0 1px 3px rgba(20,30,30,.06);--lay-blase-user:#e1ebe8;--lay-blase-user-ink:#091724;
  --lay-nav-bg:#f8f9f8;--lay-nav-linie:#dddfdf;--lay-nav-text:#5d616e;--lay-nav-aktiv:#2d6056;--lay-kopf-bg:#f0f0ee;--lay-marke:#061321;
  --lay-composer-bg:#fafafa;--lay-composer-linie:transparent;--lay-composer-schatten:0 2px 12px rgba(20,30,30,.07);
  --lay-knopf-text:#1d2736;--lay-senden-bg:#3d6e65;--lay-senden-text:#ffffff;--lay-platzhalter:#5f6470;--lay-online:#3a7066;--lay-nav-strich:32px}
html[data-layout="m24"]:root #layoutKopf{min-height:91px;padding:12px 14px 10px 21px;border-bottom:1px solid #dfe1e1}
html[data-layout="m24"]:root #layoutKopf .lay-marke{gap:17px}
html[data-layout="m24"]:root #layoutKopf .lay-marke-zeichen{position:relative;width:53px;height:53px;border-radius:50%;background:var(--layout-avatar-foto,none) center 22%/cover no-repeat,#e9ecea;box-shadow:0 0 0 2px #ffffff}
html[data-layout="m24"]:root #layoutKopf .lay-marke-zeichen::after{content:"";position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border:2px solid #ffffff;border-radius:50%;background:var(--lay-online)}
html[data-layout="m24"]:root:has(#stage:is(.is-speaking,.is-listening)) #layoutKopf .lay-marke-zeichen{box-shadow:0 0 0 3px #3d6e65}
html[data-layout="m24"]:root #layoutKopf .lay-marke-svg{display:none}
html[data-layout="m24"]:root #layoutKopf .lay-marke-text{font-size:18px;font-weight:700;letter-spacing:.2em}
html[data-layout="m24"]:root #layoutKopf .lay-marke-zeile{margin-top:6px;font-size:14.5px;color:#5a5f6c}
html[data-layout="m24"]:root #layoutKopf .lay-pille.lay-suche{flex-direction:column;gap:3px;min-height:52px;padding:0 4px;border:0;background:none;color:#595f6a;font-size:13px}
html[data-layout="m24"]:root #layoutKopf .lay-pille.lay-suche .lay-icon{width:25px;height:25px;color:#3a414e}
html[data-layout="m24"]:root #app #conversation #messages{padding-top:22px}
html[data-layout="m24"]:root #app #conversation .message{border-radius:14px}
html[data-layout="m24"]:root #app #conversation .message p{font-size:15px}
html[data-layout="m24"]:root #app #conversation #composer{min-height:58px;margin:4px 17px 12px;padding:6px 6px 6px 8px;gap:6px;border-radius:14px}
html[data-layout="m24"]:root #app #conversation #composer #attach{border-right:1px solid #d6d7d9;border-radius:50% 0 0 50%}
html[data-layout="m24"]:root #app #conversation #composer #mic{margin-left:auto}
html[data-layout="m24"]:root #app #conversation #composer .send::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 4.5 21 12 4 19.5l2.4-7.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 4.5 21 12 4 19.5l2.4-7.5z'/%3E%3C/svg%3E")}
/* Einstieg */
html[data-layout="m24"][data-layout-modus="einstieg"]:root #app #conversation{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 240' preserveAspectRatio='none'%3E%3Cpath d='M0 120C80 70 150 150 240 100S350 20 390 30V240H0Z' fill='%23e9edeb'/%3E%3Cpath d='M0 170C110 120 200 190 290 150S370 110 390 118V240H0Z' fill='%23e2e8e5'/%3E%3C/svg%3E") left bottom/100% 240px no-repeat}
html[data-layout="m24"][data-layout-modus="einstieg"]:root #app #conversation :is(#messages,#suggestions,#faehigkeitsVorschlaege){display:none}
html[data-layout="m24"][data-layout-modus="einstieg"]:root #app #conversation #layoutPanel{order:7;margin:72px 17px 0}
html[data-layout="m24"][data-layout-modus="einstieg"]:root #app #conversation #composer{order:8;margin:24px 17px 0}
html[data-layout="m24"][data-layout-modus="einstieg"]:root #app #conversation #layoutKontext{order:9;margin:29px 17px 0}
html[data-layout="m24"]:root .lay-einstieg-titel{margin:0;font-size:26px;font-weight:800;line-height:1.2;letter-spacing:-.01em;text-align:center;color:#091724}
html[data-layout="m24"]:root .lay-fortsetzen{display:flex;align-items:center;gap:16px;width:100%;min-height:59px;padding:8px 14px 8px 17px;border:0;border-radius:12px;background:#f6f6f5;color:#010c1c;font:inherit;text-align:left;box-shadow:0 1px 3px rgba(20,30,30,.04);cursor:pointer}
html[data-layout="m24"]:root .lay-fortsetzen>.lay-icon{width:24px;height:24px;color:#061424}
html[data-layout="m24"]:root .lay-fortsetzen-woerter{display:grid;gap:4px;flex:1 1 auto;min-width:0}
html[data-layout="m24"]:root .lay-fortsetzen-woerter .lay-augenbraue{font-size:10.5px;font-weight:500;letter-spacing:.18em;color:#686c78}
html[data-layout="m24"]:root .lay-fortsetzen-woerter strong{font-size:14.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-layout="m24"]:root .lay-fortsetzen-pfeil{width:18px;height:18px;color:#6c707c}
html[data-layout="m24"]:root #layoutNav{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
html[data-layout="m24"]:root #layoutNav .lay-nav-ziel{font-size:12.5px}
html[data-layout="m24"]:root #layoutNav .lay-nav-ziel.active{font-weight:700}
html[data-layout="m24"]:root #layoutNav .lay-nav-ziel.active .lay-icon{fill:currentColor}
html[data-layout="m24"]:root #layoutNav .lay-nav-ziel.active::after{height:3.5px}

/* ---------- M25 · Aiona Klar ------------------------------------------------ */
/* Bestehendes Espresso/Kupfer mit klarer Flächenordnung: kleines eckiges Portrait statt hoher Bühne, Name mit ⌄ öffnet das
   Avatar-Untermenü (Wechseln, Begrüssung, Bildausschnitt im Blatt), Dateifläche bei Dateinachfrage, vier Ziele mit Punkt. */
html[data-layout="m25"]:root{--lay-bg:#0e0906;--lay-flaeche:#18110c;--lay-feld:#19120d;--lay-erhoben:#241a13;--lay-linie:#2d231b;--lay-text:#f7efe6;--lay-gedaempft:#b49f8e;
  --lay-akzent:#e9a06a;--lay-akzent-ink:#1d1006;--lay-akzent-text:#fdbd75;--lay-zweit:#c98a5a;
  --lay-blase:#18110c;--lay-blase-linie:#2b211a;--lay-blase-user:#40291a;--lay-blase-user-linie:#5a3d29;--lay-blase-user-ink:#f7f5f3;
  --lay-nav-bg:#110b08;--lay-nav-linie:#211812;--lay-nav-text:#c7af9c;--lay-nav-aktiv:#fdbd75;--lay-kopf-bg:#0e0906;--lay-marke:#fdcea2;--lay-marke-zeichen:#f0b07a;
  --lay-pille-bg:#18100c;--lay-pille-linie:#483c30;--lay-pille-text:#b3aba5;--lay-composer-bg:#0e0906;--lay-composer-linie:#2e221a;
  --lay-knopf-bg:#19120d;--lay-knopf-linie:#2d231b;--lay-knopf-text:#dbc7b6;--lay-senden-bg:linear-gradient(145deg,#e0a26c,#ab6f47);--lay-senden-text:#111111;--lay-platzhalter:#8f8780;
  --lay-ablage-linie:#5d4737;--lay-ablage-bg:#140d09;--lay-ablage-symbol:#f8be91;--lay-nav-strich:6px;--lay-pille-h:32px}
html[data-layout="m25"]:root #layoutKopf{min-height:62px;padding:10px 12px 10px 21px;border-bottom:1px solid #201611}
html[data-layout="m25"]:root #layoutKopf .lay-marke-svg{width:25px;height:25px;stroke-width:3}
html[data-layout="m25"]:root #layoutKopf .lay-marke-woerter{flex-direction:row;align-items:baseline;gap:9px}
html[data-layout="m25"]:root #layoutKopf .lay-marke-text{font-size:19px;font-weight:700;letter-spacing:.22em}
html[data-layout="m25"]:root #layoutKopf .lay-marke-zeile{font-size:21px;font-weight:400;line-height:1.1;color:#e9d3c3}
html[data-layout="m25"]:root #layoutKopf .lay-pille.lay-suche{min-width:104px;padding:0 14px 0 12px;font-size:14px}
html[data-layout="m25"]:root #app #conversation #stage{width:63px;height:63px;margin:12px 0 0 20px;border-radius:12px;box-shadow:0 0 0 1px #3a2c22}
html[data-layout="m25"]:root #app #conversation #layoutIdentitaet{display:grid;grid-template-columns:auto 1fr;align-content:center;column-gap:4px;row-gap:5px;min-height:63px;margin:-63px 16px 0 99px}
html[data-layout="m25"]:root #layoutIdentitaet .lay-identitaet-name{grid-column:1;font-size:20px;font-weight:500;color:#ffffff}
html[data-layout="m25"]:root #layoutIdentitaet .lay-identitaet-status{grid-column:1/-1;font-size:14px;color:#b49f8e}
html[data-layout="m25"]:root #layoutIdentitaet .lay-punkt{display:none}
html[data-layout="m25"]:root #layoutIdentitaet .lay-identitaet-wechsel{grid-column:2;justify-self:start;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:-8px 0;padding:0;border:0;border-radius:10px;background:none;color:#f5e7d9;cursor:pointer}
html[data-layout="m25"]:root #layoutIdentitaet .lay-identitaet-wechsel .lay-chevron{width:18px;height:18px;stroke-width:2.2}
html[data-layout="m25"]:root #layoutIdentitaet .lay-identitaet-wechsel-name{display:none}
html[data-layout="m25"]:root #app #conversation #messages{padding-top:28px;gap:20px}
html[data-layout="m25"]:root #app #conversation .message{padding:12px 15px;border-radius:12px}
html[data-layout="m25"]:root #app #conversation .message p{font-size:15px}
html[data-layout="m25"]:root #app #conversation .message:not(.user){margin-left:46px}
html[data-layout="m25"]:root #app #conversation .message:not(.user)::before{left:-46px;width:36px;height:36px;border-radius:7px}
html[data-layout="m25"]:root #layoutKontext .lay-ablage{min-height:142px;margin:0 50px 4px 46px;gap:6px;border-radius:14px}
html[data-layout="m25"]:root #layoutKontext .lay-ablage-symbol .lay-icon{width:32px;height:32px;stroke-width:1.5}
html[data-layout="m25"]:root #layoutKontext .lay-ablage-titel{font-size:15px;color:#ffffff}
html[data-layout="m25"]:root #layoutKontext .lay-ablage-unter{font-size:13px;color:#bab6b3}
html[data-layout="m25"]:root #app #conversation #composer{min-height:58px;margin:4px 9px 12px;padding:9px 8px;gap:8px;border-radius:16px}
html[data-layout="m25"]:root #app #conversation #composer .icon-button{width:40px;height:40px;min-width:40px;border-radius:12px}
html[data-layout="m25"]:root #app #conversation #composer textarea{min-height:42px;padding:10px 14px;border:1px solid #2d231b;border-radius:12px;background:#19120d;font-size:15.5px}
html[data-layout="m25"]:root #app #conversation #composer textarea:placeholder-shown{height:42px}
html[data-layout="m25"]:root #app #conversation #composer :is(.send,.stop){width:41px;height:41px;min-width:41px}
html[data-layout="m25"]:root #layoutNav{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
html[data-layout="m25"]:root #layoutNav .lay-nav-ziel{font-size:12.5px}
html[data-layout="m25"]:root #layoutNav .lay-nav-ziel.active::after{bottom:-2px;height:6px;border-radius:50%}

/* Claude 24.10.2026 (Handy-Waechter): wie m09/m11/m12 in layouts-b.css - die Arbeitszeile (#parallelStatus) blieb
   auf hellem Grund unter 4.5:1 (UI-Pruefung, Kategorie C): m20 2.51 (#f38322 auf rgb(251,251,251)),
   m21 3.92 (#a97545 auf rgb(254,254,254)). Gleicher Farbton, dunklere Helligkeit -> 5.07 / 5.09. */
html[data-layout="m20"]:root #app #parallelStatus{color:#ab5409}
html[data-layout="m20"]:root #app #parallelStatus::before{background:#ab5409}
html[data-layout="m21"]:root #app #parallelStatus{color:#91643b}
html[data-layout="m21"]:root #app #parallelStatus::before{background:#91643b}