/* Claude 04.10.2026 (Etappe 43): die 15 Handy-Designentwürfe als wählbare,
   anpassbare Vorlagen. Wird NACH themes.css und polish.css geladen.

   Aufbau
     0) Galerie und Feinschliff-Regler (Einstellungen → Dein Avatar → Fortgeschritten;
        in jedem Design sichtbar, nur über die vorhandenen Tokens gefärbt)
     1) Tokens je Vorlage: html[data-theme="<id>"]{…} – alle Pflichtvariablen von
        themes.css (--bg … --premium-glow) plus die Vorlagen-Tokens --d-*
     2) Gemeinsame Vorlagen-Ebene html[data-vorlage]:root – Kopfzeile, Navigation,
        Karten, Knöpfe, Eingabefeld, Chat-Blasen, Avatar-Bühne, Listen, Abzeichen,
        Fortschritt, Fokus. data-vorlage setzt themes.mjs nur für die 15 Vorlagen,
        die sechs bisherigen Designs (Bühne = Standard) bleiben unverändert.
     3) Helle Vorlagen: lesbare Flächen und dunkle Inseln (wie Atelier/Editorial)
     4) Signaturen je Vorlage
     5) Feinschliff: Akzentfarbe, Rundung, Dichte, Effektstärke (data-tune-*)
     6) Weniger Bewegung

   Nur lokale Schrift-Stacks (CSP default-src 'self'), keine Bilder von aussen; das
   Avatarfoto für Liquid Glass kommt als --theme-avatar-photo aus themes.mjs
   (/media/<avatar>.jpg), sonst greift der Verlauf darunter. Texte halten 4.5:1. */

