:root {
  --bg: #f5f6f3;
  --surface: #ffffff;
  --surface-muted: #eef1ed;
  --ink: #202521;
  --muted: #667068;
  --line: #d8ddd7;
  --green: #34745a;
  --green-dark: #245640;
  --coral: #c85f4b;
  --focus: #1669c1;
  --shadow: 0 10px 30px rgba(32, 37, 33, .08);
  color: var(--ink);
  background: var(--bg);
  font-family: Inter, "Noto Sans SC", "Microsoft YaHei", sans-serif;
}

* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
body { background: var(--bg); line-height: 1.5; }
button, input, select, textarea { font: inherit; letter-spacing: 0; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--focus) 35%, transparent);
  outline-offset: 2px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}