/* Shared appearance tokens. Keep the inline copy in voice.html in sync. */
:root {
 --bg:#f7f1e6;--surface:#fffdf7;--raised:#eceee6;--border:#d8e1dc;--text:#24343a;--muted:#67797e;--dim:#6c7d81;
 --amber:#ebc577;--amber-ink:#453a27;--amber-soft:rgba(202,164,91,.13);--green:#2f9e79;--warn:#bd7736;--red:#b64c43;--danger-ink:#fff;
 --code-bg:#eff3ed;--scrim:rgba(26,48,58,.32);--shadow:0 16px 44px rgba(64,107,119,.12);--link:#79551c;--focus:#966c25;--toast-action:#ffe2a6;
 --tk:#a2479f;--ts:#2f7d4f;--tn:#a45e24;--tc:#75858a;--tf:#2c64b8;
 --ivory:var(--bg);--ink:var(--text);--line:var(--border);--gold:#b28c43;--ice:#70c4d5;
 --portal-surface:rgba(255,253,247,.83);--input-surface:rgba(255,255,255,.72);--input-border:#d8e1dc;--placeholder:#87999c;--panel-edge:rgba(255,255,255,.95);
 --glow-ice:rgba(181,229,237,.5);--glow-gold:rgba(255,244,207,.8);--glow-edge:rgba(212,230,236,.45);--core-glow:rgba(255,255,255,.8);
 --primary-start:#ebbe68;--primary-end:#f3dba4;--primary-ink:#453a27;--error-bg:#fff6f0;--error-ink:#ae493c;
 color-scheme:light;
}
:root[data-theme="dark"] {
 --bg:#101e2b;--surface:#172b3a;--raised:#213b49;--border:#304c59;--text:#e1eef1;--muted:#a0b9c1;--dim:#9bb1ba;
 --amber:#e5c487;--amber-ink:#24323b;--amber-soft:rgba(220,190,129,.14);--green:#7cd6bc;--warn:#edbb78;--red:#ff9b8c;--danger-ink:#172733;
 --code-bg:#132735;--scrim:rgba(3,13,24,.65);--shadow:0 20px 54px rgba(0,8,19,.32);--link:#e9ce99;--focus:#a0d9e5;--toast-action:#65512f;
 --tk:#e3a6f2;--ts:#9fd8c6;--tn:#ffca98;--tc:#9bb1ba;--tf:#9ccfff;
 --gold:#dfc38e;--ice:#8ed4e5;--portal-surface:rgba(23,43,58,.83);--input-surface:rgba(13,31,45,.65);--input-border:#385663;--placeholder:#95adb6;--panel-edge:rgba(144,198,214,.16);
 --glow-ice:rgba(44,129,160,.19);--glow-gold:rgba(142,137,102,.09);--glow-edge:rgba(57,105,151,.22);--core-glow:rgba(122,208,239,.15);
 --primary-start:#cba869;--primary-end:#e6cc98;--primary-ink:#1c2c36;--error-bg:#382c30;--error-ink:#ffc0b1;
 color-scheme:dark;
}
.theme-switch{align-self:flex-start;width:max-content;display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--portal-surface);flex:none}
.theme-switch button{box-sizing:border-box;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;touch-action:manipulation;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;overflow:hidden;isolation:isolate;outline:none;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .14s ease}
.theme-switch button[aria-checked="true"]{background:var(--raised);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}
.theme-switch button:hover{color:var(--text)}
.theme-switch button:active{transform:scale(.94);background:var(--raised)}
.theme-switch button:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--focus)}
.theme-switch svg{pointer-events:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}

@media(prefers-reduced-motion:reduce){.theme-switch button{transition:none}.theme-switch button:active{transform:none}}