/* ---------- 0) Galerie und Feinschliff (alle Designs) -------------------- */
#settings .theme-gallery{display:grid;gap:14px;margin:4px 16px 12px}
#settings .theme-gallery:empty,#settings .theme-tune:empty{display:none}
#settings .theme-gallery-title{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
#settings .theme-gallery-row{display:grid;grid-auto-flow:column;grid-auto-columns:138px;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:3px 3px 10px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
#settings .theme-card{scroll-snap-align:start;display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;min-height:44px;padding:8px 8px 10px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
#settings .theme-card:hover{transform:translateY(-2px)}
#settings .theme-card[aria-checked="true"]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
#settings .theme-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#settings .theme-card-preview{position:relative;display:block;height:104px;border-radius:11px;overflow:hidden;background:radial-gradient(90% 60% at 0% 0%,color-mix(in srgb,var(--p-accent) 30%,transparent),transparent 70%),radial-gradient(80% 60% at 100% 100%,color-mix(in srgb,var(--p-accent2) 26%,transparent),transparent 70%),var(--p-bg);box-shadow:inset 0 0 0 1px rgba(127,127,127,.22)}
#settings .theme-card-preview>span{position:absolute;display:block}
#settings .theme-card-bar{left:8px;right:8px;top:8px;height:9px;border-radius:5px;background:var(--p-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--p-text) 12%,transparent)}
#settings .theme-card-bubble{left:8px;top:26px;width:62%;height:18px;border-radius:4px 9px 9px 9px;background:var(--p-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--p-text) 14%,transparent)}
#settings .theme-card-bubble.theme-card-bubble-user{left:auto;right:8px;top:50px;width:48%;border-radius:9px 4px 9px 9px;background:var(--p-accent);box-shadow:none}
#settings .theme-card-button{left:8px;bottom:8px;width:44px;height:14px;border-radius:7px;background:linear-gradient(90deg,var(--p-accent),var(--p-accent2))}
#settings .theme-card-dots{display:flex;gap:4px}
#settings .theme-card-dots i{display:block;width:12px;height:12px;border-radius:50%;background:var(--p-dot);box-shadow:0 0 0 1px rgba(127,127,127,.4)}
#settings .theme-card-name{font-size:13px;font-weight:600;line-height:1.2;overflow-wrap:anywhere}
#settings .theme-card-hint{font-size:11px;line-height:1.2;color:var(--muted)}
#settings .theme-tune{margin:0 16px 16px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--theme-field,var(--surface));color:var(--text)}
#settings .theme-tune-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;font-size:13px}
#settings .theme-tune-reset{min-height:36px;color:var(--theme-accent-text,var(--accent));text-decoration:underline;text-underline-offset:3px}
#settings .theme-tune-row{display:grid;gap:7px;padding:9px 0;border-top:1px solid var(--line)}
#settings .theme-tune-label{font-size:12px;color:var(--muted)}
#settings .theme-tune-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#settings .theme-tune-swatch{width:32px;height:32px;min-width:32px;padding:0;border-radius:50%;border:3px solid var(--surface);background:var(--sw);box-shadow:0 0 0 1px var(--line);cursor:pointer}
#settings .theme-tune-swatch-default{border-style:double;border-width:4px;border-color:var(--text)}
#settings .theme-tune-swatch[aria-checked="true"]{box-shadow:0 0 0 2px var(--text),0 0 14px var(--sw)}
#settings .theme-tune-swatch:focus-visible,#settings .theme-tune-option:focus-visible,#settings .theme-tune-custom:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#settings .theme-tune-custom{width:44px;height:32px;padding:0 2px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}
#settings .theme-tune-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
#settings .theme-tune-option{min-height:38px;padding:0 6px;border:0;border-radius:9px;background:none;color:var(--muted);font-size:13px;cursor:pointer}
#settings .theme-tune-option[aria-checked="true"]{background:var(--d-btn-bg,var(--accent));color:var(--d-btn-ink,var(--theme-accent-ink,#0b2425));font-weight:600}
#settings .theme-tune-note{display:block;margin:6px 0 0;font-size:11.5px;line-height:1.4;color:var(--muted)}
@media(prefers-reduced-motion:reduce){#settings .theme-card{transition:none}#settings .theme-card:hover{transform:none}}

/* ---------- 1) Tokens je Vorlage ---------------------------------------- */
/* 1 · Neon Pulse (Aiona): dunkel-violett, Neon Magenta/Cyan, Glas, Story-Kreise */
html[data-theme="neon-pulse"]{--theme-menu-solid:#1a0b33;color-scheme:dark;--bg:#0f0720;--surface:rgba(46,20,90,.5);--line:rgba(255,140,240,.22);--text:#f7f0ff;--muted:#c9b8e8;--accent:#ff4fd8;--violet:#2de2ff;
  --theme-font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--theme-heading-font:var(--theme-font);--theme-heading-weight:800;
  --theme-glass:rgba(36,14,70,.52);--theme-glass-strong:rgba(22,9,46,.9);--theme-blur:blur(20px) saturate(160%);--theme-field:rgba(255,255,255,.06);--theme-raised:rgba(255,79,216,.16);
  --theme-accent-ink:#1a0623;--theme-accent-soft:rgba(255,79,216,.16);--theme-accent-line:rgba(255,79,216,.6);--theme-accent-text:#ff9cea;--theme-eyebrow:#2de2ff;
  --theme-divider:rgba(255,255,255,.1);--theme-dialog:#1a0b33;--theme-backdrop:rgba(8,2,20,.78);--theme-radius:22px;--theme-radius-sm:16px;--theme-pill:22px;
  --theme-track:rgba(255,255,255,.18);--theme-knob:#c9b8e8;--theme-knob-on:#1a0623;--theme-danger:#ff9fb2;--theme-ok:#5cf2c4;--theme-glow:0 0 24px rgba(255,79,216,.55);
  --theme-page-bg:radial-gradient(110% 55% at 0% 0%,rgba(255,79,216,.28) 0%,transparent 60%) fixed,radial-gradient(90% 50% at 100% 35%,rgba(45,226,255,.2) 0%,transparent 62%) fixed,#0f0720;
  --premium:#ffc6f0;--premium-soft:rgba(255,198,240,.1);--premium-line:rgba(255,198,240,.32);--premium-glow:0 0 24px rgba(255,79,216,.14);
  --d-accent2:#2de2ff;--d-topbar-bg:rgba(15,7,32,.55);--d-nav-bg:rgba(22,9,46,.82);--d-card-bg:linear-gradient(160deg,rgba(255,79,216,.08),rgba(45,226,255,.04) 60%),rgba(36,14,70,.5);--d-shadow:0 0 0 1px rgba(255,79,216,.12),0 10px 30px rgba(0,0,0,.35);
  --d-btn-bg:linear-gradient(135deg,#ff4fd8,#2de2ff);--d-btn-ink:#1a0623;--d-btn-shadow:0 0 22px rgba(255,79,216,.55);
  --d-bubble-bg:rgba(46,20,90,.62);--d-bubble-solid:#2a1252;--d-bubble-ink:#f7f0ff;--d-bubble-user-bg:linear-gradient(135deg,#ff4fd8,#c065ff);--d-bubble-user-solid:#ff4fd8;--d-bubble-user-ink:#1a0623;--d-bubble-radius:20px;
  --d-stage-border:2px solid transparent;--d-stage-radius:28px;--d-stage-ring:0 0 34px rgba(255,79,216,.35),0 0 70px rgba(45,226,255,.16);--d-badge-bg:rgba(45,226,255,.16);--d-badge-ink:#9ff3ff;--d-progress:linear-gradient(90deg,#ff4fd8,#2de2ff);
  --d-focus:#2de2ff;--d-border-w:1px;--d-nav-radius:26px;--d-nav-inset:12px;--d-nav-flush:0;--d-eyebrow-case:uppercase;--d-eyebrow-track:.18em}

/* 2 · Sunset Pop (Schlunzy): hell, Orange→Pink, Polaroid-Karten, Sticker */
html[data-theme="sunset-pop"]{--theme-menu-solid:#ffffff;color-scheme:light;--bg:#fff3ea;--surface:#ffffff;--line:rgba(43,20,32,.14);--text:#2b1420;--muted:#74505d;--accent:#b81d4a;--violet:#ff9a3d;
  --theme-font:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold","Nunito",system-ui,sans-serif;--theme-heading-font:var(--theme-font);--theme-heading-weight:800;
  --theme-glass:rgba(255,255,255,.78);--theme-glass-strong:rgba(255,255,255,.95);--theme-blur:blur(14px) saturate(140%);--theme-field:#ffffff;--theme-raised:#ffe3ec;
  --theme-accent-ink:#ffffff;--theme-accent-soft:rgba(255,79,123,.12);--theme-accent-line:rgba(255,79,123,.55);--theme-accent-text:#b81d4a;--theme-eyebrow:#c2410c;
  --theme-divider:rgba(43,20,32,.1);--theme-dialog:#fffaf6;--theme-backdrop:rgba(43,20,32,.45);--theme-radius:18px;--theme-radius-sm:14px;--theme-pill:22px;
  --theme-track:#f4d3dc;--theme-knob:#ffffff;--theme-knob-on:#ffffff;--theme-danger:#b3261e;--theme-ok:#1f7a4d;--theme-glow:0 8px 22px rgba(255,79,123,.32);
  --theme-page-bg:linear-gradient(180deg,#ffd2b0 0%,#ffdce8 34%,#fff3ea 68%) fixed #fff3ea;
  --premium:#9a5b12;--premium-soft:rgba(255,154,61,.12);--premium-line:rgba(154,91,18,.38);--premium-glow:0 6px 18px rgba(255,154,61,.16);
  --d-accent2:#ff9a3d;--d-topbar-bg:rgba(255,243,234,.6);--d-nav-bg:rgba(255,255,255,.94);--d-card-bg:#ffffff;--d-shadow:0 10px 24px rgba(255,79,123,.13),0 2px 0 rgba(43,20,32,.05);
  --d-btn-bg:linear-gradient(120deg,#ff9a3d,#ff4f7b);--d-btn-ink:#2b0a16;--d-btn-shadow:0 8px 20px rgba(255,79,123,.35);
  --d-bubble-bg:#ffffff;--d-bubble-solid:#ffffff;--d-bubble-ink:#2b1420;--d-bubble-user-bg:linear-gradient(120deg,#ff9a3d,#ff4f7b);--d-bubble-user-solid:#ff4f7b;--d-bubble-user-ink:#2b0a16;--d-bubble-radius:20px;
  --d-stage-border:8px solid #ffffff;--d-stage-radius:20px;--d-stage-ring:0 16px 34px rgba(255,79,123,.22);--d-badge-bg:#ffffff;--d-badge-ink:#b81d4a;--d-progress:linear-gradient(90deg,#ff9a3d,#ff4f7b);
  --d-focus:#b81d4a;--d-border-w:1px;--d-nav-radius:24px;--d-nav-inset:12px;--d-nav-flush:0;--d-eyebrow-case:uppercase;--d-eyebrow-track:.12em}

/* 3 · Clean Fresh (AI Kevin): hell, Lime und Schwarz, klares Kachel-Raster */
html[data-theme="clean-fresh"]{--theme-menu-solid:#ffffff;color-scheme:light;--bg:#f6f7f2;--surface:#ffffff;--line:#e2e5da;--text:#0e0f0c;--muted:#5a6051;--accent:#4d7a00;--violet:#0e0f0c;
  --theme-font:"Inter","SF Pro Text",system-ui,-apple-system,"Segoe UI",sans-serif;--theme-heading-font:var(--theme-font);--theme-heading-weight:800;
  --theme-glass:rgba(255,255,255,.86);--theme-glass-strong:rgba(255,255,255,.97);--theme-blur:blur(12px);--theme-field:#ffffff;--theme-raised:#eef9cf;
  --theme-accent-ink:#ffffff;--theme-accent-soft:rgba(198,244,50,.28);--theme-accent-line:#9cc21a;--theme-accent-text:#3d5a00;--theme-eyebrow:#3d5a00;
  --theme-divider:#eceee6;--theme-dialog:#ffffff;--theme-backdrop:rgba(14,15,12,.42);--theme-radius:20px;--theme-radius-sm:14px;--theme-pill:20px;
  --theme-track:#dfe3d4;--theme-knob:#ffffff;--theme-knob-on:#ffffff;--theme-danger:#b3261e;--theme-ok:#3d7a00;--theme-glow:none;
  --theme-page-bg:#f6f7f2;
  --premium:#5a6d00;--premium-soft:rgba(198,244,50,.16);--premium-line:rgba(90,109,0,.35);--premium-glow:none;
  --d-accent2:#0e0f0c;--d-topbar-bg:#ffffff;--d-nav-bg:#0e0f0c;--d-card-bg:#ffffff;--d-shadow:0 1px 2px rgba(14,15,12,.05);
  --d-btn-bg:#c6f432;--d-btn-ink:#0e0f0c;--d-btn-shadow:none;
  --d-bubble-bg:#ffffff;--d-bubble-solid:#ffffff;--d-bubble-ink:#0e0f0c;--d-bubble-user-bg:#c6f432;--d-bubble-user-solid:#c6f432;--d-bubble-user-ink:#0e0f0c;--d-bubble-radius:18px;
  --d-stage-border:1px solid #e2e5da;--d-stage-radius:24px;--d-stage-ring:0 1px 2px rgba(14,15,12,.06);--d-badge-bg:#0e0f0c;--d-badge-ink:#c6f432;--d-progress:#c6f432;
  --d-focus:#4d7a00;--d-border-w:1px;--d-nav-radius:24px;--d-nav-inset:12px;--d-nav-flush:0;--d-eyebrow-case:uppercase;--d-eyebrow-track:.14em}

/* 4 · Zauber-Kino (Merlino): Videotelefonat, Nachtblau und Gold, Gehirn als Sternbild */
html[data-theme="zauber-kino"]{--theme-menu-solid:#0e1638;color-scheme:dark;--bg:#070d26;--surface:rgba(18,28,69,.62);--line:rgba(232,195,106,.24);--text:#f5f1e6;--muted:#b8b3a6;--accent:#e8c36a;--violet:#8fa8ff;
  --theme-font:"Avenir Next","Segoe UI",system-ui,-apple-system,sans-serif;--theme-heading-font:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--theme-heading-weight:500;
  --theme-glass:rgba(14,22,56,.55);--theme-glass-strong:rgba(9,15,40,.92);--theme-blur:blur(18px) saturate(140%);--theme-field:rgba(255,255,255,.05);--theme-raised:rgba(232,195,106,.14);
  --theme-accent-ink:#1a1405;--theme-accent-soft:rgba(232,195,106,.14);--theme-accent-line:rgba(232,195,106,.55);--theme-accent-text:#f1d692;--theme-eyebrow:#e8c36a;
  --theme-divider:rgba(232,195,106,.14);--theme-dialog:#0e1638;--theme-backdrop:rgba(3,6,18,.8);--theme-radius:20px;--theme-radius-sm:14px;--theme-pill:22px;
  --theme-track:rgba(255,255,255,.16);--theme-knob:#b8b3a6;--theme-knob-on:#1a1405;--theme-danger:#ffab9e;--theme-ok:#8ee3b5;--theme-glow:0 0 22px rgba(232,195,106,.4);
  --theme-page-bg:radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.9) 50%,transparent 51%) 0 0/180px 180px,radial-gradient(1px 1px at 68% 42%,rgba(255,255,255,.7) 50%,transparent 51%) 0 0/240px 240px,radial-gradient(1.5px 1.5px at 38% 76%,rgba(245,227,176,.8) 50%,transparent 51%) 0 0/300px 300px,radial-gradient(120% 70% at 50% 0%,#16245c 0%,#0b1438 45%,#070d26 80%) fixed #070d26;
  --premium:#e8c36a;--premium-soft:rgba(232,195,106,.1);--premium-line:rgba(232,195,106,.36);--premium-glow:0 0 24px rgba(232,195,106,.12);
  --d-accent2:#8fa8ff;--d-topbar-bg:rgba(7,13,38,.5);--d-nav-bg:rgba(9,15,40,.9);--d-card-bg:linear-gradient(180deg,rgba(232,195,106,.05),transparent 40%),rgba(14,22,56,.6);--d-shadow:0 14px 34px rgba(0,0,0,.45);
  --d-btn-bg:linear-gradient(180deg,#f1d692,#d9ad4f);--d-btn-ink:#1a1405;--d-btn-shadow:0 0 20px rgba(232,195,106,.35);
  --d-bubble-bg:rgba(18,28,69,.75);--d-bubble-solid:#121c45;--d-bubble-ink:#f5f1e6;--d-bubble-user-bg:#e8c36a;--d-bubble-user-solid:#e8c36a;--d-bubble-user-ink:#1a1405;--d-bubble-radius:18px;
  --d-stage-border:1px solid rgba(232,195,106,.45);--d-stage-radius:30px;--d-stage-ring:0 30px 60px rgba(0,0,0,.55),0 0 0 6px rgba(232,195,106,.06);--d-badge-bg:rgba(232,195,106,.16);--d-badge-ink:#f1d692;--d-progress:linear-gradient(90deg,#8fa8ff,#e8c36a);
  --d-focus:#e8c36a;--d-border-w:1px;--d-nav-radius:26px;--d-nav-inset:12px;--d-nav-flush:0;--d-eyebrow-case:uppercase;--d-eyebrow-track:.22em}

/* 5 · Bento Vivid (alle): schwarz mit knalligen bunten Bento-Kacheln */
html[data-theme="bento"]{--theme-menu-solid:#141414;color-scheme:dark;--bg:#050505;--surface:#141414;--line:rgba(255,255,255,.1);--text:#ffffff;--muted:#b3b3b3;--accent:#ffd23f;--violet:#ff5ca8;
  --theme-font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--theme-heading-font:var(--theme-font);--theme-heading-weight:800;
  --theme-glass:rgba(20,20,20,.86);--theme-glass-strong:rgba(14,14,14,.96);--theme-blur:blur(14px);--theme-field:#1c1c1c;--theme-raised:#262626;
  --theme-accent-ink:#0a0a0a;--theme-accent-soft:rgba(255,210,63,.14);--theme-accent-line:rgba(255,210,63,.6);--theme-accent-text:#ffd23f;--theme-eyebrow:#2ee59d;
  --theme-divider:rgba(255,255,255,.08);--theme-dialog:#141414;--theme-backdrop:rgba(0,0,0,.78);--theme-radius:26px;--theme-radius-sm:18px;--theme-pill:20px;
  --theme-track:#333333;--theme-knob:#b3b3b3;--theme-knob-on:#0a0a0a;--theme-danger:#ff8a8a;--theme-ok:#2ee59d;--theme-glow:none;
  --theme-page-bg:#050505;
  --premium:#ffd23f;--premium-soft:rgba(255,210,63,.08);--premium-line:rgba(255,210,63,.4);--premium-glow:none;
  --d-accent2:#ff5ca8;--d-topbar-bg:#050505;--d-nav-bg:#141414;--d-card-bg:#141414;--d-shadow:none;
  --d-btn-bg:#ffd23f;--d-btn-ink:#0a0a0a;--d-btn-shadow:none;
  --d-bubble-bg:#1c1c1c;--d-bubble-solid:#1c1c1c;--d-bubble-ink:#ffffff;--d-bubble-user-bg:#ffd23f;--d-bubble-user-solid:#ffd23f;--d-bubble-user-ink:#0a0a0a;--d-bubble-radius:22px;
  --d-stage-border:0 solid transparent;--d-stage-radius:30px;--d-stage-ring:none;--d-badge-bg:#2ee59d;--d-badge-ink:#0a0a0a;--d-progress:linear-gradient(90deg,#ffd23f,#ff5ca8,#4d8dff);
  --d-focus:#ffd23f;--d-border-w:0px;--d-nav-radius:26px;--d-nav-inset:12px;--d-nav-flush:0;--d-eyebrow-case:uppercase;--d-eyebrow-track:.14em}

/* 6 · Liquid Glass (Aiona): helles Milchglas über dem unscharfen Avatarfoto */
html[data-theme="liquid-glass"]{--theme-menu-solid:#f4f6fb;color-scheme:light;--bg:#e9edf5;--surface:rgba(255,255,255,.62);--line:rgba(255,255,255,.75);--text:#10131a;--muted:#3b4252;--accent:#2450c8;--violet:#8a5cf0;
  --theme-font:system-ui,-apple-system,"SF Pro Text","Segoe UI",sans-serif;--theme-heading-font:var(--theme-font);--theme-heading-weight:700;
  --theme-glass:rgba(255,255,255,.55);--theme-glass-strong:rgba(250,252,255,.84);--theme-blur:blur(24px) saturate(180%);--theme-field:rgba(255,255,255,.7);--theme-raised:rgba(47,99,240,.12);
  --theme-accent-ink:#ffffff;--theme-accent-soft:rgba(47,99,240,.12);--theme-accent-line:rgba(47,99,240,.5);--theme-accent-text:#2450c8;--theme-eyebrow:#2450c8;
  --theme-divider:rgba(16,19,26,.1);--theme-dialog:#f6f8fc;--theme-backdrop:rgba(16,19,26,.32);--theme-radius:24px;--theme-radius-sm:16px;--theme-pill:22px;
  --theme-track:rgba(16,19,26,.16);--theme-knob:#ffffff;--theme-knob-on:#ffffff;--theme-danger:#b3261e;--theme-ok:#1f7a4d;--theme-glow:0 8px 24px rgba(47,99,240,.28);
  --theme-page-bg:linear-gradient(135deg,#d9e2ff 0%,#f3dcff 50%,#d6f1ff 100%) fixed #e9edf5;
  --premium:#7a5a12;--premium-soft:rgba(255,255,255,.4);--premium-line:rgba(122,90,18,.3);--premium-glow:0 8px 24px rgba(31,38,135,.08);
  --d-accent2:#8a5cf0;--d-topbar-bg:rgba(255,255,255,.45);--d-nav-bg:rgba(255,255,255,.62);--d-card-bg:rgba(255,255,255,.58);--d-shadow:0 8px 32px rgba(31,38,135,.12),inset 0 1px 0 rgba(255,255,255,.9);
  --d-btn-bg:linear-gradient(135deg,#2f63f0,#2450c8);--d-btn-ink:#ffffff;--d-btn-shadow:0 8px 20px rgba(47,99,240,.3);
  --d-bubble-bg:rgba(255,255,255,.72);--d-bubble-solid:#ffffff;--d-bubble-ink:#10131a;--d-bubble-user-bg:#2f63f0;--d-bubble-user-solid:#2f63f0;--d-bubble-user-ink:#ffffff;--d-bubble-radius:22px;
  --d-stage-border:1px solid rgba(255,255,255,.85);--d-stage-radius:30px;--d-stage-ring:0 20px 50px rgba(31,38,135,.18);--d-badge-bg:rgba(47,99,240,.12);--d-badge-ink:#2450c8;--d-progress:linear-gradient(90deg,#2f63f0,#8a5cf0);
  --d-focus:#2450c8;--d-border-w:1px;--d-nav-radius:28px;--d-nav-inset:12px;--d-nav-flush:0;--d-eyebrow-case:uppercase;--d-eyebrow-track:.14em}

/* 7 · Swiss Editorial (AI Kevin): Schwarz-Weiss mit Signalrot, grosse Ziffern */
html[data-theme="swiss"]{--theme-menu-solid:#ffffff;color-scheme:light;--bg:#ffffff;--surface:#ffffff;--line:#0a0a0a;--text:#0a0a0a;--muted:#4a4a4a;--accent:#e30613;--violet:#0a0a0a;
  --theme-font:"Helvetica Neue",Helvetica,Arial,"Inter",system-ui,sans-serif;--theme-heading-font:var(--theme-font);--theme-heading-weight:800;
  --theme-glass:#ffffff;--theme-glass-strong:#ffffff;--theme-blur:none;--theme-field:#f2f2f0;--theme-raised:#f2f2f0;
  --theme-accent-ink:#ffffff;--theme-accent-soft:rgba(227,6,19,.08);--theme-accent-line:#e30613;--theme-accent-text:#b8050f;--theme-eyebrow:#e30613;
  --theme-divider:rgba(10,10,10,.14);--theme-dialog:#ffffff;--theme-backdrop:rgba(10,10,10,.45);--theme-radius:0px;--theme-radius-sm:0px;--theme-pill:0px;
  --theme-track:#d6d6d6;--theme-knob:#ffffff;--theme-knob-on:#ffffff;--theme-danger:#b8050f;--theme-ok:#1f6b3a;--theme-glow:none;
  --theme-page-bg:#ffffff;
  --premium:#0a0a0a;--premium-soft:rgba(10,10,10,.03);--premium-line:#0a0a0a;--premium-glow:none;
  --d-accent2:#0a0a0a;--d-topbar-bg:#ffffff;--d-nav-bg:#ffffff;--d-card-bg:#ffffff;--d-shadow:none;
  --d-btn-bg:#e30613;--d-btn-ink:#ffffff;--d-btn-shadow:none;
  --d-bubble-bg:#f2f2f0;--d-bubble-solid:#f2f2f0;--d-bubble-ink:#0a0a0a;--d-bubble-user-bg:#0a0a0a;--d-bubble-user-solid:#0a0a0a;--d-bubble-user-ink:#ffffff;--d-bubble-radius:0px;
  --d-stage-border:2px solid #0a0a0a;--d-stage-radius:0px;--d-stage-ring:none;--d-badge-bg:#0a0a0a;--d-badge-ink:#ffffff;--d-progress:#e30613;
  --d-focus:#e30613;--d-border-w:1px;--d-nav-radius:0px;--d-nav-inset:0px;--d-nav-flush:1;--d-eyebrow-case:uppercase;--d-eyebrow-track:.16em}

/* 8 · Clay Candy (Schlunzy): Pastell-Knetoptik, Bonbon-Knöpfe */
html[data-theme="clay"]{--theme-menu-solid:#fdfaff;color-scheme:light;--bg:#f1eafe;--surface:#fdfaff;--line:rgba(124,77,219,.14);--text:#2f2545;--muted:#625879;--accent:#7c4ddb;--violet:#ff8fbf;
  --theme-font:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold","Nunito",system-ui,sans-serif;--theme-heading-font:var(--theme-font);--theme-heading-weight:800;
  --theme-glass:rgba(253,250,255,.86);--theme-glass-strong:rgba(253,250,255,.97);--theme-blur:blur(10px);--theme-field:#f6f0ff;--theme-raised:#ece2ff;
  --theme-accent-ink:#ffffff;--theme-accent-soft:rgba(124,77,219,.12);--theme-accent-line:rgba(124,77,219,.45);--theme-accent-text:#6a3cc9;--theme-eyebrow:#b02a6b;
  --theme-divider:rgba(47,37,69,.08);--theme-dialog:#fdfaff;--theme-backdrop:rgba(47,37,69,.4);--theme-radius:28px;--theme-radius-sm:20px;--theme-pill:24px;
  --theme-track:#e3d8f7;--theme-knob:#ffffff;--theme-knob-on:#ffffff;--theme-danger:#b3261e;--theme-ok:#1f7a5a;--theme-glow:0 10px 22px rgba(124,77,219,.28);
  --theme-page-bg:radial-gradient(70% 40% at 100% 0%,#ffe3f1 0%,transparent 70%) fixed,radial-gradient(70% 40% at 0% 100%,#dff7ee 0%,transparent 70%) fixed,#f1eafe;
  --premium:#8a5a14;--premium-soft:rgba(255,214,140,.16);--premium-line:rgba(138,90,20,.3);--premium-glow:none;
  --d-accent2:#ff8fbf;--d-topbar-bg:transparent;--d-nav-bg:#fdfaff;--d-card-bg:#fdfaff;--d-shadow:8px 8px 20px rgba(124,77,219,.16),-6px -6px 16px rgba(255,255,255,.9),inset 2px 2px 4px rgba(255,255,255,.85),inset -3px -3px 8px rgba(124,77,219,.08);
  --d-btn-bg:radial-gradient(circle at 30% 22%,rgba(255,255,255,.45) 0 9%,transparent 30%),linear-gradient(150deg,#7c4ddb,#5a2fb8);--d-btn-ink:#ffffff;--d-btn-shadow:0 8px 16px rgba(100,54,196,.35),inset -3px -4px 8px rgba(40,10,90,.25),inset 3px 3px 6px rgba(255,255,255,.3);
  --d-bubble-bg:#ffffff;--d-bubble-solid:#ffffff;--d-bubble-ink:#2f2545;--d-bubble-user-bg:#ffd6e8;--d-bubble-user-solid:#ffd6e8;--d-bubble-user-ink:#3a1430;--d-bubble-radius:24px;
  --d-stage-border:6px solid #fdfaff;--d-stage-radius:34px;--d-stage-ring:10px 12px 26px rgba(124,77,219,.2),-8px -8px 20px rgba(255,255,255,.85);--d-badge-bg:#ffd6e8;--d-badge-ink:#7a1f4f;--d-progress:linear-gradient(90deg,#ff8fbf,#7c4ddb);
  --d-focus:#6a3cc9;--d-border-w:0px;--d-nav-radius:28px;--d-nav-inset:12px;--d-nav-flush:0;--d-eyebrow-case:none;--d-eyebrow-track:.02em}

/* 9 · J.A.R.V.I.S. HUD (AI Kevin): Cyan auf Schwarzblau, HUD-Linien, Radar */
html[data-theme="jarvis"]{--theme-menu-solid:#04162a;color-scheme:dark;--bg:#020b18;--surface:rgba(0,229,255,.05);--line:rgba(0,229,255,.32);--text:#d8fbff;--muted:#86b9c6;--accent:#00e5ff;--violet:#ffb547;
  --theme-font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--theme-heading-font:"Eurostile","Bank Gothic","DIN Alternate","Segoe UI",system-ui,sans-serif;--theme-heading-weight:600;
  --theme-glass:rgba(2,20,38,.66);--theme-glass-strong:rgba(2,14,28,.94);--theme-blur:blur(12px);--theme-field:rgba(0,229,255,.05);--theme-raised:rgba(0,229,255,.1);
  --theme-accent-ink:#001820;--theme-accent-soft:rgba(0,229,255,.1);--theme-accent-line:rgba(0,229,255,.7);--theme-accent-text:#7ff2ff;--theme-eyebrow:#ffb547;
  --theme-divider:rgba(0,229,255,.14);--theme-dialog:#04162a;--theme-backdrop:rgba(0,4,10,.8);--theme-radius:6px;--theme-radius-sm:4px;--theme-pill:6px;
  --theme-track:rgba(0,229,255,.2);--theme-knob:#86b9c6;--theme-knob-on:#001820;--theme-danger:#ff8f8f;--theme-ok:#5dffb0;--theme-glow:0 0 18px rgba(0,229,255,.5);
  --theme-page-bg:repeating-linear-gradient(0deg,rgba(0,229,255,.05) 0 1px,transparent 1px 28px) fixed,repeating-linear-gradient(90deg,rgba(0,229,255,.05) 0 1px,transparent 1px 28px) fixed,radial-gradient(90% 55% at 50% 0%,#073157 0%,#03152b 50%,#020b18 85%) fixed #020b18;
  --premium:#ffcf7a;--premium-soft:rgba(255,181,71,.08);--premium-line:rgba(255,181,71,.38);--premium-glow:0 0 18px rgba(255,181,71,.1);
  --d-accent2:#ffb547;--d-topbar-bg:rgba(2,11,24,.7);--d-nav-bg:rgba(2,14,28,.92);
  --d-card-bg:linear-gradient(#00e5ff,#00e5ff) left top/14px 2px no-repeat,linear-gradient(#00e5ff,#00e5ff) left top/2px 14px no-repeat,linear-gradient(#00e5ff,#00e5ff) right top/14px 2px no-repeat,linear-gradient(#00e5ff,#00e5ff) right top/2px 14px no-repeat,linear-gradient(#00e5ff,#00e5ff) left bottom/14px 2px no-repeat,linear-gradient(#00e5ff,#00e5ff) left bottom/2px 14px no-repeat,linear-gradient(#00e5ff,#00e5ff) right bottom/14px 2px no-repeat,linear-gradient(#00e5ff,#00e5ff) right bottom/2px 14px no-repeat,rgba(2,24,44,.62);
  --d-shadow:inset 0 0 24px rgba(0,229,255,.06);--d-btn-bg:#00e5ff;--d-btn-ink:#001820;--d-btn-shadow:0 0 18px rgba(0,229,255,.55);
  --d-bubble-bg:rgba(0,229,255,.06);--d-bubble-solid:#04192c;--d-bubble-ink:#d8fbff;--d-bubble-user-bg:#0b3a4a;--d-bubble-user-solid:#0b3a4a;--d-bubble-user-ink:#e6fdff;--d-bubble-radius:10px;
  --d-stage-border:1px solid rgba(0,229,255,.55);--d-stage-radius:8px;--d-stage-ring:0 0 0 4px rgba(0,229,255,.06),0 0 40px rgba(0,229,255,.2);--d-badge-bg:rgba(255,181,71,.14);--d-badge-ink:#ffcf7a;--d-progress:linear-gradient(90deg,#00e5ff,#7ff2ff);
  --d-focus:#ffb547;--d-border-w:1px;--d-nav-radius:8px;--d-nav-inset:10px;--d-nav-flush:0;--d-eyebrow-case:uppercase;--d-eyebrow-track:.22em}

/* 10 · Maison Noir (Aiona): Luxus Schwarz und Gold, Serifen-Display, Magazin-Cover */
html[data-theme="maison-noir"]{--theme-menu-solid:#15130f;color-scheme:dark;--bg:#0b0a08;--surface:#15130f;--line:rgba(212,175,106,.26);--text:#f6f0e4;--muted:#b8ad99;--accent:#d4af6a;--violet:#f6f0e4;
  --theme-font:"Avenir Next","Helvetica Neue","Segoe UI",system-ui,sans-serif;--theme-heading-font:"Didot","Bodoni 72","Bodoni MT","Playfair Display","Iowan Old Style",Georgia,serif;--theme-heading-weight:400;
  --theme-glass:rgba(21,19,15,.72);--theme-glass-strong:rgba(14,12,10,.95);--theme-blur:blur(14px);--theme-field:#110f0c;--theme-raised:#1f1b14;
  --theme-accent-ink:#15110a;--theme-accent-soft:rgba(212,175,106,.1);--theme-accent-line:rgba(212,175,106,.6);--theme-accent-text:#e3c78e;--theme-eyebrow:#d4af6a;
  --theme-divider:rgba(212,175,106,.14);--theme-dialog:#14120e;--theme-backdrop:rgba(0,0,0,.8);--theme-radius:2px;--theme-radius-sm:2px;--theme-pill:2px;
  --theme-track:#2c271e;--theme-knob:#b8ad99;--theme-knob-on:#15110a;--theme-danger:#f0a493;--theme-ok:#b9d6a0;--theme-glow:none;
  --theme-page-bg:radial-gradient(80% 45% at 50% 0%,#1c1810 0%,#0b0a08 70%) fixed #0b0a08;
  --premium:#d4af6a;--premium-soft:rgba(212,175,106,.08);--premium-line:rgba(212,175,106,.4);--premium-glow:none;
  --d-accent2:#f6f0e4;--d-topbar-bg:#0b0a08;--d-nav-bg:#0b0a08;--d-card-bg:linear-gradient(180deg,#17140f,#100e0b);--d-shadow:none;
  --d-btn-bg:#d4af6a;--d-btn-ink:#15110a;--d-btn-shadow:none;
  --d-bubble-bg:#15130f;--d-bubble-solid:#15130f;--d-bubble-ink:#f6f0e4;--d-bubble-user-bg:#d4af6a;--d-bubble-user-solid:#d4af6a;--d-bubble-user-ink:#15110a;--d-bubble-radius:2px;
  --d-stage-border:1px solid rgba(212,175,106,.7);--d-stage-radius:2px;--d-stage-ring:0 0 0 6px #0b0a08,0 0 0 7px rgba(212,175,106,.35);--d-badge-bg:transparent;--d-badge-ink:#e3c78e;--d-progress:linear-gradient(90deg,#9c7a3c,#e3c78e);
  --d-focus:#e3c78e;--d-border-w:1px;--d-nav-radius:0px;--d-nav-inset:0px;--d-nav-flush:1;--d-eyebrow-case:uppercase;--d-eyebrow-track:.32em}

/* 11 · Comic Pop (Schlunzy): Comic-Panels, dicke Konturen, Rasterpunkte, Sprechblasen */
html[data-theme="comic"]{--theme-menu-solid:#ffffff;color-scheme:light;--bg:#fff4c9;--surface:#ffffff;--line:#111111;--text:#111111;--muted:#3d3d3d;--accent:#c41e14;--violet:#2f6bff;
  --theme-font:"Trebuchet MS","Avenir Next",system-ui,sans-serif;--theme-heading-font:"Arial Black","Avenir Next Condensed","Helvetica Neue",Impact,sans-serif;--theme-heading-weight:900;
  --theme-glass:#ffffff;--theme-glass-strong:#ffffff;--theme-blur:none;--theme-field:#ffffff;--theme-raised:#fff0a8;
  --theme-accent-ink:#ffffff;--theme-accent-soft:rgba(255,212,0,.35);--theme-accent-line:#111111;--theme-accent-text:#b01a10;--theme-eyebrow:#1a47c9;
  --theme-divider:rgba(17,17,17,.2);--theme-dialog:#ffffff;--theme-backdrop:rgba(17,17,17,.5);--theme-radius:14px;--theme-radius-sm:10px;--theme-pill:14px;
  --theme-track:#e8dfb8;--theme-knob:#ffffff;--theme-knob-on:#ffffff;--theme-danger:#b01a10;--theme-ok:#1d6b2f;--theme-glow:none;
  --theme-page-bg:radial-gradient(rgba(255,59,48,.16) 1.3px,transparent 1.7px) 0 0/13px 13px,radial-gradient(rgba(47,107,255,.1) 1.3px,transparent 1.7px) 6px 6px/13px 13px,#fff4c9;
  --premium:#7a4b00;--premium-soft:rgba(255,212,0,.22);--premium-line:#111111;--premium-glow:none;
  --d-accent2:#2f6bff;--d-topbar-bg:#ffd400;--d-nav-bg:#ffffff;--d-card-bg:#ffffff;--d-shadow:5px 5px 0 #111111;
  --d-btn-bg:#ff3b30;--d-btn-ink:#111111;--d-btn-shadow:3px 3px 0 #111111;
  --d-bubble-bg:#ffffff;--d-bubble-solid:#ffffff;--d-bubble-ink:#111111;--d-bubble-user-bg:#ffd400;--d-bubble-user-solid:#ffd400;--d-bubble-user-ink:#111111;--d-bubble-radius:22px;
  --d-stage-border:4px solid #111111;--d-stage-radius:10px;--d-stage-ring:7px 7px 0 #111111;--d-badge-bg:#ffd400;--d-badge-ink:#111111;--d-progress:repeating-linear-gradient(45deg,#ff3b30 0 8px,#ff6a5f 8px 16px);
  --d-focus:#2f6bff;--d-border-w:3px;--d-nav-radius:16px;--d-nav-inset:12px;--d-nav-flush:0;--d-eyebrow-case:uppercase;--d-eyebrow-track:.08em}

/* 12 · Hygge Home (Aiona): warm, Tagebuch, Terrakotta und Salbei, Papier */
html[data-theme="hygge"]{--theme-menu-solid:#fbf7f0;color-scheme:light;--bg:#f4ede1;--surface:#fbf7f0;--line:rgba(59,47,40,.16);--text:#3b2f28;--muted:#6b5e54;--accent:#a9472e;--violet:#7d9a7f;
  --theme-font:"Avenir Next","Segoe UI",system-ui,-apple-system,sans-serif;--theme-heading-font:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--theme-heading-weight:500;
  --theme-glass:rgba(251,247,240,.86);--theme-glass-strong:rgba(251,247,240,.97);--theme-blur:blur(10px);--theme-field:#fffdf8;--theme-raised:#efe4d3;
  --theme-accent-ink:#ffffff;--theme-accent-soft:rgba(169,71,46,.1);--theme-accent-line:rgba(169,71,46,.5);--theme-accent-text:#953a20;--theme-eyebrow:#4f6b52;
  --theme-divider:rgba(59,47,40,.1);--theme-dialog:#fbf7f0;--theme-backdrop:rgba(59,47,40,.4);--theme-radius:18px;--theme-radius-sm:12px;--theme-pill:20px;
  --theme-track:#e3d6c3;--theme-knob:#ffffff;--theme-knob-on:#ffffff;--theme-danger:#9a2f22;--theme-ok:#4f6b52;--theme-glow:0 6px 16px rgba(169,71,46,.22);
  --theme-page-bg:repeating-linear-gradient(0deg,rgba(59,47,40,.025) 0 1px,transparent 1px 5px),radial-gradient(90% 50% at 20% 0%,#fbf3e6 0%,transparent 70%) fixed,#f4ede1;
  --premium:#8a5a1c;--premium-soft:rgba(169,120,46,.08);--premium-line:rgba(138,90,28,.32);--premium-glow:none;
  --d-accent2:#7d9a7f;--d-topbar-bg:rgba(244,237,225,.85);--d-nav-bg:rgba(251,247,240,.96);--d-card-bg:#fbf7f0;--d-shadow:0 1px 0 rgba(59,47,40,.06),0 12px 26px rgba(59,47,40,.07);
  --d-btn-bg:#a9472e;--d-btn-ink:#ffffff;--d-btn-shadow:0 6px 14px rgba(169,71,46,.25);
  --d-bubble-bg:#fffdf8;--d-bubble-solid:#fffdf8;--d-bubble-ink:#3b2f28;--d-bubble-user-bg:#dfe8dc;--d-bubble-user-solid:#dfe8dc;--d-bubble-user-ink:#2c3a2d;--d-bubble-radius:18px;
  --d-stage-border:8px solid #fbf7f0;--d-stage-radius:22px;--d-stage-ring:0 14px 30px rgba(59,47,40,.16);--d-badge-bg:#dfe8dc;--d-badge-ink:#2c3a2d;--d-progress:linear-gradient(90deg,#7d9a7f,#a9472e);
  --d-focus:#953a20;--d-border-w:1px;--d-nav-radius:24px;--d-nav-inset:12px;--d-nav-flush:0;--d-eyebrow-case:none;--d-eyebrow-track:.02em}

/* 13 · Quest (Merlino): Spiel-Optik mit Level-/XP-Balken und Abzeichen, ohne Pixel */
html[data-theme="quest"]{--theme-menu-solid:#1d1840;color-scheme:dark;--bg:#14112b;--surface:#231d4a;--line:#3a3170;--text:#f4f1ff;--muted:#b9b1dd;--accent:#ffcc33;--violet:#3df58b;
  --theme-font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--theme-heading-font:var(--theme-font);--theme-heading-weight:900;
  --theme-glass:rgba(35,29,74,.86);--theme-glass-strong:rgba(26,21,56,.96);--theme-blur:blur(10px);--theme-field:#1b1640;--theme-raised:#2e2660;
  --theme-accent-ink:#2a1c00;--theme-accent-soft:rgba(255,204,51,.14);--theme-accent-line:rgba(255,204,51,.6);--theme-accent-text:#ffd866;--theme-eyebrow:#3df58b;
  --theme-divider:rgba(255,255,255,.08);--theme-dialog:#1d1840;--theme-backdrop:rgba(6,4,18,.8);--theme-radius:16px;--theme-radius-sm:12px;--theme-pill:14px;
  --theme-track:#3a3170;--theme-knob:#b9b1dd;--theme-knob-on:#2a1c00;--theme-danger:#ff9a9a;--theme-ok:#3df58b;--theme-glow:0 0 18px rgba(255,204,51,.4);
  --theme-page-bg:radial-gradient(90% 50% at 50% 0%,#2b2163 0%,#14112b 70%) fixed #14112b;
  --premium:#ffcc33;--premium-soft:rgba(255,204,51,.08);--premium-line:rgba(255,204,51,.4);--premium-glow:0 0 18px rgba(255,204,51,.1);
  --d-accent2:#3df58b;--d-topbar-bg:#14112b;--d-nav-bg:#1d1840;--d-card-bg:linear-gradient(180deg,#2a2358,#231d4a);--d-shadow:0 4px 0 #0d0a20;
  --d-btn-bg:linear-gradient(180deg,#ffd866,#ffb800);--d-btn-ink:#2a1c00;--d-btn-shadow:0 4px 0 #a87400;
  --d-bubble-bg:#231d4a;--d-bubble-solid:#231d4a;--d-bubble-ink:#f4f1ff;--d-bubble-user-bg:#ffcc33;--d-bubble-user-solid:#ffcc33;--d-bubble-user-ink:#2a1c00;--d-bubble-radius:16px;
  --d-stage-border:3px solid #3a3170;--d-stage-radius:20px;--d-stage-ring:0 6px 0 #0d0a20,0 0 30px rgba(61,245,139,.15);--d-badge-bg:#ffcc33;--d-badge-ink:#2a1c00;--d-progress:linear-gradient(90deg,#3df58b,#b6ff5c);
  --d-focus:#3df58b;--d-border-w:2px;--d-nav-radius:20px;--d-nav-inset:12px;--d-nav-flush:0;--d-eyebrow-case:uppercase;--d-eyebrow-track:.16em}

/* 14 · Social Feed (alle): helle Social-App, Story-Kreise, Profil-Karten */
html[data-theme="social"]{--theme-menu-solid:#ffffff;color-scheme:light;--bg:#f2f3f5;--surface:#ffffff;--line:#e1e4e8;--text:#0f1419;--muted:#536471;--accent:#1a5fd0;--violet:#d62976;
  --theme-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--theme-heading-font:var(--theme-font);--theme-heading-weight:800;
  --theme-glass:rgba(255,255,255,.9);--theme-glass-strong:rgba(255,255,255,.97);--theme-blur:blur(12px);--theme-field:#f2f3f5;--theme-raised:#e8f0fe;
  --theme-accent-ink:#ffffff;--theme-accent-soft:rgba(26,102,224,.1);--theme-accent-line:rgba(26,102,224,.45);--theme-accent-text:#1a5fd0;--theme-eyebrow:#536471;
  --theme-divider:#eff1f3;--theme-dialog:#ffffff;--theme-backdrop:rgba(15,20,25,.4);--theme-radius:16px;--theme-radius-sm:12px;--theme-pill:20px;
  --theme-track:#cfd9de;--theme-knob:#ffffff;--theme-knob-on:#ffffff;--theme-danger:#c4161c;--theme-ok:#00875a;--theme-glow:none;
  --theme-page-bg:#f2f3f5;
  --premium:#8a5a14;--premium-soft:rgba(214,41,118,.05);--premium-line:rgba(214,41,118,.3);--premium-glow:none;
  --d-accent2:#d62976;--d-topbar-bg:#ffffff;--d-nav-bg:#ffffff;--d-card-bg:#ffffff;--d-shadow:0 1px 2px rgba(15,20,25,.06),0 4px 16px rgba(15,20,25,.04);
  --d-btn-bg:#1a66e0;--d-btn-ink:#ffffff;--d-btn-shadow:none;
  --d-bubble-bg:#eef1f4;--d-bubble-solid:#eef1f4;--d-bubble-ink:#0f1419;--d-bubble-user-bg:#1a66e0;--d-bubble-user-solid:#1a66e0;--d-bubble-user-ink:#ffffff;--d-bubble-radius:20px;
  --d-stage-border:3px solid transparent;--d-stage-radius:22px;--d-stage-ring:0 1px 2px rgba(15,20,25,.08);--d-badge-bg:#d62976;--d-badge-ink:#ffffff;--d-progress:linear-gradient(90deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);
  --d-focus:#1a5fd0;--d-border-w:1px;--d-nav-radius:0px;--d-nav-inset:0px;--d-nav-flush:1;--d-eyebrow-case:none;--d-eyebrow-track:0}

/* 15 · Aurora (Merlino): Nordlicht Grün/Türkis/Violett auf Nachtblau, Stimmung als Leuchtwelle */
html[data-theme="aurora"]{--theme-menu-solid:#0d1a3a;color-scheme:dark;--bg:#050b1f;--surface:rgba(13,26,58,.58);--line:rgba(125,255,214,.2);--text:#eefcff;--muted:#a6bdd6;--accent:#3dffc0;--violet:#9b5cff;
  --theme-font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--theme-heading-font:var(--theme-font);--theme-heading-weight:700;
  --theme-glass:rgba(10,22,52,.55);--theme-glass-strong:rgba(7,15,38,.92);--theme-blur:blur(20px) saturate(150%);--theme-field:rgba(255,255,255,.05);--theme-raised:rgba(61,255,192,.12);
  --theme-accent-ink:#04121e;--theme-accent-soft:rgba(61,255,192,.12);--theme-accent-line:rgba(61,255,192,.55);--theme-accent-text:#7dffd6;--theme-eyebrow:#c4a6ff;
  --theme-divider:rgba(255,255,255,.08);--theme-dialog:#0b1634;--theme-backdrop:rgba(2,5,15,.8);--theme-radius:24px;--theme-radius-sm:16px;--theme-pill:22px;
  --theme-track:rgba(255,255,255,.18);--theme-knob:#a6bdd6;--theme-knob-on:#04121e;--theme-danger:#ffa3b5;--theme-ok:#3dffc0;--theme-glow:0 0 26px rgba(61,255,192,.45);
  --theme-page-bg:#050b1f;
  --premium:#c4a6ff;--premium-soft:rgba(155,92,255,.1);--premium-line:rgba(196,166,255,.36);--premium-glow:0 0 24px rgba(155,92,255,.14);
  --d-accent2:#9b5cff;--d-topbar-bg:rgba(5,11,31,.45);--d-nav-bg:rgba(7,15,38,.86);--d-card-bg:linear-gradient(160deg,rgba(61,255,192,.06),rgba(155,92,255,.06) 70%),rgba(10,22,52,.55);--d-shadow:0 12px 34px rgba(0,0,0,.35);
  --d-btn-bg:linear-gradient(120deg,#3dffc0,#19d3ff 50%,#b48cff);--d-btn-ink:#04121e;--d-btn-shadow:0 0 24px rgba(61,255,192,.4);
  --d-bubble-bg:rgba(13,26,58,.7);--d-bubble-solid:#0d1a3a;--d-bubble-ink:#eefcff;--d-bubble-user-bg:linear-gradient(120deg,#3dffc0,#19d3ff);--d-bubble-user-solid:#3dffc0;--d-bubble-user-ink:#04121e;--d-bubble-radius:22px;
  --d-stage-border:1px solid rgba(125,255,214,.35);--d-stage-radius:28px;--d-stage-ring:0 0 40px rgba(61,255,192,.18),0 0 80px rgba(155,92,255,.14);--d-badge-bg:rgba(155,92,255,.2);--d-badge-ink:#d9c6ff;--d-progress:linear-gradient(90deg,#3dffc0,#19d3ff,#9b5cff);
  --d-focus:#3dffc0;--d-border-w:1px;--d-nav-radius:26px;--d-nav-inset:12px;--d-nav-flush:0;--d-eyebrow-case:uppercase;--d-eyebrow-track:.2em}

/* ---------- 2) Gemeinsame Vorlagen-Ebene -------------------------------- */
html[data-vorlage]:root{accent-color:var(--accent)}
html[data-vorlage]:root #app>.topbar{background:var(--d-topbar-bg);border-bottom:var(--d-border-w) solid var(--theme-divider);backdrop-filter:var(--theme-blur);-webkit-backdrop-filter:var(--theme-blur);position:relative;z-index:20}
html[data-vorlage]:root .brand{font-weight:800;letter-spacing:.06em}
html[data-vorlage]:root .eyebrow{text-transform:var(--d-eyebrow-case);letter-spacing:var(--d-eyebrow-track)}
html[data-vorlage]:root h1{letter-spacing:-.02em}

/* Navigation: schwebende Kapsel (oder bündige Leiste bei --d-nav-flush:1). */
html[data-vorlage]:root #nav.bottom-nav{left:var(--d-nav-inset);right:var(--d-nav-inset);bottom:calc(var(--d-nav-inset) + env(safe-area-inset-bottom) * (1 - var(--d-nav-flush)));transform:none;width:auto;max-width:calc(640px - 2 * var(--d-nav-inset));margin:0 auto;padding:4px 6px calc(4px + env(safe-area-inset-bottom) * var(--d-nav-flush));border:var(--d-border-w) solid var(--line);border-radius:var(--d-nav-radius);background:var(--d-nav-bg);backdrop-filter:var(--theme-blur);-webkit-backdrop-filter:var(--theme-blur);box-shadow:var(--d-shadow)}
html[data-vorlage]:root #nav.bottom-nav button{position:relative;color:var(--muted);font-weight:500}
html[data-vorlage]:root #nav.bottom-nav button.active{color:var(--theme-accent-text);font-weight:700}
html[data-vorlage]:root #nav.bottom-nav button.active:after{background:var(--d-progress)}

/* Karten */
html[data-vorlage]:root #settings .settings-card,html[data-vorlage]:root .skill-feature-card,html[data-vorlage]:root .capability-group,html[data-vorlage]:root #tasks .order-card,html[data-vorlage]:root #tasks #taskList .list-item,html[data-vorlage]:root .file-tile,html[data-vorlage]:root #conversation .conversation-history,html[data-vorlage]:root #tasks .quick-links-row :is(.finance-entry,.provider-entry,.aiona-connect-card),html[data-vorlage]:root .information{background:var(--d-card-bg);border:var(--d-border-w) solid var(--line);border-radius:var(--theme-radius);box-shadow:var(--d-shadow)}
html[data-vorlage]:root .capability-group,html[data-vorlage]:root .file-tile{border-radius:var(--theme-radius-sm)}
html[data-vorlage]:root #conversation .conversation-interaction{background:none;border:0;box-shadow:none}

/* Knöpfe */
html[data-vorlage]:root .primary,html[data-vorlage]:root .send,html[data-vorlage]:root .composer .send{background:var(--d-btn-bg);color:var(--d-btn-ink);box-shadow:var(--d-btn-shadow);border:0}
html[data-vorlage]:root .primary{border-radius:var(--theme-pill);font-weight:700}
html[data-vorlage]:root .composer .send{border-radius:var(--theme-pill)}
html[data-vorlage]:root .secondary{background:var(--theme-field);color:var(--text);border:var(--d-border-w) solid var(--line);border-radius:var(--theme-pill)}
html[data-vorlage]:root .pill,html[data-vorlage]:root #conversation .avatar-controls .pill{border:var(--d-border-w) solid var(--line);border-radius:var(--theme-pill);background:var(--theme-glass);color:var(--text);backdrop-filter:var(--theme-blur);-webkit-backdrop-filter:var(--theme-blur)}
html[data-vorlage]:root #conversation .avatar-controls .pill[aria-expanded="true"]{border-color:var(--theme-accent-line);color:var(--theme-accent-text)}
html[data-vorlage]:root .orders-shortcut{border-radius:var(--theme-pill)}
html[data-vorlage]:root .suggestions button{background:var(--d-card-bg);border:var(--d-border-w) solid var(--line);border-radius:var(--theme-pill);color:var(--text)}

/* Eingabefeld */
html[data-vorlage]:root .composer{background:var(--theme-glass);border:var(--d-border-w) solid var(--line);border-radius:var(--theme-radius);box-shadow:var(--d-shadow);backdrop-filter:var(--theme-blur);-webkit-backdrop-filter:var(--theme-blur)}
html[data-vorlage]:root .composer:focus-within{border-color:var(--theme-accent-line);box-shadow:0 0 0 3px var(--theme-accent-soft),var(--d-shadow)}
html[data-vorlage]:root .composer textarea{color:var(--text)}
html[data-vorlage]:root .composer-actions .icon-button:not(.brain-quick){color:var(--text)}
html[data-vorlage]:root .ability-search,html[data-vorlage]:root .stacked select,html[data-vorlage]:root #chatSearch,html[data-vorlage]:root #chatTitle{border-radius:var(--theme-pill)}

/* Chat-Blasen: Avatar links, Nutzer rechts */
html[data-vorlage]:root .message{background:var(--d-bubble-bg);color:var(--d-bubble-ink);border:var(--d-border-w) solid var(--line);border-radius:4px var(--d-bubble-radius) var(--d-bubble-radius) var(--d-bubble-radius)}
html[data-vorlage]:root .message-head{color:var(--theme-accent-text)}
html[data-vorlage]:root .message.user{background:var(--d-bubble-user-bg);color:var(--d-bubble-user-ink);border-color:transparent;border-radius:var(--d-bubble-radius) 4px var(--d-bubble-radius) var(--d-bubble-radius)}
html[data-vorlage]:root .message.user .message-head,html[data-vorlage]:root .message.user a{color:inherit}
html[data-vorlage]:root .message.user .message-foot button{color:inherit;background:color-mix(in srgb,currentColor 12%,transparent)}

/* Avatar-Bühne und Rahmen (Höhe bleibt wie gehabt) */
html[data-vorlage]:root .avatar-stage,html[data-vorlage]:root #app #conversation .avatar-stage{border:var(--d-stage-border);border-radius:var(--d-stage-radius);box-shadow:var(--d-stage-ring)}
html[data-vorlage]:root .stage-button,html[data-vorlage]:root .connection{border-radius:var(--theme-pill)}
html[data-vorlage]:root .wave i{background:var(--d-progress)}

/* Listen */
html[data-vorlage]:root .setting,html[data-vorlage]:root .list-item,html[data-vorlage]:root .avatar-choice,html[data-vorlage]:root .quick-actions button,html[data-vorlage]:root #settings .settings-more{border-color:var(--theme-divider)}
html[data-vorlage]:root .avatar-choice img{border-radius:var(--theme-radius-sm)}

/* Abzeichen */
html[data-vorlage]:root .capability-group-count,html[data-vorlage]:root .segment-count,html[data-vorlage]:root #tasks .status-label,html[data-vorlage]:root .file-tile-badge,html[data-vorlage]:root .brand span,html[data-vorlage]:root .guest-chip-accent,html[data-vorlage]:root .category-chip[aria-pressed="true"],html[data-vorlage]:root #autonomyChip{background:var(--d-badge-bg);color:var(--d-badge-ink);border-radius:var(--theme-pill);font-weight:700}

/* Fortschritt */
html[data-vorlage]:root .top-progress-fill{background:var(--d-progress)}

/* Fokus: immer sichtbar, in Vorlagenfarbe */
html[data-vorlage]:root :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--d-focus);outline-offset:2px}

/* Glas über laufendem Video: eigene Ebene gegen Flackern (wie Bühne, r76) */
html[data-vorlage]:root :is(#app>.topbar,#nav.bottom-nav,.composer,.conversation-history,.settings-card,.connection,.stage-button,#conversation .avatar-controls .pill){backface-visibility:hidden;-webkit-backface-visibility:hidden}

/* ---------- 3) Helle Vorlagen: lesbare Flächen, dunkle Inseln ------------- */
html[data-vorlage="hell"]:root .brand{color:var(--text)}
html[data-vorlage="hell"]:root .stage-caption p{color:var(--text)}
html[data-vorlage="hell"]:root .connection,html[data-vorlage="hell"]:root .stage-button{background:rgba(255,255,255,.88);color:var(--text)}
html[data-vorlage="hell"]:root .icon-button:not(.brain-quick),html[data-vorlage="hell"]:root .text-button,html[data-vorlage="hell"]:root .pill{color:var(--text)}
html[data-vorlage="hell"]:root .stop{background:#f3c1b8;color:#2e2622}
html[data-vorlage="hell"]:root #composer.composer-busy-text .primary-slot .stop{background:rgba(154,47,34,.08);border-color:var(--theme-danger);color:var(--theme-danger)}
html[data-vorlage="hell"]:root #composer.composer-busy-text .primary-slot .send[data-queue]:not([data-queue=""])::after{background:var(--text);color:var(--bg)}
html[data-vorlage="hell"]:root .setting input[type=checkbox]:after{box-shadow:0 1px 2px rgba(0,0,0,.25)}
html[data-vorlage="hell"]:root .pair-art{filter:none}
html[data-vorlage="hell"]:root #capabilitiesPanel .capability-guide-open-text small{color:var(--text)}
html[data-vorlage="hell"]:root .skill-feature-art text{fill:var(--accent)}
html[data-vorlage="hell"]:root .skill-feature-art circle[stroke]{stroke:var(--accent)}
html[data-vorlage="hell"]:root #capabilitiesPanel .ability-category-select select option,html[data-vorlage="hell"]:root .stacked select option{background:#fff;color:#151413}
/* Module mit eigener dunkler Palette behalten ihre klassischen Tokens (wie bei Atelier/Editorial). */
html[data-vorlage="hell"]:root dialog:not(#chatDialog):not(#avatarDialog):not(#manageDialog):not(#logoutDialog):not(#taskDeleteDialog):not(#attachmentDialog):not(#scanDialog),html[data-vorlage="hell"]:root #federation,html[data-vorlage="hell"]:root .result-stage,html[data-vorlage="hell"]:root .federation,html[data-vorlage="hell"]:root .guest-code-card:not(:empty),html[data-vorlage="hell"]:root .skill-tree-dialog{color-scheme:dark;--bg:#080e1b;--surface:#111b2c;--line:#253147;--text:#f5f4f7;--muted:#9baabd;--accent:var(--theme-primary-accent);--violet:#b5acfa;--theme-field:#101c2c;--theme-raised:#23384b;--theme-accent-soft:rgba(166,242,209,.14);--theme-accent-line:#36685e;--theme-accent-text:#d5fff1;--theme-eyebrow:#9ed9d0;--theme-dialog:#0f192a;--theme-accent-ink:var(--theme-primary-ink);--theme-danger:#f5aaa5;--theme-track:#334154;--theme-knob:#9eafc3;--theme-knob-on:#dafbec;--d-card-bg:#111b2c;--d-btn-bg:var(--theme-primary-bg);--d-btn-ink:var(--theme-primary-ink);--d-bubble-bg:#111b2c;--d-bubble-ink:#f5f4f7;--d-badge-bg:rgba(166,242,209,.14);--d-badge-ink:#d5fff1;--d-shadow:none;color:var(--text)}
html[data-vorlage="hell"]:root #settings .settings-card>details.federation{background:#0f192a;border-radius:0}

/* ---------- 4) Signaturen je Vorlage ------------------------------------- */
/* Neon Pulse */
html[data-theme="neon-pulse"]:root #avatarName{background:linear-gradient(90deg,#ff7ae6,#7aeeff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
html[data-theme="neon-pulse"]:root #app #conversation .avatar-stage,html[data-theme="neon-pulse"]:root .avatar-stage{background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--d-progress) border-box}
html[data-theme="neon-pulse"]:root .avatar-choice img,html[data-theme="neon-pulse"]:root #settings .avatar-row-identity img{width:64px;height:64px;padding:3px;border-radius:50%;background:var(--d-progress);box-shadow:0 0 16px rgba(255,79,216,.45)}
html[data-theme="neon-pulse"]:root #settings .avatar-row-identity img{width:42px;height:42px;padding:2px}
html[data-theme="neon-pulse"]:root #nav.bottom-nav button.active{text-shadow:0 0 12px rgba(45,226,255,.7)}
html[data-theme="neon-pulse"]:root #nav.bottom-nav button.active:after{box-shadow:0 0 12px var(--d-accent2)}
html[data-theme="neon-pulse"]:root .message:not(.user){backdrop-filter:var(--theme-blur);-webkit-backdrop-filter:var(--theme-blur)}
html[data-theme="neon-pulse"]:root .wave i{box-shadow:0 0 8px rgba(255,79,216,.6)}

/* Sunset Pop: Polaroid-Karten, Sticker, verspielte Schalter */
html[data-theme="sunset-pop"]:root .file-tile{padding:8px 8px 22px;transform:rotate(-1.2deg)}
html[data-theme="sunset-pop"]:root .file-tile:nth-child(even){transform:rotate(1.1deg)}
html[data-theme="sunset-pop"]:root .skill-feature-card{transform:rotate(-.6deg)}
html[data-theme="sunset-pop"]:root .capability-group-count,html[data-theme="sunset-pop"]:root .segment-count,html[data-theme="sunset-pop"]:root #tasks .status-label,html[data-theme="sunset-pop"]:root .brand span{border:2px solid #ff4f7b;transform:rotate(-3deg);box-shadow:0 3px 8px rgba(255,79,123,.25)}
html[data-theme="sunset-pop"]:root .setting input:checked{background:linear-gradient(120deg,#ff9a3d,#ff4f7b)}
html[data-theme="sunset-pop"]:root .setting input[type=checkbox]:after{box-shadow:0 2px 6px rgba(43,20,32,.3)}
html[data-theme="sunset-pop"]:root #avatarName{background:linear-gradient(90deg,#e8590c,#c2185b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
html[data-theme="sunset-pop"]:root .message:not(.user){box-shadow:0 6px 16px rgba(255,79,123,.1)}

/* Clean Fresh: Kacheln, schwarze Leiste mit Lime */
html[data-theme="clean-fresh"]:root #nav.bottom-nav button{color:#b3b9aa}
html[data-theme="clean-fresh"]:root #nav.bottom-nav button.active{color:#c6f432}
html[data-theme="clean-fresh"]:root #nav.bottom-nav button.active:after{background:#c6f432}
html[data-theme="clean-fresh"]:root .composer .send{background:#0e0f0c;color:#c6f432}
html[data-theme="clean-fresh"]:root #settings .settings-card:hover,html[data-theme="clean-fresh"]:root .skill-feature-card:hover,html[data-theme="clean-fresh"]:root #tasks .quick-links-row>*:hover{border-color:#9cc21a}
html[data-theme="clean-fresh"]:root .skill-feature-card,html[data-theme="clean-fresh"]:root #tasks .quick-links-row>*{border-width:1.5px}
html[data-theme="clean-fresh"]:root h1{letter-spacing:-.035em}
html[data-theme="clean-fresh"]:root .message.user .message-head{color:#2c3d00}

/* Zauber-Kino: Videotelefonat, Sterne, Sternbild-Gehirn */
html[data-theme="zauber-kino"]:root body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 140'%3E%3Cpath fill='none' stroke='%23e8c36a' stroke-opacity='.4' stroke-width='.7' d='M40 82 45 52 70 32 100 26 130 31 155 46 165 71 155 96 130 108 100 111 70 106 50 98Z M100 26 96 60 104 84 100 111 M45 52 75 70 96 60 120 68 155 46 M50 98 78 88 104 84 130 92 155 96'/%3E%3Cg fill='%23f5e3b0'%3E%3Ccircle cx='40' cy='82' r='2.4'/%3E%3Ccircle cx='45' cy='52' r='1.6'/%3E%3Ccircle cx='70' cy='32' r='1.6'/%3E%3Ccircle cx='100' cy='26' r='2.4'/%3E%3Ccircle cx='130' cy='31' r='1.6'/%3E%3Ccircle cx='155' cy='46' r='1.6'/%3E%3Ccircle cx='165' cy='71' r='2.4'/%3E%3Ccircle cx='155' cy='96' r='1.6'/%3E%3Ccircle cx='130' cy='108' r='1.6'/%3E%3Ccircle cx='100' cy='111' r='2.4'/%3E%3Ccircle cx='70' cy='106' r='1.6'/%3E%3Ccircle cx='50' cy='98' r='1.6'/%3E%3Ccircle cx='96' cy='60' r='2.4'/%3E%3Ccircle cx='104' cy='84' r='1.6'/%3E%3Ccircle cx='75' cy='70' r='1.6'/%3E%3Ccircle cx='120' cy='68' r='2.4'/%3E%3Ccircle cx='78' cy='88' r='1.6'/%3E%3Ccircle cx='130' cy='92' r='1.6'/%3E%3C/g%3E%3C/svg%3E") right -46px top 64px/250px auto no-repeat fixed,var(--theme-page-bg)}
/* Claude 08.10.2026 (R1): Zauber-Kino setzt keine eigene Bühnenhöhe mehr (62svh zog die Bühne über die Falz); die Höhe kommt nur aus --buehne-hoehe (app.css). */
html[data-theme="zauber-kino"]:root #conversation .stage-shade{background:radial-gradient(ellipse at 50% 42%,transparent 52%,rgba(7,13,38,.78) 100%),linear-gradient(180deg,transparent 60%,rgba(7,13,38,.7) 100%)}
html[data-theme="zauber-kino"]:root #app>.topbar .connection{padding:3px 9px;background:rgba(7,13,38,.62);border:1px solid rgba(232,195,106,.5);color:var(--text)}
html[data-theme="zauber-kino"]:root .connection i{background:#ff6b6b;box-shadow:0 0 8px #ff6b6b}
html[data-theme="zauber-kino"]:root #conversation .avatar-controls .pill{background:rgba(9,15,40,.7);border-color:rgba(232,195,106,.45)}
html[data-theme="zauber-kino"]:root .message:not(.user){border-left:3px solid var(--accent)}
html[data-theme="zauber-kino"]:root #avatarName{font-style:italic}

/* Bento Vivid: knallige Kacheln, farbige Bänder */
html[data-theme="bento"]:root #settings .settings-card{border-top:6px solid #ffd23f}
html[data-theme="bento"]:root #settings .settings-card:nth-of-type(5n+2){border-top-color:#ff5ca8}
html[data-theme="bento"]:root #settings .settings-card:nth-of-type(5n+3){border-top-color:#4d8dff}
html[data-theme="bento"]:root #settings .settings-card:nth-of-type(5n+4){border-top-color:#2ee59d}
html[data-theme="bento"]:root #settings .settings-card:nth-of-type(5n+5){border-top-color:#ff8a3d}
html[data-theme="bento"]:root .skill-feature-card{--text:#0a0a0a;--muted:#262626;--line:rgba(0,0,0,.2);background:#ffd23f;color:#0a0a0a}
html[data-theme="bento"]:root #tasks .quick-links-row>*{--text:#0a0a0a;--muted:#262626;--accent:#0a0a0a;color:#0a0a0a}
html[data-theme="bento"]:root #tasks .quick-links-row>:nth-child(3n+1){background:#ff5ca8}
html[data-theme="bento"]:root #tasks .quick-links-row>:nth-child(3n+2){background:#4d8dff}
html[data-theme="bento"]:root #tasks .quick-links-row>:nth-child(3n+3){background:#2ee59d}
html[data-theme="bento"]:root .suggestions button{--text:#0a0a0a;color:#0a0a0a;background:#2ee59d}
html[data-theme="bento"]:root .suggestions button:nth-child(even){background:#ff5ca8}
html[data-theme="bento"]:root #tasks .favorite-shortcut{background:#ffd23f;color:#0a0a0a;border-color:transparent}
html[data-theme="bento"]:root .composer .send{background:#ff5ca8}
html[data-theme="bento"]:root h1{font-weight:900;letter-spacing:-.04em}

/* Liquid Glass: Milchglas über dem unscharfen Avatarfoto (Verlauf als Ersatz) */
html[data-theme="liquid-glass"]:root{background:#e9edf5}
html[data-theme="liquid-glass"]:root body{background:transparent}
html[data-theme="liquid-glass"]:root body::before,html[data-theme="liquid-glass"]:root body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}
html[data-theme="liquid-glass"]:root body::before{inset:-12%;background:var(--theme-avatar-photo,none) center 20%/cover no-repeat,var(--theme-page-bg);filter:blur(42px) saturate(160%)}
html[data-theme="liquid-glass"]:root body::after{background:linear-gradient(180deg,rgba(244,246,251,.52),rgba(244,246,251,.7))}
html[data-theme="liquid-glass"]:root .message,html[data-theme="liquid-glass"]:root #settings .settings-card,html[data-theme="liquid-glass"]:root .skill-feature-card,html[data-theme="liquid-glass"]:root #conversation .conversation-history{backdrop-filter:var(--theme-blur);-webkit-backdrop-filter:var(--theme-blur)}
html[data-theme="liquid-glass"]:root .message.user{box-shadow:0 8px 20px rgba(47,99,240,.25)}

/* Swiss Editorial: Raster, Signalrot, grosse Ziffern */
html[data-theme="swiss"]:root #app>.topbar{border-bottom:2px solid #0a0a0a}
html[data-theme="swiss"]:root .brand{text-transform:uppercase;letter-spacing:.12em}
html[data-theme="swiss"]:root #nav.bottom-nav{border-width:2px 0 0;box-shadow:none}
html[data-theme="swiss"]:root #nav.bottom-nav button.active:after{top:0;left:18%;right:18%;width:auto;height:4px;margin:0;border-radius:0;background:#e30613}
html[data-theme="swiss"]:root #tasks .ability-heading h1,html[data-theme="swiss"]:root #files .ability-heading h1,html[data-theme="swiss"]:root #settings>h1{font-size:46px;line-height:.95;letter-spacing:-.045em}
html[data-theme="swiss"]:root #tasks .ability-heading h1::after,html[data-theme="swiss"]:root #files .ability-heading h1::after,html[data-theme="swiss"]:root #settings>h1::after,html[data-theme="swiss"]:root #avatarName::after{content:".";color:#e30613}
html[data-theme="swiss"]:root #avatarName{letter-spacing:-.04em}
html[data-theme="swiss"]:root #settings{counter-reset:swiss-nr}
html[data-theme="swiss"]:root #settings .settings-card{counter-increment:swiss-nr;border-width:2px 0 0;border-color:#0a0a0a}
html[data-theme="swiss"]:root #settings .settings-card>.eyebrow::after{content:counter(swiss-nr,decimal-leading-zero);float:right;margin-left:auto;padding-left:12px;font-size:30px;font-weight:800;line-height:.9;letter-spacing:-.04em;color:#e30613}
html[data-theme="swiss"]:root .capability-group-count,html[data-theme="swiss"]:root .segment-count{background:none;color:#e30613;font-size:20px;font-weight:800;letter-spacing:-.03em}
html[data-theme="swiss"]:root .message:not(.user){border:0;border-left:3px solid #0a0a0a}
html[data-theme="swiss"]:root .primary,html[data-theme="swiss"]:root .pill{text-transform:uppercase;letter-spacing:.08em;font-weight:700}
html[data-theme="swiss"]:root .composer{border-width:2px}
html[data-theme="swiss"]:root .composer .send{background:#0a0a0a;color:#ffffff}

/* Clay Candy: Knete, Bonbons, weiche Schatten innen und aussen */
html[data-theme="clay"]:root .pill,html[data-theme="clay"]:root #conversation .avatar-controls .pill,html[data-theme="clay"]:root .secondary{background:#fdfaff;box-shadow:5px 5px 12px rgba(124,77,219,.16),-4px -4px 10px rgba(255,255,255,.9)}
html[data-theme="clay"]:root .composer{background:#fdfaff}
html[data-theme="clay"]:root .composer textarea,html[data-theme="clay"]:root .ability-search,html[data-theme="clay"]:root .stacked select{box-shadow:inset 3px 3px 7px rgba(124,77,219,.12),inset -3px -3px 7px rgba(255,255,255,.9)}
html[data-theme="clay"]:root .composer .send{background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.65) 0 10%,transparent 32%),linear-gradient(150deg,#ffa8cf,#ff6fae);color:#3a0d24;box-shadow:0 8px 16px rgba(255,111,174,.4),inset -3px -4px 8px rgba(120,10,60,.18)}
html[data-theme="clay"]:root .message{box-shadow:6px 6px 14px rgba(124,77,219,.12),-4px -4px 10px rgba(255,255,255,.85)}
html[data-theme="clay"]:root .setting input[type=checkbox]{box-shadow:inset 2px 2px 5px rgba(124,77,219,.18)}
html[data-theme="clay"]:root .setting input:checked{background:linear-gradient(150deg,#ff8fbf,#7c4ddb)}
html[data-theme="clay"]:root #nav.bottom-nav button.active:after{height:6px;width:6px;border-radius:50%}

/* J.A.R.V.I.S. HUD: Linien, Klammern, Radar */
html[data-theme="jarvis"]:root .eyebrow,html[data-theme="jarvis"]:root .brand,html[data-theme="jarvis"]:root #nav.bottom-nav button,html[data-theme="jarvis"]:root .message-head,html[data-theme="jarvis"]:root #tasks .status-label{font-family:ui-monospace,"SF Mono","Cascadia Mono","JetBrains Mono",Consolas,monospace}
html[data-theme="jarvis"]:root h1{text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 14px rgba(0,229,255,.45)}
html[data-theme="jarvis"]:root #nav.bottom-nav{border-top:1px solid rgba(0,229,255,.7);box-shadow:0 -1px 18px rgba(0,229,255,.18)}
html[data-theme="jarvis"]:root #nav.bottom-nav button.active{text-shadow:0 0 10px rgba(0,229,255,.8)}
html[data-theme="jarvis"]:root .avatar-stage::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-radial-gradient(circle at 50% 46%,transparent 0 58px,rgba(0,229,255,.12) 59px 60px),linear-gradient(90deg,transparent calc(50% - .5px),rgba(0,229,255,.16) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(46% - .5px),rgba(0,229,255,.16) calc(46% - .5px) calc(46% + .5px),transparent calc(46% + .5px))}
html[data-theme="jarvis"]:root .avatar-stage::before{content:"";position:absolute;left:50%;top:46%;width:150%;aspect-ratio:1;z-index:1;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%) rotate(0deg);background:conic-gradient(from 0deg,rgba(0,229,255,.22),transparent 18%);animation:aiona-jarvis-sweep 6s linear infinite}
@keyframes aiona-jarvis-sweep{to{transform:translate(-50%,-50%) rotate(360deg)}}
html[data-theme="jarvis"]:root .message:not(.user){border-left:2px solid var(--accent)}
html[data-theme="jarvis"]:root .composer{border-color:rgba(0,229,255,.55)}

/* Maison Noir: Magazin-Cover, Serifen, Gold */
html[data-theme="maison-noir"]:root #avatarName{font-size:clamp(36px,11vw,52px);font-weight:400;letter-spacing:.01em;line-height:1.02}
html[data-theme="maison-noir"]:root h1{font-weight:400}
html[data-theme="maison-noir"]:root .brand{letter-spacing:.32em;font-weight:500}
html[data-theme="maison-noir"]:root #nav.bottom-nav{border-width:1px 0 0;box-shadow:none}
html[data-theme="maison-noir"]:root #nav.bottom-nav button{text-transform:uppercase;letter-spacing:.14em;font-size:9.5px}
html[data-theme="maison-noir"]:root #nav.bottom-nav button.active:after{height:1px;background:var(--accent)}
html[data-theme="maison-noir"]:root .pill,html[data-theme="maison-noir"]:root .primary,html[data-theme="maison-noir"]:root .secondary{text-transform:uppercase;letter-spacing:.16em;font-size:11px}
html[data-theme="maison-noir"]:root .pill,html[data-theme="maison-noir"]:root #conversation .avatar-controls .pill{background:transparent;border-color:rgba(212,175,106,.55);color:var(--theme-accent-text)}
html[data-theme="maison-noir"]:root .capability-group-count,html[data-theme="maison-noir"]:root .segment-count,html[data-theme="maison-noir"]:root #tasks .status-label{border:1px solid rgba(212,175,106,.55)}
html[data-theme="maison-noir"]:root .message:not(.user){font-family:var(--theme-heading-font);font-size:16px}

/* Comic Pop: Panels, Konturen, Sprechblasen mit Zipfel */
html[data-theme="comic"]:root h1,html[data-theme="comic"]:root .brand{text-transform:uppercase}
html[data-theme="comic"]:root #avatarName{color:#111;text-shadow:3px 3px 0 #ffd400}
html[data-theme="comic"]:root #app>.topbar{border-bottom:3px solid #111}
html[data-theme="comic"]:root .message{position:relative;font-weight:600}
html[data-theme="comic"]:root .message::after{content:"";position:absolute;left:20px;bottom:-10px;width:16px;height:16px;background:var(--d-bubble-solid);border:solid #111;border-width:0 3px 3px 0;transform:rotate(45deg);pointer-events:none}
html[data-theme="comic"]:root .message.user::after{left:auto;right:20px;background:var(--d-bubble-user-solid)}
html[data-theme="comic"]:root #messages.messages{gap:22px;padding-bottom:12px}
html[data-theme="comic"]:root .primary:active,html[data-theme="comic"]:root .send:active,html[data-theme="comic"]:root .pill:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #111}
html[data-theme="comic"]:root .capability-group-count,html[data-theme="comic"]:root .segment-count,html[data-theme="comic"]:root #tasks .status-label{border:2px solid #111;transform:rotate(-4deg)}
html[data-theme="comic"]:root #nav.bottom-nav button.active:after{height:4px;background:#ff3b30}

/* Hygge Home: Papier, Tagebuch-Linien, Bilderrahmen */
html[data-theme="hygge"]:root #conversation .conversation-history{background:repeating-linear-gradient(180deg,transparent 0 27px,rgba(59,47,40,.07) 27px 28px),#fbf7f0}
html[data-theme="hygge"]:root .eyebrow{font-family:var(--theme-heading-font);font-style:italic;font-size:14px}
html[data-theme="hygge"]:root #avatarName{font-style:italic}
html[data-theme="hygge"]:root .message:not(.user){border-left:3px solid rgba(169,71,46,.45)}
html[data-theme="hygge"]:root .setting input:checked{background:#7d9a7f}

/* Quest: Spielkarten, Gold-Knöpfe mit Druck, Abzeichen, XP-Balken */
html[data-theme="quest"]:root h1{text-transform:uppercase;letter-spacing:.02em}
html[data-theme="quest"]:root .primary:active,html[data-theme="quest"]:root .send:active{transform:translateY(3px);box-shadow:0 1px 0 #a87400}
html[data-theme="quest"]:root .capability-group-count,html[data-theme="quest"]:root .segment-count,html[data-theme="quest"]:root #tasks .status-label{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border-radius:0;padding-left:12px;padding-right:12px}
html[data-theme="quest"]:root .top-progress{height:6px;background:#0d0a20}
html[data-theme="quest"]:root .top-progress-fill{background:repeating-linear-gradient(90deg,transparent 0 10px,rgba(13,10,32,.35) 10px 12px),var(--d-progress);box-shadow:0 0 12px rgba(61,245,139,.6)}
html[data-theme="quest"]:root #avatarName{text-shadow:0 3px 0 #0d0a20,0 0 18px rgba(255,204,51,.35)}
html[data-theme="quest"]:root #nav.bottom-nav button.active:after{height:4px;border-radius:2px;background:#ffcc33;box-shadow:0 0 10px #ffcc33}
html[data-theme="quest"]:root .avatar-choice img,html[data-theme="quest"]:root #settings .avatar-row-identity img{border:2px solid #ffcc33;box-shadow:0 0 0 2px #14112b,0 0 14px rgba(255,204,51,.4)}

/* Social Feed: Story-Kreise, Profil-Karten */
html[data-theme="social"]:root #app #conversation .avatar-stage,html[data-theme="social"]:root .avatar-stage{background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5) border-box}
html[data-theme="social"]:root .avatar-choice img,html[data-theme="social"]:root #settings .avatar-row-identity img{width:64px;height:64px;padding:2px;border:2px solid #ffffff;border-radius:50%;background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);box-sizing:content-box}
html[data-theme="social"]:root #settings .avatar-row-identity img{width:40px;height:40px}
html[data-theme="social"]:root #nav.bottom-nav{border-width:1px 0 0;box-shadow:none}
html[data-theme="social"]:root #nav.bottom-nav button.active{color:var(--text)}
html[data-theme="social"]:root #nav.bottom-nav button.active:after{background:var(--text)}
html[data-theme="social"]:root #settings .settings-card:has(>#avatarSwitchOpen){padding-bottom:4px}

/* Aurora: Nordlicht im Hintergrund, Stimmung als Leuchtwelle */
html[data-theme="aurora"]:root{background:#050b1f}
html[data-theme="aurora"]:root body{background:transparent}
html[data-theme="aurora"]:root body::before{content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(60% 35% at 20% 12%,rgba(61,255,192,.32),transparent 70%),radial-gradient(55% 32% at 80% 18%,rgba(155,92,255,.34),transparent 70%),radial-gradient(50% 28% at 50% 34%,rgba(25,211,255,.22),transparent 72%),#050b1f;animation:aiona-aurora-drift 26s ease-in-out infinite alternate}
@keyframes aiona-aurora-drift{to{transform:translate3d(4%,3%,0) scale(1.06)}}
html[data-theme="aurora"]:root .avatar-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;z-index:1;pointer-events:none;background:radial-gradient(70% 90% at 30% 100%,rgba(61,255,192,.42),transparent 70%),radial-gradient(60% 80% at 75% 100%,rgba(155,92,255,.4),transparent 70%);mix-blend-mode:screen;animation:aiona-aurora-pulse 5s ease-in-out infinite}
@keyframes aiona-aurora-pulse{50%{opacity:.55}}
html[data-theme="aurora"]:root .wave i{box-shadow:0 0 10px rgba(61,255,192,.75)}
html[data-theme="aurora"]:root #avatarName{background:linear-gradient(90deg,#7dffd6,#8fe6ff,#c4a6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* ---------- 5) Feinschliff: Akzent, Rundung, Dichte, Effekte -------------- */
html[data-vorlage][data-tune-accent]:root{--accent:var(--tune-accent-text);--theme-accent-text:var(--tune-accent-text);--theme-accent-ink:var(--tune-accent-ink);--theme-accent-soft:var(--tune-accent-soft);--theme-accent-line:var(--tune-accent-line);--theme-raised:var(--tune-accent-soft);--theme-glow:0 0 22px var(--tune-accent-soft);
  --d-btn-bg:var(--tune-accent);--d-btn-ink:var(--tune-accent-ink);--d-bubble-user-bg:var(--tune-accent);--d-bubble-user-solid:var(--tune-accent);--d-bubble-user-ink:var(--tune-accent-ink);--d-progress:linear-gradient(90deg,var(--tune-accent),var(--tune-accent));--d-focus:var(--tune-accent-text);--d-badge-bg:var(--tune-accent);--d-badge-ink:var(--tune-accent-ink)}
html[data-vorlage][data-tune-accent]:root .composer .send{background:var(--tune-accent);color:var(--tune-accent-ink)}
html[data-vorlage][data-tune-radius="eckig"]:root{--theme-radius:4px;--theme-radius-sm:3px;--theme-pill:6px;--d-bubble-radius:6px;--d-stage-radius:6px;--d-nav-radius:6px}
html[data-vorlage][data-tune-radius="rund"]:root{--theme-radius:30px;--theme-radius-sm:22px;--theme-pill:999px;--d-bubble-radius:26px;--d-stage-radius:36px;--d-nav-radius:32px}
/* Codex 23.10.2026 (Reparatur kompakte Buehne): Dichte wirkt auch beim Standarddesign; die Farbwelt bleibt. */
html:is([data-vorlage],[data-theme="klassisch"],[data-theme="buehne"])[data-tune-density="kompakt"]:root body{font-size:14px;line-height:1.42}
html:is([data-vorlage],[data-theme="klassisch"],[data-theme="buehne"])[data-tune-density="kompakt"]:root .message{padding:9px 11px}
html:is([data-vorlage],[data-theme="klassisch"],[data-theme="buehne"])[data-tune-density="kompakt"]:root .messages{gap:8px}
html:is([data-vorlage],[data-theme="klassisch"],[data-theme="buehne"])[data-tune-density="kompakt"]:root #settings .settings-card{margin:10px 0}
html:is([data-vorlage],[data-theme="klassisch"],[data-theme="buehne"])[data-tune-density="kompakt"]:root #settings .settings-card .setting{min-height:46px;padding-top:10px;padding-bottom:10px}
html:is([data-vorlage],[data-theme="klassisch"],[data-theme="buehne"])[data-tune-density="kompakt"]:root .composer{padding:7px 8px 5px}
html:is([data-vorlage],[data-theme="klassisch"],[data-theme="buehne"])[data-tune-density="kompakt"]:root #tasks .order-card,html:is([data-vorlage],[data-theme="klassisch"],[data-theme="buehne"])[data-tune-density="kompakt"]:root #tasks #taskList .list-item{min-height:0;padding-top:9px;padding-bottom:9px}
html:is([data-vorlage],[data-theme="klassisch"],[data-theme="buehne"])[data-tune-density="luftig"]:root body{font-size:16px;line-height:1.6}
html:is([data-vorlage],[data-theme="klassisch"],[data-theme="buehne"])[data-tune-density="luftig"]:root .message{padding:18px 19px}
html:is([data-vorlage],[data-theme="klassisch"],[data-theme="buehne"])[data-tune-density="luftig"]:root .messages{gap:20px}
html:is([data-vorlage],[data-theme="klassisch"],[data-theme="buehne"])[data-tune-density="luftig"]:root #settings .settings-card{margin:24px 0}
html:is([data-vorlage],[data-theme="klassisch"],[data-theme="buehne"])[data-tune-density="luftig"]:root #settings .settings-card .setting{min-height:64px;padding-top:21px;padding-bottom:21px}
html:is([data-vorlage],[data-theme="klassisch"],[data-theme="buehne"])[data-tune-density="luftig"]:root .composer{padding:15px 12px 10px 16px}
html:is([data-vorlage],[data-theme="klassisch"],[data-theme="buehne"])[data-tune-density="luftig"]:root #tasks .order-card,html:is([data-vorlage],[data-theme="klassisch"],[data-theme="buehne"])[data-tune-density="luftig"]:root #tasks #taskList .list-item{padding-top:18px;padding-bottom:18px}
html[data-vorlage][data-tune-effects="aus"]:root{--theme-glow:none;--theme-blur:none;--d-shadow:none;--d-btn-shadow:none;--d-stage-ring:none;--premium-glow:none}
html[data-vorlage][data-tune-effects="aus"]:root :is(.avatar-stage,body)::before,html[data-vorlage][data-tune-effects="aus"]:root .avatar-stage::after{animation:none}
html[data-vorlage][data-tune-effects="aus"]:root .avatar-stage::after,html[data-vorlage][data-tune-effects="aus"]:root .avatar-stage::before{opacity:.35}
html[data-vorlage][data-tune-effects="aus"]:root :is(#avatarName,h1,#nav.bottom-nav button.active){text-shadow:none}
html[data-vorlage][data-tune-effects="stark"]:root{--theme-blur:blur(30px) saturate(190%)}
html[data-vorlage][data-tune-effects="stark"]:root :is(#settings .settings-card,.skill-feature-card,.composer,#conversation .conversation-history,#nav.bottom-nav){box-shadow:var(--d-shadow),0 0 34px var(--theme-accent-soft)}
html[data-vorlage][data-tune-effects="stark"]:root :is(.primary,.send){box-shadow:var(--d-btn-shadow),0 0 30px var(--theme-accent-line)}
html[data-vorlage][data-tune-effects="stark"]:root #app #conversation .avatar-stage{box-shadow:var(--d-stage-ring),0 0 70px var(--theme-accent-soft)}
html[data-vorlage][data-tune-effects="stark"]:root .wave i{box-shadow:0 0 14px var(--theme-accent-line)}

/* ---------- 6) Weniger Bewegung ----------------------------------------- */
@media(prefers-reduced-motion:reduce){
html[data-vorlage]:root :is(.avatar-stage,body)::before,html[data-vorlage]:root .avatar-stage::after{animation:none}
html[data-vorlage]:root .theme-card,html[data-vorlage]:root .primary,html[data-vorlage]:root .send{transition:none}
}