:root{
  --paper:#F2F5F2;
  --paper-2:#E7EDE9;
  --surface:#FFFFFF;
  --ink:#26332F;
  --ink-soft:#5C6D67;
  --muted:#8B9A94;
  --line:#DDE5E1;
  --leaf:#37A489;
  --leaf-dark:#2A8770;
  --leaf-soft:#DCF0EA;
  --sun:#F2B33D;
  --sun-soft:#FCEFD3;
  --berry:#E4767E;
  --berry-soft:#FBE4E5;
  --sky:#6EA9DA;
  --sky-soft:#E2EEF9;
  --radius-l:28px;
  --radius-m:20px;
  --radius-s:14px;
  --shadow:0 6px 20px rgba(38,51,47,.07);
  --shadow-up:0 10px 30px rgba(38,51,47,.12);
  --tap:64px;
  --safe-b:env(safe-area-inset-bottom,0px);
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{height:100%;margin:0;padding:0;}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:"PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  font-size:17px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overscroll-behavior:none;
  touch-action:manipulation;
}
button{font-family:inherit;color:inherit;border:none;background:none;cursor:pointer;font-size:inherit;touch-action:manipulation;}
input,textarea,select{font-family:inherit;font-size:17px;color:var(--ink);}
h1,h2,h3,p{margin:0;}
ul{margin:0;padding:0;list-style:none;}

:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:8px;}

.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}
}