:root {
  --ink: #1d232a;
  --paper: #ffffff;
  --muted: #5a646e;
  --accent: #9b1c1c;
}
@media (prefers-color-scheme: dark) {
  :root { --ink: #e8eaed; --paper: #15181c; --muted: #a9b1ba; --accent: #f08c8c; }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font: 1rem/1.5 system-ui, sans-serif;
}
main { max-width: 44rem; margin: 0 auto; padding: 2rem 1rem; }
h1 { font-size: 1.6rem; margin: 0 0 0.5rem; }
#message:not(:empty) { color: var(--accent); }
.count { font-size: 3rem; font-variant-numeric: tabular-nums; margin: 1rem 0; }
.buttons { display: flex; gap: 0.5rem; }
button { font: inherit; padding: 0.4rem 1rem; }