:root{
  --ui-page:#fbfaf7;
  --ui-surface:#fff;
  --ui-ink:#29343b;
  --ui-muted:#7b8991;
  --ui-line:#e6ded2;
  --ui-yellow:#ffd84d;
  --ui-yellow-soft:#fff8d8;
  --ui-green:#58b99d;
  --ui-blue:#287fa4;
  --ui-danger:#b85e55;
  --ui-disabled:#eef0ef;
  --ui-focus:#8b7524;
  --ui-teal-deep:#1d566c;
  --ui-teal:#277c91;
  --ui-teal-light:#318a99;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--ui-ink);
  background:var(--ui-page);
}

*{box-sizing:border-box}
body{margin:0}
button,input,select,textarea{font:inherit}
:where(button,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--ui-focus) 55%,transparent);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}