:root {
  color-scheme: light;
  --text:#1d1d1f; --muted:#66666d; --surface:#fff; --surface-alt:#f5f5f7;
  --surface-hover:#eaeaf0; --surface-subtle:#fafafa; --line:#e4e4e9;
  --input-border:#d2d2d7; --button-border:#dedee3; --hover-border:#bdbdc3;
  --accent:#0071e3; --blue:#0071e3; --accent-hover:#0077ed; --on-accent:#fff;
  --selected:#e3edf9; --selected-text:#0063c7; --header-surface:#ffffffed;
  --success:#276d39; --success-bg:#eaf6ed; --success-line:#d9e9dc;
  --danger:#b52d36; --danger-bg:#fceef0; --danger-line:#e5bcbc;
  --warning:#926915; --warning-bg:#fff6e5; --focus:#0071e366;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --text:#f5f5f7; --muted:#a8a8b0; --surface:#111113; --surface-alt:#1c1c1f;
  --surface-hover:#303034; --surface-subtle:#18181b; --line:#37373c;
  --input-border:#53535c; --button-border:#484850; --hover-border:#777780;
  --accent:#65b1ff; --blue:#65b1ff; --accent-hover:#92c8ff; --on-accent:#101014;
  --selected:#20344a; --selected-text:#92c8ff; --header-surface:#111113ed;
  --success:#8edaa4; --success-bg:#192d22; --success-line:#34533e;
  --danger:#ff9ca5; --danger-bg:#371e26; --danger-line:#65323c;
  --warning:#efc875; --warning-bg:#332b1c; --focus:#65b1ff99;
}
@media(prefers-color-scheme:dark) {
  :root:not([data-theme]) {
    color-scheme:dark;
    --text:#f5f5f7; --muted:#a8a8b0; --surface:#111113; --surface-alt:#1c1c1f;
    --surface-hover:#303034; --surface-subtle:#18181b; --line:#37373c;
    --input-border:#53535c; --button-border:#484850; --hover-border:#777780;
    --accent:#65b1ff; --blue:#65b1ff; --accent-hover:#92c8ff; --on-accent:#101014;
    --selected:#20344a; --selected-text:#92c8ff; --header-surface:#111113ed;
    --success:#8edaa4; --success-bg:#192d22; --success-line:#34533e;
    --danger:#ff9ca5; --danger-bg:#371e26; --danger-line:#65323c;
    --warning:#efc875; --warning-bg:#332b1c; --focus:#65b1ff99;
  }
}
html {background:var(--surface);color:var(--text)}
body {accent-color:var(--accent)}
.appearance-control {display:inline-flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin:0;white-space:nowrap}
.appearance-control select {font:inherit;color:var(--text);background-color:var(--surface);border:1px solid var(--input-border);border-radius:6px;min-height:36px;min-width:100px;max-width:140px;padding:7px 26px 7px 10px;cursor:pointer}
.appearance-control select:focus-visible {outline:3px solid var(--focus);outline-offset:3px}
.appearance-control option {color:var(--text);background:var(--surface)}
.console-appearance {max-width:1680px;margin:0 auto;padding:20px 28px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}
@media(max-width:520px){.console-appearance{padding:18px 20px}}
@media(prefers-reduced-motion:no-preference){.appearance-control select{transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease}}