:root {
  --bg: #f6f5f1; --card: #fff; --ink: #1d1d1f; --mute: #6b6b70; --line: #e3e1da;
  --accent: #d1451b; --accent-ink: #fff; --bar: #f0b429; --bar2: #8fb8de; --good: #2f7d4f; --bad: #b3261e;
  --chip: #efece4;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #141416; --card: #1d1d20; --ink: #ececee; --mute: #9a9aa2; --line: #2e2e33;
    --accent: #ff7a4d; --accent-ink: #1a0d07; --bar: #e0a52a; --bar2: #5d8fbd; --good: #6cc48f; --bad: #ff8a80;
    --chip: #2a2a2f;
  }
}
:root[data-theme="dark"] {
  --bg: #141416; --card: #1d1d20; --ink: #ececee; --mute: #9a9aa2; --line: #2e2e33;
  --accent: #ff7a4d; --accent-ink: #1a0d07; --bar: #e0a52a; --bar2: #5d8fbd; --good: #6cc48f; --bad: #ff8a80;
  --chip: #2a2a2f;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--ink);
  font: 14px/1.45 system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif; }
button { font: inherit; border: 0; border-radius: 10px; padding: 9px 13px; background: var(--chip); color: var(--ink); cursor: pointer; }
button.main { background: var(--accent); color: var(--accent-ink); font-weight: 700; }
button:disabled { opacity: .5; }
a { color: inherit; }
.num { font-variant-numeric: tabular-nums; }