:root{
  --bg:#f2f1ee;--surface:#fff;--surface2:#f8f7f4;--surface3:#eceae5;
  --ink:#151515;--ink2:#3f3e3c;--muted:#6d6b67;--line:#c9c6bf;--line2:#171717;
  --accent:#6558e8;--accent2:#4f43cc;--accent-soft:#ebe9ff;
  --success:#197052;--success-soft:#e5f3ed;
  --warning:#8b5b13;--warning-soft:#fbefd7;
  --danger:#a83636;--danger-soft:#f8e6e6;
  --pad:16px;--nav:78px;--touch:44px;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  font-family:var(--sans);color-scheme:light;
}
html[data-theme="dark"]{
  --bg:#101113;--surface:#18191c;--surface2:#1f2024;--surface3:#292a2f;
  --ink:#f2f2f0;--ink2:#d0cfcb;--muted:#a7a5a0;--line:#3a3b40;--line2:#efefed;
  --accent:#8b80ff;--accent2:#a79fff;--accent-soft:#2b284a;
  --success:#65c59f;--success-soft:#18382c;
  --warning:#dfb368;--warning-soft:#3a2c18;
  --danger:#e17b7b;--danger-soft:#442323;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{margin:0;background:#d7d6d3;color:var(--ink);font:400 14px/1.5 var(--sans)}
button,input,textarea{font:inherit;color:inherit} button{cursor:pointer}
.workspace{min-height:100vh;display:grid;grid-template-columns:minmax(280px,360px) minmax(390px,460px);gap:28px;justify-content:center;align-items:center;padding:24px}