:root {
  --bg: #f6f6f4; --card: #fff; --fg: #1a1a1a; --muted: #6b6b6b;
  --line: #e3e3df; --accent: #7c5cff; --shadow: 0 1px 3px rgba(0,0,0,.08);
}
@media (prefers-color-scheme: dark) {
  :root { --bg:#141416; --card:#1e1e22; --fg:#ececec; --muted:#9a9aa2;
          --line:#2c2c31; --accent:#9d86ff; --shadow:0 1px 3px rgba(0,0,0,.4); }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg);
  font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; }