html[data-theme="buehne"]:root{--aiona-top-inset:min(env(safe-area-inset-top),12px)}
/* Self-hosted "Schibsted Grotesk" (SIL Open Font License), variable weight 400–700.
   The gateway CSP is default-src 'self' (no Google Fonts), so the standard theme
   ships its own woff2 files; the other themes use their system-ui fallbacks. */
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/schibsted-grotesk-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/schibsted-grotesk-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF}
/* AIONA mobile themes (Welle 40). Loaded after app.css.
   Every rule is scoped to html[data-theme="…"]; "klassisch" (or no attribute)
   keeps app.css unchanged. Bühne is the default for all avatars (themes.mjs).
   Layers: 1) tokens per theme, 2) shared component layer for all non-classic
   themes (only colours/type/radius, through the tokens), 3) Bühne structure
   (Gespräch + Können, per owner template design_v2/Main + BuehneKoennen),
   4) light-theme safety (Atelier/Editorial), 5) dark islands for module
   dialogs that carry their own dark palette. DOM order and ids stay untouched. */

/* ---------- 1) Tokens ---------------------------------------------------- */
html[data-theme="klassisch"]{--theme-menu-solid:#111b2c;--theme-name:klassisch;--premium:#c4d9cf;--premium-soft:rgba(166,242,209,.07);--premium-line:rgba(166,242,209,.28);--premium-glow:none}

html[data-theme="buehne"]{--theme-menu-solid:#17110d;color-scheme:dark;--bg:#0e0a08;--surface:rgba(28,20,15,.42);--line:rgba(255,236,214,.16);--text:#fbf5ee;--muted:#c9b8a8;--accent:#ffa45c;--violet:#ffc795;
  --theme-font:'Schibsted Grotesk',system-ui,-apple-system,"Segoe UI",sans-serif;--theme-heading-font:var(--theme-font);--theme-heading-weight:600;
  --theme-glass:rgba(28,20,15,.42);--theme-glass-strong:rgba(24,17,13,.86);--theme-blur:blur(18px) saturate(140%);--theme-field:rgba(28,20,15,.42);--theme-raised:rgba(255,164,92,.14);
  --theme-accent-ink:#2a1606;--theme-accent-soft:rgba(255,164,92,.14);--theme-accent-line:rgba(255,164,92,.45);--theme-accent-text:#ffd2a8;--theme-eyebrow:#ffc795;
  --theme-divider:rgba(255,236,214,.1);--theme-dialog:#17110d;--theme-backdrop:rgba(8,5,3,.72);--theme-radius:22px;--theme-radius-sm:16px;--theme-pill:22px;
  --theme-track:rgba(255,236,214,.18);--theme-knob:#c9b8a8;--theme-knob-on:#2a1606;--theme-danger:#ffab9e;--theme-ok:#7be0a6;--theme-glow:0 0 24px rgba(255,164,92,.55);
  --theme-page-bg:#0e0a08;
  --premium:#d9b36a;--premium-soft:rgba(217,179,106,.14);--premium-line:rgba(217,179,106,.35);--premium-glow:0 0 26px rgba(217,179,106,.12)}

html[data-theme="atelier"]{--theme-menu-solid:#f4efe8;color-scheme:light;--bg:#f3ece0;--surface:#fbf7ef;--line:rgba(46,38,34,.2);--text:#2e2622;--muted:#6f6258;--accent:#a8452d;--violet:#6f8f76;
  --theme-font:Figtree,system-ui,-apple-system,"Segoe UI",sans-serif;--theme-heading-font:'Young Serif',Georgia,serif;--theme-heading-weight:400;
  --theme-glass:rgba(251,247,239,.82);--theme-glass-strong:rgba(251,247,239,.96);--theme-blur:blur(14px);--theme-field:#fbf7ef;--theme-raised:#efe2cf;
  --theme-accent-ink:#ffffff;--theme-accent-soft:rgba(194,85,58,.12);--theme-accent-line:rgba(168,69,45,.55);--theme-accent-text:#8e3a25;--theme-eyebrow:#a8452d;
  --theme-divider:rgba(46,38,34,.14);--theme-dialog:#fbf7ef;--theme-backdrop:rgba(46,38,34,.45);--theme-radius:14px;--theme-radius-sm:12px;--theme-pill:20px;
  --theme-track:#d8cbb6;--theme-knob:#fbf7ef;--theme-knob-on:#ffffff;--theme-danger:#9a2f22;--theme-ok:#4f7457;--theme-glow:0 4px 14px rgba(168,69,45,.28);
  --theme-page-bg:#f3ece0;
  --premium:#8f6a2a;--premium-soft:rgba(160,120,50,.1);--premium-line:rgba(143,106,42,.38);--premium-glow:0 2px 14px rgba(143,106,42,.12)}

html[data-theme="orbit"]{--theme-menu-solid:#0f1420;color-scheme:dark;--bg:#140b2e;--surface:rgba(255,255,255,.07);--line:rgba(255,255,255,.14);--text:#fff6fb;--muted:#c4b3dd;--accent:#ff8fc7;--violet:#7ef0d0;
  --theme-font:Fredoka,system-ui,-apple-system,"Segoe UI",sans-serif;--theme-heading-font:var(--theme-font);--theme-heading-weight:600;
  --theme-glass:rgba(255,255,255,.08);--theme-glass-strong:rgba(30,16,62,.9);--theme-blur:blur(18px);--theme-field:rgba(255,255,255,.08);--theme-raised:rgba(255,143,199,.16);
  --theme-accent-ink:#2b0f36;--theme-accent-soft:rgba(255,143,199,.16);--theme-accent-line:rgba(255,143,199,.45);--theme-accent-text:#ffc6e2;--theme-eyebrow:#7ef0d0;
  --theme-divider:rgba(255,255,255,.1);--theme-dialog:#1d1040;--theme-backdrop:rgba(10,4,26,.72);--theme-radius:26px;--theme-radius-sm:20px;--theme-pill:22px;
  --theme-track:rgba(255,255,255,.18);--theme-knob:#c4b3dd;--theme-knob-on:#2b0f36;--theme-danger:#ffb3c1;--theme-ok:#7ef0d0;--theme-glow:0 0 22px rgba(255,143,199,.5);
  --theme-page-bg:radial-gradient(circle at 50% 0%,#34175e 0%,#1a0d3a 45%,#140b2e 80%) fixed #140b2e;
  --premium:#e6c77f;--premium-soft:rgba(230,199,127,.12);--premium-line:rgba(230,199,127,.34);--premium-glow:0 0 24px rgba(230,199,127,.12)}

html[data-theme="editorial"]{--theme-menu-solid:#ffffff;color-scheme:light;--bg:#f6f4ef;--surface:#fbfaf7;--line:#d9d4ca;--text:#151413;--muted:#6d6a64;--accent:#b8341f;--violet:#3d9a62;
  --theme-font:'Instrument Sans',system-ui,-apple-system,"Segoe UI",sans-serif;--theme-heading-font:'Instrument Serif',Georgia,serif;--theme-heading-weight:400;
  --theme-glass:rgba(251,250,247,.9);--theme-glass-strong:rgba(246,244,239,.97);--theme-blur:blur(10px);--theme-field:#fbfaf7;--theme-raised:#ece8df;
  --theme-accent-ink:#ffffff;--theme-accent-soft:rgba(217,65,42,.09);--theme-accent-line:#151413;--theme-accent-text:#9e2c19;--theme-eyebrow:#b8341f;
  --theme-divider:#d9d4ca;--theme-dialog:#fbfaf7;--theme-backdrop:rgba(21,20,19,.4);--theme-radius:4px;--theme-radius-sm:3px;--theme-pill:17px;
  --theme-track:#d9d4ca;--theme-knob:#fbfaf7;--theme-knob-on:#ffffff;--theme-danger:#9e2c19;--theme-ok:#2f7a4d;--theme-glow:none;
  --theme-page-bg:#f6f4ef;
  --premium:#86662a;--premium-soft:rgba(134,102,42,.07);--premium-line:rgba(134,102,42,.42);--premium-glow:none}

html[data-theme="holo"]{--theme-menu-solid:#120e1c;color-scheme:dark;--bg:#030a1a;--surface:rgba(9,30,52,.55);--line:rgba(55,230,240,.28);--text:#e8fbff;--muted:#8fb2c6;--accent:#37e6f0;--violet:#c6ff3d;
  --theme-font:Sora,system-ui,-apple-system,"Segoe UI",sans-serif;--theme-heading-font:var(--theme-font);--theme-heading-weight:600;
  --theme-glass:rgba(9,30,52,.55);--theme-glass-strong:rgba(6,22,49,.92);--theme-blur:blur(14px);--theme-field:rgba(55,230,240,.05);--theme-raised:rgba(55,230,240,.1);
  --theme-accent-ink:#03141c;--theme-accent-soft:rgba(55,230,240,.1);--theme-accent-line:rgba(55,230,240,.7);--theme-accent-text:#9ff6fb;--theme-eyebrow:#c6ff3d;
  --theme-divider:rgba(55,230,240,.16);--theme-dialog:#061631;--theme-backdrop:rgba(1,5,14,.75);--theme-radius:14px;--theme-radius-sm:12px;--theme-pill:21px;
  --theme-track:rgba(55,230,240,.2);--theme-knob:#8fb2c6;--theme-knob-on:#03141c;--theme-danger:#ffb4b4;--theme-ok:#c6ff3d;--theme-glow:0 0 20px rgba(55,230,240,.45);
  --theme-page-bg:radial-gradient(ellipse at 50% 0%,#0b2a4a 0%,#061631 45%,#030a1a 80%) fixed #030a1a;
  --premium:#d8c27c;--premium-soft:rgba(216,194,124,.1);--premium-line:rgba(216,194,124,.34);--premium-glow:0 0 22px rgba(216,194,124,.12)}

/* ---------- 2) Shared component layer (all non-classic themes) ------------ */
/* Auf der Wurzel aufgeloestes Farbpaar bleibt in dunklen Moduldialogen erhalten. */
html[data-theme]:root{--theme-primary-accent:var(--accent);--theme-primary-bg:var(--d-btn-bg,var(--accent));--theme-primary-ink:var(--d-btn-ink,var(--theme-accent-ink))}
html[data-theme]:not([data-theme="klassisch"]){font-family:var(--theme-font)}
html[data-theme]:not([data-theme="klassisch"]) body{background:var(--theme-page-bg);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) h1,html[data-theme]:not([data-theme="klassisch"]) h2,html[data-theme]:not([data-theme="klassisch"]) .dialog-head h2{font-family:var(--theme-heading-font);font-weight:var(--theme-heading-weight)}
html[data-theme]:not([data-theme="klassisch"]) .eyebrow{color:var(--theme-eyebrow)}
html[data-theme]:not([data-theme="klassisch"]) textarea::placeholder,html[data-theme]:not([data-theme="klassisch"]) input::placeholder{color:var(--muted)}
html[data-theme]:not([data-theme="klassisch"]) .brand span{background:var(--theme-accent-soft);color:var(--theme-accent-text)}
html[data-theme]:not([data-theme="klassisch"]) .icon-button:hover,html[data-theme]:not([data-theme="klassisch"]) .pill:hover{background:var(--theme-accent-soft)}
html[data-theme]:not([data-theme="klassisch"]) .topbar-actions .work-world-open{color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .orders-shortcut{background:var(--theme-accent-soft);border:1px solid var(--theme-accent-line);color:var(--theme-accent-text);font-weight:600}
html[data-theme]:not([data-theme="klassisch"]) #identityBadge{color:var(--accent)}
html[data-theme]:not([data-theme="klassisch"]) .notice{background:var(--theme-accent-soft);border:1px solid var(--theme-accent-line);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .toast{background:var(--theme-glass-strong);border:1px solid var(--line);color:var(--text);border-radius:var(--theme-radius-sm);backdrop-filter:var(--theme-blur);-webkit-backdrop-filter:var(--theme-blur)}
html[data-theme]:not([data-theme="klassisch"]) .primary{background:var(--accent);color:var(--theme-accent-ink);border-radius:var(--theme-radius-sm)}
html[data-theme]:not([data-theme="klassisch"]) .secondary{background:var(--theme-field);color:var(--text);border:1px solid var(--line);border-radius:var(--theme-radius-sm)}
html[data-theme]:not([data-theme="klassisch"]) .send{background:var(--accent);color:var(--theme-accent-ink)}
html[data-theme]:not([data-theme="klassisch"]) .failed,html[data-theme]:not([data-theme="klassisch"]) .interrupted,html[data-theme]:not([data-theme="klassisch"]) .guest-more button,html[data-theme]:not([data-theme="klassisch"]) #settings .settings-card>#logout,html[data-theme]:not([data-theme="klassisch"]) #settings .settings-card>#logout small{color:var(--theme-danger)}
html[data-theme]:not([data-theme="klassisch"]) .warning{color:var(--theme-eyebrow)}
html[data-theme]:not([data-theme="klassisch"]) .information{background:var(--surface);border:1px solid var(--line);border-radius:var(--theme-radius)}
html[data-theme]:not([data-theme="klassisch"]) .quick-actions{border-color:var(--line);border-radius:var(--theme-radius)}
html[data-theme]:not([data-theme="klassisch"]) .quick-actions span{color:var(--accent)}

/* Conversation colours */
html[data-theme]:not([data-theme="klassisch"]) .avatar-stage,html[data-theme]:not([data-theme="klassisch"]) #app #conversation .avatar-video{background:var(--bg)}
html[data-theme]:not([data-theme="klassisch"]) .avatar-stage{border-color:var(--line)}
html[data-theme]:not([data-theme="klassisch"]) .connection{background:var(--theme-glass);color:var(--text);border:1px solid var(--line);backdrop-filter:var(--theme-blur);-webkit-backdrop-filter:var(--theme-blur)}
html[data-theme]:not([data-theme="klassisch"]) .connection i{background:var(--theme-ok)}
html[data-theme]:not([data-theme="klassisch"]) .stage-button{background:var(--theme-glass);color:var(--text);border:1px solid var(--line);backdrop-filter:var(--theme-blur);-webkit-backdrop-filter:var(--theme-blur)}
html[data-theme]:not([data-theme="klassisch"]) .stage-caption span{color:var(--muted)}
html[data-theme]:not([data-theme="klassisch"]) #conversation .conversation-interaction{background:var(--surface);border-color:var(--line);border-radius:var(--theme-radius)}
html[data-theme]:not([data-theme="klassisch"]) #conversation .conversation-interaction .avatar-heading .eyebrow{color:var(--theme-eyebrow)}
html[data-theme]:not([data-theme="klassisch"]) #conversation .conversation-history{background:var(--surface);border-color:var(--line);border-radius:var(--theme-radius)}
html[data-theme]:not([data-theme="klassisch"]) #conversation .conversation-history .conversation-heading .text-button{color:var(--theme-eyebrow)}
html[data-theme]:not([data-theme="klassisch"]) .pill{border-color:var(--line);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .composer{background:var(--theme-glass);border:1px solid var(--line);border-radius:var(--theme-radius);backdrop-filter:var(--theme-blur);-webkit-backdrop-filter:var(--theme-blur)}
html[data-theme]:not([data-theme="klassisch"]) .composer:focus-within{border-color:var(--theme-accent-line);box-shadow:0 0 0 3px var(--theme-accent-soft)}
html[data-theme]:not([data-theme="klassisch"]) .composer .response-style{background:var(--theme-accent-soft);color:var(--muted);border-radius:15px}
html[data-theme]:not([data-theme="klassisch"]) .composer .response-style:hover{background:var(--theme-raised);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .message{background:var(--surface);border:1px solid var(--line)}
html[data-theme]:not([data-theme="klassisch"]) .message.user{background:var(--theme-raised);border-color:var(--theme-accent-line)}
html[data-theme]:not([data-theme="klassisch"]) .message.user .message-head{color:var(--theme-accent-text)}
html[data-theme]:not([data-theme="klassisch"]) .message-head{color:var(--accent)}
html[data-theme]:not([data-theme="klassisch"]) .message-foot button{background:var(--theme-accent-soft);color:var(--muted)}
html[data-theme]:not([data-theme="klassisch"]) .suggestions button{color:var(--text);border-color:var(--line);background:var(--surface)}
html[data-theme]:not([data-theme="klassisch"]) .messages{scrollbar-color:var(--line) transparent}
html[data-theme]:not([data-theme="klassisch"]) .internal-notice,html[data-theme]:not([data-theme="klassisch"]) .input-queue{background:var(--surface);border-color:var(--theme-accent-line);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .input-queue li,html[data-theme]:not([data-theme="klassisch"]) .guest-archive{border-color:var(--line)}
html[data-theme]:not([data-theme="klassisch"]) .guest-archive{color:var(--muted)}
html[data-theme]:not([data-theme="klassisch"]) .annotation-card,html[data-theme]:not([data-theme="klassisch"]) .message-annotations{background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) #conversation .composer textarea.annotation-comment{background:var(--theme-field);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .selection-toolbar{background:var(--theme-glass-strong);border-color:var(--line);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .selection-toolbar button:hover,html[data-theme]:not([data-theme="klassisch"]) .selection-toolbar button:focus-visible{background:var(--theme-accent-soft);color:var(--accent)}
html[data-theme]:not([data-theme="klassisch"]) .scroll-jump-button{background:var(--theme-glass-strong);border-color:var(--line);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .voice-recovery{background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .attachment{background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .wave i{background:var(--accent)}
html[data-theme]:not([data-theme="klassisch"]) .mic.recording{background:var(--theme-accent-soft);color:var(--accent)}

/* Navigation */
html[data-theme]:not([data-theme="klassisch"]) .bottom-nav{background:var(--theme-glass-strong);border-color:var(--line)}
html[data-theme]:not([data-theme="klassisch"]) .bottom-nav button{color:var(--muted)}
html[data-theme]:not([data-theme="klassisch"]) .bottom-nav button.active{color:var(--accent)}
html[data-theme]:not([data-theme="klassisch"]) .bottom-nav button.active:after{background:var(--accent)}

/* Settings, lists, switches */
html[data-theme]:not([data-theme="klassisch"]) #settings .settings-card{background:var(--surface);border-color:var(--line);border-radius:var(--theme-radius)}
html[data-theme]:not([data-theme="klassisch"]) .setting,html[data-theme]:not([data-theme="klassisch"]) .list-item,html[data-theme]:not([data-theme="klassisch"]) .avatar-choice,html[data-theme]:not([data-theme="klassisch"]) .quick-actions button{border-color:var(--line)}
html[data-theme]:not([data-theme="klassisch"]) .setting input[type=checkbox]{background:var(--theme-track)}
html[data-theme]:not([data-theme="klassisch"]) .setting input[type=checkbox]:after{background:var(--theme-knob)}
html[data-theme]:not([data-theme="klassisch"]) .setting input:checked{background:var(--accent)}
html[data-theme]:not([data-theme="klassisch"]) .setting input:checked:after{background:var(--theme-knob-on)}
html[data-theme]:not([data-theme="klassisch"]) .stacked select,html[data-theme]:not([data-theme="klassisch"]) .pairing input,html[data-theme]:not([data-theme="klassisch"]) #chatSearch,html[data-theme]:not([data-theme="klassisch"]) #chatTitle,html[data-theme]:not([data-theme="klassisch"]) #guestName{background:var(--theme-field);border:1px solid var(--line);color:var(--text);border-radius:var(--theme-radius-sm)}
html[data-theme]:not([data-theme="klassisch"]) .theme-setting #themeScope{margin-top:8px}
html[data-theme]:not([data-theme="klassisch"]) .affect-settings{background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .affect-settings p{color:var(--muted)}
html[data-theme]:not([data-theme="klassisch"]) .affect-history,html[data-theme]:not([data-theme="klassisch"]) .affect-history article{border-color:var(--line)}
html[data-theme]:not([data-theme="klassisch"]) .mood-mismatch-hint{background:var(--theme-accent-soft);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .memory-entry{background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .memory-entry span{color:var(--muted)}
html[data-theme]:not([data-theme="klassisch"]) #settings .avatar-row-identity img{background:var(--theme-raised)}
html[data-theme]:not([data-theme="klassisch"]) .orders-settings{background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .guest-code-card:not(:empty){background:var(--surface);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .guest-chip{background:var(--theme-track);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .guest-chip-accent{background:var(--theme-accent-soft)}
html[data-theme]:not([data-theme="klassisch"]) .boot-skeleton .skeleton-block{background:linear-gradient(100deg,var(--surface) 30%,var(--theme-raised) 45%,var(--surface) 60%)}

/* Dialogs */
html[data-theme]:not([data-theme="klassisch"]) dialog{background:var(--theme-dialog);color:var(--text);border-color:var(--line);border-radius:var(--theme-radius)}
html[data-theme]:not([data-theme="klassisch"]) dialog::backdrop{background:var(--theme-backdrop)}
html[data-theme]:not([data-theme="klassisch"]) .work-world-section{background:var(--surface);border-color:var(--line)}
html[data-theme]:not([data-theme="klassisch"]) .work-world-section h3,html[data-theme]:not([data-theme="klassisch"]) .work-world-section a{color:var(--theme-accent-text)}
html[data-theme]:not([data-theme="klassisch"]) .work-world-action{border-color:var(--line)}
html[data-theme]:not([data-theme="klassisch"]) .work-world-action span,html[data-theme]:not([data-theme="klassisch"]) .work-world-state,html[data-theme]:not([data-theme="klassisch"]) #companionContent p{color:var(--muted)}
html[data-theme]:not([data-theme="klassisch"]) #companionContent details,html[data-theme]:not([data-theme="klassisch"]) .scan-pages li{border-color:var(--line)}

/* Können & Aufträge & Bibliothek */
html[data-theme]:not([data-theme="klassisch"]) #tasks .ability-heading .eyebrow{color:var(--theme-eyebrow)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .ability-tabs,html[data-theme]:not([data-theme="klassisch"]) #files .ability-tabs{background:var(--surface);border-color:var(--line);border-radius:var(--theme-radius)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .ability-tabs button,html[data-theme]:not([data-theme="klassisch"]) #files .ability-tabs button{color:var(--muted)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .ability-tabs button[aria-pressed="true"],html[data-theme]:not([data-theme="klassisch"]) #files .ability-tabs button[aria-pressed="true"]{background:var(--theme-accent-soft);color:var(--theme-accent-text);box-shadow:inset 0 0 0 1px var(--theme-accent-line)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .ability-filters label{color:var(--muted)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .ability-filters input,html[data-theme]:not([data-theme="klassisch"]) #tasks .ability-filters select{background:var(--theme-field);border-color:var(--line);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .ability-search{background:var(--theme-field);border-color:var(--line)}
html[data-theme]:not([data-theme="klassisch"]) .ability-search svg{color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) #capabilitiesPanel .ability-search input,html[data-theme]:not([data-theme="klassisch"]) .ability-search input{background:none;border:0;min-height:0}
html[data-theme]:not([data-theme="klassisch"]) #capabilitiesPanel .ability-category-select select{background:var(--theme-field);border-color:var(--line);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .category-chip{color:var(--text);border-color:var(--line)}
html[data-theme]:not([data-theme="klassisch"]) .category-chip[aria-pressed="true"]{background:var(--theme-accent-soft);color:var(--theme-accent-text)}
html[data-theme]:not([data-theme="klassisch"]) #tasks #favoritesEmpty{border-color:var(--line)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .favorite-shortcut{background:var(--theme-accent-soft);border-color:var(--theme-accent-line);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .favorite-star{color:var(--accent)}
html[data-theme]:not([data-theme="klassisch"]) .skill-feature-card{background:var(--surface);border-color:var(--line);color:var(--text);border-radius:var(--theme-radius)}
html[data-theme]:not([data-theme="klassisch"]) .capability-icon,html[data-theme]:not([data-theme="klassisch"]) .capability-group-count,html[data-theme]:not([data-theme="klassisch"]) .segment-count{background:var(--theme-accent-soft);color:var(--theme-accent-text)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .capability-item{background:var(--surface);border-color:var(--line)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .capability-item[open]{border-color:var(--theme-accent-line)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .capability-item summary small{color:var(--muted)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .capability-actions button{background:var(--theme-accent-soft);border-color:var(--theme-accent-line);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .capability-actions button:last-child{background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .capability-group{background:var(--surface);border-color:var(--line);border-radius:var(--theme-radius-sm)}
html[data-theme]:not([data-theme="klassisch"]) #capabilitiesPanel .capability-guide-open{background:var(--theme-accent-soft);border-color:var(--theme-accent-line);color:var(--text);border-radius:var(--theme-radius)}
html[data-theme]:not([data-theme="klassisch"]) #capabilitiesPanel .capability-guide-open svg{color:var(--accent)}
html[data-theme]:not([data-theme="klassisch"]) #capabilitiesPanel .capability-guide,html[data-theme]:not([data-theme="klassisch"]) #capabilitiesPanel .capability-stats-card{background:var(--surface);border-color:var(--line)}
html[data-theme]:not([data-theme="klassisch"]) #capabilitiesPanel .capability-guide-example{background:var(--theme-accent-soft);border-color:var(--theme-accent-line);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) #capabilitiesPanel .capability-guide-example small{color:var(--muted)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .quick-links-row :is(.finance-entry,.provider-entry,.aiona-connect-card){background:var(--surface);border:1px solid var(--line);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .aiona-connect-symbol{color:var(--accent)}
html[data-theme]:not([data-theme="klassisch"]) .provider-entry,html[data-theme]:not([data-theme="klassisch"]) .finance-entry,html[data-theme]:not([data-theme="klassisch"]) .aiona-connect-card{color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .provider-entry small,html[data-theme]:not([data-theme="klassisch"]) .finance-entry small,html[data-theme]:not([data-theme="klassisch"]) .aiona-connect-card small,html[data-theme]:not([data-theme="klassisch"]) #capabilitiesPanel .capability-guide-open-text small{color:var(--muted)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .catalog-note{border-color:var(--line);color:var(--muted)}
html[data-theme]:not([data-theme="klassisch"]) #tasks #taskList .list-item,html[data-theme]:not([data-theme="klassisch"]) #tasks .order-card{background:var(--surface);border-color:var(--line)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .order-card[open]{border-color:var(--theme-accent-line)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .order-card summary small,html[data-theme]:not([data-theme="klassisch"]) #tasks .order-detail h3{color:var(--muted)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .order-detail{border-color:var(--line)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .queued-orders{background:var(--surface);border-color:var(--line)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .queued-order{border-color:var(--line)}
html[data-theme]:not([data-theme="klassisch"]) #tasks #taskMore{border-color:var(--line)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .status-label{background:var(--theme-track);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .status-label.completed{background:var(--theme-accent-soft);color:var(--theme-accent-text)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .status-label:is(.failed,.interrupted,.cancelled){background:var(--theme-accent-soft);color:var(--theme-danger)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .task-select-bar{background:var(--surface);border-color:var(--line)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .task-select-bar button{background:var(--theme-accent-soft);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) #tasks .order-card summary .task-restore{background:var(--theme-accent-soft);color:var(--theme-accent-text)}
html[data-theme]:not([data-theme="klassisch"]) .file-tile{background:var(--surface);border-color:var(--line);border-radius:var(--theme-radius-sm)}
html[data-theme]:not([data-theme="klassisch"]) .file-tile-preview{background:var(--theme-raised)}
html[data-theme]:not([data-theme="klassisch"]) .file-tile-badge{background:var(--theme-glass-strong);color:var(--text)}
html[data-theme]:not([data-theme="klassisch"]) .raw-capability-list li{border-color:var(--line)}

/* ---------- 3) Bühne structure ------------------------------------------ */
/* Topbar: glass capsule. In flow on every page; on the normal Gespräch view it
   floats over the borderless portrait (needs :has(); without it the capsule
   simply stays above the stage). */
html[data-theme="buehne"]:root #app>.topbar{flex-shrink:0;height:52px;min-height:52px;margin:calc(4px + var(--aiona-top-inset)) 12px 4px;padding:0 6px 0 18px;border-radius:26px;background:var(--theme-glass);border:1px solid var(--line);backdrop-filter:var(--theme-blur);-webkit-backdrop-filter:var(--theme-blur);gap:6px;position:relative;z-index:20}
html[data-theme="buehne"]:root .conversation-keyboard #app .topbar{height:44px;min-height:44px;margin-top:calc(4px + env(safe-area-inset-top));padding-top:0;padding-bottom:0}
html[data-theme="buehne"]:root .brand{font-size:15px;font-weight:700;letter-spacing:4px;gap:8px}
html[data-theme="buehne"]:root .brand img{width:22px;height:22px}
html[data-theme="buehne"]:root .brand span{display:none}
html[data-theme="buehne"]:root .topbar-actions{gap:2px}
html[data-theme="buehne"]:root .topbar-actions .icon-button{border-radius:22px}
html[data-theme="buehne"]:root .orders-shortcut{min-height:36px;height:36px;padding:0 14px;border-radius:18px;font-size:13px}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #app:has(>main>#conversation:not(.hidden))>.topbar{position:fixed;top:0;left:50%;right:auto;transform:translateX(-50%);width:min(calc(100% - 24px),616px);margin:calc(4px + var(--aiona-top-inset)) 0 0;z-index:30;box-shadow:0 10px 30px rgba(0,0,0,.45)}html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #app:has(>main>#conversation:not(.hidden))>main{padding-top:calc(60px + var(--aiona-top-inset))}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #app:has(>main>#conversation:not(.hidden))>.notice{margin-top:calc(72px + env(safe-area-inset-top))}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #app{position:relative;padding-bottom:calc(88px + env(safe-area-inset-bottom))}

/* Floating glass navigation capsule with a short accent line on the active tab. */
html[data-theme="buehne"]:root #nav.bottom-nav{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));transform:none;width:auto;max-width:616px;margin:0 auto;height:64px;padding:0 6px;border:1px solid var(--line);border-radius:24px;background:var(--theme-glass-strong);backdrop-filter:var(--theme-blur);-webkit-backdrop-filter:var(--theme-blur);align-items:center}
html[data-theme="buehne"]:root #nav.bottom-nav button{position:relative;min-height:60px;height:60px;padding:6px 2px;justify-content:center;gap:4px;font-size:11px;font-weight:500;color:var(--muted)}
html[data-theme="buehne"]:root #nav.bottom-nav button svg{width:21px;height:21px;stroke-width:1.7}
html[data-theme="buehne"]:root #nav.bottom-nav button.active{color:var(--accent);font-weight:600}
html[data-theme="buehne"]:root #nav.bottom-nav button.active:after{top:0;left:50%;width:18px;height:2px;margin-left:-9px;border-radius:2px;background:var(--accent);box-shadow:0 0 10px var(--accent)}
html[data-theme="buehne"]:root .toast{bottom:calc(92px + env(safe-area-inset-bottom))}
html[data-theme="buehne"]:root .scroll-jump-buttons{bottom:calc(96px + env(safe-area-inset-bottom))}

/* Gespräch (normal view): borderless portrait on top, name overlapping its
   lower edge, actions, compact status, composer. Order only via CSS. */
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #app #conversation{padding:0 12px 18px;gap:14px}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .conversation-interaction{background:none;border:0;border-radius:0;padding:0;justify-content:flex-start}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .conversation-interaction>*{order:3}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .conversation-interaction>.avatar-stage,html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .conversation-interaction>.result-stage{order:0}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .conversation-interaction>.avatar-heading{order:1}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .conversation-interaction>.stage-caption{order:2}
/* Claude 08.10.2026 (R1): Bühne-Design setzt keine Höhe mehr (64svh / flex:1 0 auto zogen sie in den Restplatz), nur den Rand als Variable; die Höhe kommt aus --buehne-hoehe (app.css). Der Schatten unten ist nur noch eine Abdunkelung für die Schrift, kein schwarzes Feld. */
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #app #conversation .avatar-stage{margin:0 -12px;--buehne-rand:0px;border:0;border-radius:0;background:var(--bg)}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .result-stage{margin-top:calc(72px + env(safe-area-inset-top))}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #app #conversation .portrait,html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #app #conversation .avatar-video{object-position:center 18%}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .stage-shade{background:linear-gradient(180deg,rgba(14,10,8,.5) 0%,rgba(14,10,8,0) 16%,rgba(14,10,8,0) 58%,rgba(14,10,8,.42) 82%,rgba(14,10,8,.62) 100%)}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .connection{top:calc(76px + env(safe-area-inset-top));left:12px;height:28px;padding:0 12px;border-radius:14px;font-size:12px}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .connection i{width:7px;height:7px}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .stage-button{top:calc(72px + env(safe-area-inset-top));right:12px;width:40px;height:40px;min-width:40px;min-height:40px}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #app #conversation .avatar-heading{position:relative;z-index:2;margin:-138px 4px 0;min-height:0;gap:14px}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .avatar-heading .eyebrow{display:block;font-size:12px;font-weight:500;letter-spacing:2.4px;color:#ffc795;text-shadow:0 1px 10px rgba(14,10,8,.6)}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .avatar-heading h1#avatarName{font-size:clamp(34px,11vw,46px);line-height:1.08;font-weight:600;letter-spacing:-1.6px;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 18px rgba(14,10,8,.55)}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .avatar-heading h1#avatarName.avatar-name-wrap{white-space:normal;font-size:clamp(30px,9vw,40px)}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .stage-caption{position:relative;z-index:2;padding:18px 4px 0;gap:10px}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .stage-caption p{font-size:13px;margin:0}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .stage-caption span{font-size:11px;line-height:1.35}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .composer{margin-top:12px}
html[data-theme="buehne"]:root #conversation .avatar-controls,html[data-theme="buehne"]:root .avatar-controls{flex-direction:row;flex-wrap:nowrap;gap:8px;width:100%}
html[data-theme="buehne"]:root #conversation .avatar-controls .pill{flex:1 1 0;min-width:0;height:44px;min-height:44px;padding:0 8px;border-radius:22px;background:rgba(28,20,15,.42);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,236,214,.16);color:#fbf5ee;font-size:13px;font-weight:500;justify-content:center;text-align:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="buehne"]:root #conversation .avatar-controls .pill:hover{background:rgba(255,164,92,.16)}
html[data-theme="buehne"]:root #conversation .avatar-controls .pill[aria-expanded="true"]{border-color:var(--theme-accent-line);color:var(--theme-accent-text)}
@media(max-width:420px){
html[data-theme="buehne"]:root .avatar-controls,html[data-theme="buehne"]:root #conversation .avatar-controls{flex-direction:row}
html[data-theme="buehne"]:root #conversation .avatar-heading .eyebrow{letter-spacing:2px}
}
@media(max-width:340px){
html[data-theme="buehne"]:root #conversation .avatar-controls .pill{font-size:12px;padding:0 4px}
}

/* Composer: glass card, radius 26, accent send button with glow. */
html[data-theme="buehne"]:root .composer{background:rgba(28,20,15,.42);border:1px solid rgba(255,236,214,.16);border-radius:26px;padding:12px 8px 8px 14px;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
html[data-theme="buehne"]:root #conversation .composer{padding:12px 8px 8px 14px}
html[data-theme="buehne"]:root .composer textarea::placeholder{color:#c9b8a8;font-size:15px}
html[data-theme="buehne"]:root .composer textarea{font-size:16px}
html[data-theme="buehne"]:root .composer .send{width:44px;height:44px;min-width:44px;border-radius:22px;background:#ffa45c;color:#2a1606;box-shadow:0 0 24px rgba(255,164,92,.55)}
html[data-theme="buehne"]:root .composer .response-style{height:30px;min-height:30px;border-radius:15px;background:rgba(255,236,214,.08);color:#c9b8a8;font-size:12px;padding:0 10px}
html[data-theme="buehne"]:root .composer-actions .icon-button{color:var(--text)}
/* Claude 28.09.2026 abends (Eigentümer: „ein kleines interaktiv leuchtend oranges gehirn“): die Zeile oben färbte auch das
   Gehirn-Symbol weiss (Befund im Frontend: color rgb(251,245,238)). Das Gehirn bleibt in jedem Design leuchtend orange. */
html[data-theme]:root .composer-actions .icon-button.brain-quick,.composer-actions .icon-button.brain-quick{color:#FF8A1A;border:1px solid rgba(255,138,26,.75);border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(255,138,26,.30),rgba(255,138,26,.07) 68%,transparent 72%);box-shadow:0 0 10px rgba(255,138,26,.55),inset 0 0 8px rgba(255,138,26,.25)}
html[data-theme]:root .composer-actions .icon-button.brain-quick svg,.composer-actions .icon-button.brain-quick svg{width:24px;height:24px;filter:drop-shadow(0 0 4px rgba(255,138,26,.85))}
.icon-button.brain-quick .bq-brain{fill:currentColor}
html[data-theme]:root .composer-actions .icon-button.brain-quick:hover,html[data-theme]:root .composer-actions .icon-button.brain-quick:focus-visible{color:#ffb15f;box-shadow:0 0 16px rgba(255,138,26,.8),inset 0 0 10px rgba(255,138,26,.35)}
html[data-theme="buehne"]:root #composer.composer-busy-text .primary-slot .send[data-queue]:not([data-queue=""])::after{background:#2a1606;color:#ffa45c}
html[data-theme="buehne"]:root .stop{background:#ffab9e;color:#2a1606}

/* Conversation history, messages: warm glass instead of the violet card. */
html[data-theme="buehne"]:root #conversation .conversation-history{background:var(--theme-glass);border:1px solid var(--line);border-radius:22px;backdrop-filter:var(--theme-blur);-webkit-backdrop-filter:var(--theme-blur)}
html[data-theme="buehne"]:root .message{border-radius:4px 18px 18px 18px}
html[data-theme="buehne"]:root .message.user{border-radius:18px 4px 18px 18px}

/* Können (Bühne): big heading, glass search capsule with magnifier, category
   capsule, three glass row cards with a round accent icon and a round arrow,
   "ALLE FÄHIGKEITEN" eyebrow and the groups as thin divided rows. */
html[data-theme="buehne"]:root #tasks .ability-heading{padding:6px 0 4px}
html[data-theme="buehne"]:root #tasks .ability-heading h1,html[data-theme="buehne"]:root #files .ability-heading h1{font-size:40px;line-height:1.05;font-weight:600;letter-spacing:-1.4px;margin:8px 0 6px}
html[data-theme="buehne"]:root #settings>h1{font-size:40px;line-height:1.05;font-weight:600;letter-spacing:-1.4px}
html[data-theme="buehne"]:root #tasks .ability-tabs,html[data-theme="buehne"]:root #files .ability-tabs{border-radius:24px;padding:4px;background:var(--theme-glass);backdrop-filter:var(--theme-blur);-webkit-backdrop-filter:var(--theme-blur)}
html[data-theme="buehne"]:root #tasks .ability-tabs button,html[data-theme="buehne"]:root #files .ability-tabs button{border-radius:20px;min-height:44px}
html[data-theme="buehne"]:root #capabilitiesPanel .ability-filters{gap:12px}
html[data-theme="buehne"]:root .ability-search{height:50px;border-radius:25px;padding:0 16px;background:rgba(28,20,15,.42);border:1px solid rgba(255,236,214,.16);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
html[data-theme="buehne"]:root .ability-search svg{width:19px;height:19px;color:#fbf5ee;stroke-width:1.7}
html[data-theme="buehne"]:root .ability-search input,html[data-theme="buehne"]:root #capabilitiesPanel .ability-search input{font-size:15px}
html[data-theme="buehne"]:root #capabilitiesPanel .ability-category-select select{min-height:44px;height:44px;border-radius:22px;padding:0 42px 0 16px;background:transparent;border:1px solid rgba(255,236,214,.16);color:var(--text);font-size:14px}
html[data-theme="buehne"]:root #capabilitiesPanel .ability-category-select select option{background:#17110d;color:#fbf5ee}
html[data-theme="buehne"]:root #capabilitiesPanel .ability-category-chevron{right:16px;width:18px;height:18px;color:var(--text)}
html[data-theme="buehne"]:root #capabilitiesPanel .quick-links-row{gap:10px;margin:16px 0 8px}
html[data-theme="buehne"]:root #capabilitiesPanel .quick-links-row :is(.finance-entry,.provider-entry,.aiona-connect-card){position:relative;min-height:78px;padding:0 12px 0 68px;gap:12px;border-radius:22px;background:rgba(28,20,15,.42);border:1px solid rgba(255,236,214,.16);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);color:var(--text)}
html[data-theme="buehne"]:root #capabilitiesPanel .quick-links-row :is(.finance-entry,.provider-entry,.aiona-connect-card)::before{content:"";position:absolute;left:12px;top:50%;width:44px;height:44px;margin-top:-22px;border-radius:22px;background:rgba(255,164,92,.14) no-repeat center/20px 20px}
html[data-theme="buehne"]:root #capabilitiesPanel .quick-links-row .finance-entry::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffa45c' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='M7 15l4-4 3 3 5-6'/%3E%3C/svg%3E")}
html[data-theme="buehne"]:root #capabilitiesPanel .quick-links-row .provider-entry::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffa45c' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.7 1.7'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.7-1.7'/%3E%3C/svg%3E")}
html[data-theme="buehne"]:root #capabilitiesPanel .quick-links-row .aiona-connect-card::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffa45c' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='12' r='2.5'/%3E%3Ccircle cx='19' cy='5' r='2.5'/%3E%3Ccircle cx='19' cy='19' r='2.5'/%3E%3Cpath d='M7.3 11l9.4-5M7.3 13l9.4 5'/%3E%3C/svg%3E")}
/* Welle 65: Avatar-Treffen-Kachel mit eigenem Sprechblasen-Symbol statt des Verbinden-Symbols. */
html[data-theme="buehne"]:root #capabilitiesPanel .quick-links-row #avatarMeetingOpen::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffa45c' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h11a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H9l-4 3v-3H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2z'/%3E%3Cpath d='M17 9h3a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-1v3l-4-3h-3'/%3E%3C/svg%3E")}
html[data-theme="buehne"]:root #capabilitiesPanel .quick-links-row .aiona-connect-symbol{display:none}
html[data-theme="buehne"]:root #capabilitiesPanel .capability-link-text{gap:3px}
html[data-theme="buehne"]:root #capabilitiesPanel .capability-link-text strong{font-size:14.5px;font-weight:600;color:var(--text)}
html[data-theme="buehne"]:root #capabilitiesPanel .capability-link-text small{font-size:12.5px;color:#c9b8a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="buehne"]:root #capabilitiesPanel .capability-link-chevron{width:32px;height:32px;padding:8px;border-radius:16px;border:1px solid rgba(255,236,214,.2);color:var(--text);stroke-width:1.7}
html[data-theme="buehne"]:root #capabilitiesPanel .capability-guide-open{border-radius:22px;min-height:64px}
html[data-theme="buehne"]:root .skill-feature-card{border-radius:22px;background:var(--theme-glass);backdrop-filter:var(--theme-blur);-webkit-backdrop-filter:var(--theme-blur)}
html[data-theme="buehne"]:root .skill-feature-chevron{width:32px;height:32px;padding:8px;border-radius:16px;border:1px solid rgba(255,236,214,.2);color:var(--text)}
html[data-theme="buehne"]:root #tasks .favorite-shortcut{border-radius:20px}
html[data-theme="buehne"]:root #capabilitiesPanel .capability-list{gap:0;margin-top:22px}
html[data-theme="buehne"]:root #capabilitiesPanel .capability-list::before{content:"Alle Fähigkeiten";display:block;font-size:12px;font-weight:500;letter-spacing:2.4px;text-transform:uppercase;color:#ffc795;margin:0 0 4px}
html[data-theme="buehne"]:root[lang="en"] #capabilitiesPanel .capability-list::before{content:"All capabilities"}
html[data-theme="buehne"]:root #capabilitiesPanel .capability-list:empty::before{content:none}
html[data-theme="buehne"]:root .capability-group{margin:0;border:0;border-bottom:1px solid rgba(255,236,214,.1);border-radius:0;background:none;overflow:visible}
html[data-theme="buehne"]:root .capability-group>summary{min-height:48px;padding:0;font-size:15px;font-weight:400}
html[data-theme="buehne"]:root .capability-group>summary::after{border-color:#c9b8a8;width:8px;height:8px;margin-right:5px;transform:rotate(45deg)}
html[data-theme="buehne"]:root .capability-group[open]>summary::after{transform:rotate(-135deg)}
html[data-theme="buehne"]:root .capability-group-count{background:none;color:#c9b8a8;font-weight:500;padding:0}
html[data-theme="buehne"]:root .capability-group-body{padding:4px 0 14px}
html[data-theme="buehne"]:root #tasks .capability-item{border-radius:18px;background:var(--theme-glass);border:1px solid var(--line)}
html[data-theme="buehne"]:root .capability-icon{border-radius:20px;background:rgba(255,164,92,.14);color:#ffa45c}
html[data-theme="buehne"]:root .ability-more,html[data-theme="buehne"]:root #tasks .ability-more.settings-expert{border-color:rgba(255,236,214,.1)}

/* Settings: glass cards. */
html[data-theme="buehne"]:root #settings .settings-card{border-radius:22px;background:var(--theme-glass);backdrop-filter:var(--theme-blur);-webkit-backdrop-filter:var(--theme-blur)}
html[data-theme="buehne"]:root #settings .settings-card>.eyebrow{font-size:12px;font-weight:500;letter-spacing:2.4px}
html[data-theme="buehne"]:root .stacked select{border-radius:22px;padding:11px 16px}
html[data-theme="buehne"]:root .stacked select option{background:#17110d;color:#fbf5ee}
html[data-theme="buehne"]:root dialog{background:rgba(23,17,13,.94);backdrop-filter:var(--theme-blur);-webkit-backdrop-filter:var(--theme-blur)}

/* ---------- 4) Other themes: small signature touches (tokens only) -------- */
html:is([data-theme="orbit"],[data-theme="holo"]):root .send,html:is([data-theme="orbit"],[data-theme="holo"]):root .primary{box-shadow:var(--theme-glow)}
html[data-theme="orbit"]:root .send, html[data-theme="orbit"]:root .primary{background:linear-gradient(135deg,#ff8fc7 0%,#ffc56b 100%)}
html[data-theme="orbit"]:root .pill, html[data-theme="orbit"]:root .orders-shortcut{border-radius:22px}
html[data-theme="holo"]:root h1{letter-spacing:-.6px}
html[data-theme="holo"]:root .bottom-nav{border-top:1px solid rgba(55,230,240,.45)}
html[data-theme="editorial"]:root #app>.topbar{border-bottom:1px solid #151413}
html[data-theme="editorial"]:root .composer{border:1px solid #151413;box-shadow:none}
html[data-theme="editorial"]:root .eyebrow, html[data-theme="editorial"]:root .orders-shortcut{text-transform:uppercase;letter-spacing:1.6px}
html[data-theme="editorial"]:root .bottom-nav button.active:after{top:0;width:44px;height:3px;border-radius:0}
html[data-theme="atelier"]:root .settings-card, html[data-theme="atelier"]:root .composer, html[data-theme="atelier"]:root .skill-feature-card{box-shadow:0 1px 0 rgba(46,38,34,.08)}
html[data-theme="atelier"]:root #app #conversation .avatar-stage{border:1.5px solid #2e2622}

/* ---------- 5) Light themes: readable surfaces --------------------------- */
html:is([data-theme="atelier"],[data-theme="editorial"]):root .brand{color:var(--text)}
html:is([data-theme="atelier"],[data-theme="editorial"]):root .stage-caption p{color:var(--text)}
html:is([data-theme="atelier"],[data-theme="editorial"]):root .connection,html:is([data-theme="atelier"],[data-theme="editorial"]):root .stage-button{background:rgba(251,247,239,.86)}
html:is([data-theme="atelier"],[data-theme="editorial"]):root .icon-button,html:is([data-theme="atelier"],[data-theme="editorial"]):root .text-button,html:is([data-theme="atelier"],[data-theme="editorial"]):root .pill{color:var(--text)}
html:is([data-theme="atelier"],[data-theme="editorial"]):root .stop{background:#e3b3a8;color:#2e2622}
html:is([data-theme="atelier"],[data-theme="editorial"]):root #composer.composer-busy-text .primary-slot .stop{background:rgba(154,47,34,.08);border-color:var(--theme-danger);color:var(--theme-danger)}
html:is([data-theme="atelier"],[data-theme="editorial"]):root #composer.composer-busy-text .primary-slot .send[data-queue]:not([data-queue=""])::after{background:var(--text);color:var(--bg)}
html:is([data-theme="atelier"],[data-theme="editorial"]):root .setting input[type=checkbox]:after{box-shadow:0 1px 2px rgba(0,0,0,.25)}
html:is([data-theme="atelier"],[data-theme="editorial"]):root .pair-art{filter:none}
html:is([data-theme="atelier"],[data-theme="editorial"]):root #capabilitiesPanel .capability-guide-open-text small{color:var(--text)}
html:is([data-theme="atelier"],[data-theme="editorial"]):root .skill-feature-art text{fill:var(--accent)}
html:is([data-theme="atelier"],[data-theme="editorial"]):root .skill-feature-art circle[stroke]{stroke:var(--accent)}
html:is([data-theme="atelier"],[data-theme="editorial"]):root #capabilitiesPanel .ability-category-select select option,html:is([data-theme="atelier"],[data-theme="editorial"]):root .stacked select option{background:#fff;color:#151413}

/* Dark islands: module dialogs and panels with their own dark palette keep the
   classic tokens inside light themes, so their hard-coded light text stays
   readable (to be themed properly in a later wave). */
html:is([data-theme="atelier"],[data-theme="editorial"]):root dialog:not(#chatDialog):not(#avatarDialog):not(#manageDialog):not(#logoutDialog):not(#taskDeleteDialog):not(#attachmentDialog):not(#scanDialog),html:is([data-theme="atelier"],[data-theme="editorial"]):root #federation,html:is([data-theme="atelier"],[data-theme="editorial"]):root .result-stage,html:is([data-theme="atelier"],[data-theme="editorial"]):root .federation,html:is([data-theme="atelier"],[data-theme="editorial"]):root .guest-code-card:not(:empty),html:is([data-theme="atelier"],[data-theme="editorial"]):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;color:var(--text)}
html:is([data-theme="atelier"],[data-theme="editorial"]):root #settings .settings-card>details.federation{background:#0f192a;border-radius:0}

/* ------------------------------------------------------------------------
   Welle 44 – Bühne-Feinschliff nach Eigentümer-Rückmeldung 17.09 08:48:
   1) kein horizontaler Scrollbalken (die randlose Bühne ragt mit -12px aus
      dem gepolsterten #conversation heraus; main ist der Scrollcontainer),
   2) erste Handyseite = Bühne, Name, Knöpfe, Textfeld – der Verlauf beginnt
      erst unter der Falz (die Bühne füllt die restliche Höhe),
   3) die Statuszeile „Ich bin für dich da“ steht mit Luft zwischen den
      Knöpfen und dem Textfeld (Entwurf: ~50px Abstand), zentriert mit Welle –
      Eigentümer 09:12: sie soll automatisch eingeblendet bleiben,
   4) Composer: kein „Text oder Sprache“ im Ruhezustand, „Ausgewogen“ wird
      nicht mehr abgeschnitten,
   5) der Sprung-Knopf „ganz nach unten“ erscheint erst, wenn man die
      Startseite verlassen hat (er lag sonst auf dem Sende-Knopf).
   ------------------------------------------------------------------------ */
html[data-theme="buehne"]:root body{overflow-x:hidden}
html[data-theme="buehne"]:root #mainContent{overflow-x:hidden}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .conversation-interaction{display:flex;flex-direction:column;min-height:0}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #app #conversation .avatar-stage{flex:0 0 auto}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .conversation-interaction>.composer{margin-top:12px}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .stage-caption{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 4px 24px;padding:0;min-height:0;text-align:left;bottom:auto;left:auto;right:auto}
/* app.css positions the caption absolutely (bottom:20px); relative in Bühne, so the offsets must be neutralised or it climbs 20px into the buttons. */
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .conversation-interaction>*:not(.avatar-stage){flex-shrink:0}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .stage-caption>div:last-child{min-width:0}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .stage-caption p{font-size:13.5px;font-weight:500;color:var(--text);margin:0}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .stage-caption span{font-size:11px;color:var(--muted);line-height:1.35}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .stage-caption .wave{flex:0 0 30px}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .stage-caption .wave i{background:var(--accent)}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .conversation-interaction>.avatar-heading{margin-bottom:0}
html[data-theme="buehne"]:root .composer .input-status{display:none}
html[data-theme="buehne"]:root #composer:has(#stop:not(.hidden)) .input-status{display:block}
html[data-theme="buehne"]:root .composer .response-style,html[data-theme="buehne"]:root #conversation .response-style{flex:0 0 auto;width:auto;min-width:0;max-width:150px;padding:0 8px 0 10px}
html[data-theme="buehne"]:root body.scroll-at-start #scrollToBottom{display:none}

/* Eigentümer 10:29: Avatarname immer mittig direkt unter „Dein persönlicher Assistent“
   (bei „AI Kevin“ stand er linksbündig); etwas kleiner als zuvor, aber klar grösser
   als die Eyebrow-Zeile. */
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .avatar-heading>div:first-child{width:100%;text-align:center}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .avatar-heading .eyebrow{text-align:center}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .avatar-heading h1#avatarName{text-align:center;font-size:clamp(30px,9.5vw,40px);letter-spacing:-1.2px;margin-left:auto;margin-right:auto}

/* Welle 54: "Avatar einstellen" in Bühne. Detailmodus (body.avatar-focus): the
   floating topbar capsule, Verbunden, sound button, eyebrow, name and the action
   row fade out (app.css), the stage already reaches the status line here. The
   invisible heading must not swallow taps on the lower part of the picture.
   Einstellmodus: the action bar sits directly under the picture. */
html[data-theme="buehne"]:root body.avatar-focus #conversation .avatar-heading{pointer-events:none}
html[data-theme="buehne"]:root body:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #conversation .conversation-interaction>.avatar-frame-bar{order:0;margin:10px 0 0}
html[data-theme="buehne"]:root body.avatar-frame-editing:not(.avatar-expanded):not(.chat-expanded):not(.conversation-keyboard) #app #conversation .avatar-heading{margin-top:12px}
html[data-theme="buehne"]:root #conversation .avatar-controls #avatarEnlarge{flex:1.3 1 0}
html[data-theme="buehne"]:root #stage .avatar-frame-floating{background:rgba(28,20,15,.42);border-color:rgba(255,236,214,.16);color:#fbf5ee;bottom:16px;right:16px}
html[data-theme="buehne"]:root .avatar-frame-save{background:#ffa45c;color:#2a1606;box-shadow:0 0 18px rgba(255,164,92,.4)}

/* ---------- 6) Welle 70: "Dein Avatar" premium ---------------------------
   Owner 17.09.: everything that belongs to the avatar is highlighted – golden,
   but not garish; noble, premium. Only through the --premium tokens set in
   section 1 for every theme (Bühne: muted gold #d9b36a). Cards: head row with
   portrait + Charakter & Ausdruck + Design (DEIN AVATAR), Gespräch & Stimme,
   Gedächtnis & Wissen – fine gold edge, soft gradient, gold eyebrow and icons.
   No new ids/classes in the markup: the cards are addressed through :has(). */
html[data-theme]:root #settings .settings-card:has(>#avatarSwitchOpen),html[data-theme]:root #settings .settings-card:has(#voiceToggle),html[data-theme]:root #settings .settings-card:has(#memorySettingsOpen){border-color:var(--premium-line);background-image:linear-gradient(158deg,var(--premium-soft) 0%,transparent 62%);box-shadow:var(--premium-glow),inset 0 1px 0 var(--premium-soft)}
html[data-theme]:root #settings .settings-card:has(>#avatarSwitchOpen)>.eyebrow,html[data-theme]:root #settings .settings-card:has(#voiceToggle)>.eyebrow,html[data-theme]:root #settings .settings-card:has(#memorySettingsOpen)>.eyebrow{color:var(--premium);display:flex;align-items:center}
html[data-theme]:root #settings .settings-card:has(>#avatarSwitchOpen)>.eyebrow::before{content:"";display:inline-block;flex-shrink:0;width:15px;height:15px;margin:0 8px 0 0;vertical-align:-3px;background:var(--premium);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3Cpath d='M19 3l.6 1.4L21 5l-1.4.6L19 7l-.6-1.4L17 5l1.4-.6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3Cpath d='M19 3l.6 1.4L21 5l-1.4.6L19 7l-.6-1.4L17 5l1.4-.6z'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-theme]:root #settings .settings-card:has(#voiceToggle)>.eyebrow::before{content:"";display:inline-block;flex-shrink:0;width:15px;height:15px;margin:0 8px 0 0;vertical-align:-3px;background:var(--premium);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10v4M8 7v10M12 4v16M16 7v10M20 10v4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10v4M8 7v10M12 4v16M16 7v10M20 10v4'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-theme]:root #settings .settings-card:has(#memorySettingsOpen)>.eyebrow::before{content:"";display:inline-block;flex-shrink:0;width:15px;height:15px;margin:0 8px 0 0;vertical-align:-3px;background:var(--premium);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4a3 3 0 0 0-3 3 3 3 0 0 0-2 5 3 3 0 0 0 2 5 3 3 0 0 0 3 3h1V4z'/%3E%3Cpath d='M15 4a3 3 0 0 1 3 3 3 3 0 0 1 2 5 3 3 0 0 1-2 5 3 3 0 0 1-3 3h-1V4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4a3 3 0 0 0-3 3 3 3 0 0 0-2 5 3 3 0 0 0 2 5 3 3 0 0 0 3 3h1V4z'/%3E%3Cpath d='M15 4a3 3 0 0 1 3 3 3 3 0 0 1 2 5 3 3 0 0 1-2 5 3 3 0 0 1-3 3h-1V4z'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-theme]:root #settings #avatarSwitchOpen .avatar-row-identity img{box-shadow:0 0 0 1.5px var(--premium-line),0 0 0 4px var(--premium-soft)}
html[data-theme]:root #settings #avatarSwitchOpen .value{color:var(--premium)}
html[data-theme]:root #settings #characterExpression{border-top-color:var(--premium-line)}
html[data-theme]:root #settings #characterExpression>h2{display:flex;align-items:center}
html[data-theme]:root #settings #characterExpression>h2::before{content:"";display:inline-block;flex-shrink:0;width:15px;height:15px;margin:0 8px 0 0;vertical-align:-3px;background:var(--premium);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.4 6.8 19.1l1-5.8L3.5 9.2l5.9-.9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.4 6.8 19.1l1-5.8L3.5 9.2l5.9-.9z'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-theme]:root #settings .theme-setting::before{content:"";display:inline-block;flex-shrink:0;width:15px;height:15px;margin:0 8px 0 0;vertical-align:-3px;background:var(--premium);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18c1.2 0 2-.8 2-2 0-.6-.3-1-.6-1.4-.3-.4-.6-.8-.6-1.4 0-1.1.9-2 2-2H17a4 4 0 0 0 4-4c0-4-4-7.2-9-7.2z'/%3E%3Ccircle cx='7.5' cy='11' r='1'/%3E%3Ccircle cx='10' cy='7' r='1'/%3E%3Ccircle cx='15' cy='7' r='1'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18c1.2 0 2-.8 2-2 0-.6-.3-1-.6-1.4-.3-.4-.6-.8-.6-1.4 0-1.1.9-2 2-2H17a4 4 0 0 0 4-4c0-4-4-7.2-9-7.2z'/%3E%3Ccircle cx='7.5' cy='11' r='1'/%3E%3Ccircle cx='10' cy='7' r='1'/%3E%3Ccircle cx='15' cy='7' r='1'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-theme]:root #settings .settings-card:has(>#avatarSwitchOpen) .setting input:checked,html[data-theme]:root #settings .settings-card:has(#voiceToggle) .setting input:checked{box-shadow:0 0 0 1px var(--premium-line)}
html[data-theme]:root #settings .theme-own-choices{display:grid;gap:6px;margin:0 16px 12px;padding:10px 12px;border:1px solid var(--premium-line);border-radius:var(--theme-radius-sm,12px);background:var(--premium-soft);font-size:12px;color:var(--text)}
html[data-theme]:root #settings .theme-own-choice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px}
html[data-theme]:root #settings .theme-own-reset{min-height:36px;color:var(--premium);text-decoration:underline;text-underline-offset:3px}
html[data-theme]:root #settings .tester-compact{display:grid;gap:2px;padding:0 16px 8px}
html[data-theme]:root #settings .tester-compact:empty{display:none}
html[data-theme]:root #settings .tester-compact-count{font-size:15px}
html[data-theme]:root #settings #testerCenterOpen{border-top:1px solid var(--line)}
/* Welle 81: Kopplungsseite mit Bühne-Logo (aus dem Desktop-Branding), einheitliches Design überall */
html[data-theme]:not([data-theme="klassisch"]) .pair-art{margin:6px 0 34px;filter:drop-shadow(0 0 40px rgba(255,164,92,.22))}
html[data-theme]:not([data-theme="klassisch"]) .pair-art img{width:min(240px,62vw);height:auto}
html[data-theme]:not([data-theme="klassisch"]) .pairing .eyebrow{color:var(--accent)}
/* Claude r76 (Eigentuemerbefund 28.09.2026 00:58 "Flackern der leuchtend gelben/goldenen Felder im Gespraech"):
   Im Thema Buehne liegen Glasflaechen (backdrop-filter blur+saturate) ueber dem laufenden Avatar-Video.
   Chromium unter Windows zeichnet solche Flaechen bei jedem Videobild neu, wenn sie keine eigene
   Kompositions-Ebene haben - das flimmert. Eigene Ebene erzwingen (ohne transform, damit fest
   positionierte Menues darin nicht einbrechen) und Leuchtkanten nicht animieren. */
html[data-theme="buehne"]:root :is(#app>.topbar,#nav.bottom-nav,.composer,.conversation-history,.ability-search,.ability-tabs,.skill-feature-card,.settings-card,.finance-entry,.provider-entry,.aiona-connect-card,.scroll-jump-button,.connection,.stage-button,#conversation .avatar-controls .pill){backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:opacity}
html[data-theme="buehne"]:root :is(.composer .send,.avatar-frame-save,.message-reaction){transition-property:color,background-color,border-color,opacity;will-change:auto}

html[data-theme]:root #settings .theme-context{margin:0 16px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--theme-radius-sm,12px);background:var(--theme-field);color:var(--text)}
html[data-theme]:root #settings .theme-context p{margin:0 0 6px}
html[data-theme]:root #settings .theme-context .text-button{min-height:44px}