:root { box-sizing: border-box; }
* { box-sizing: border-box; }
body {
  margin: 0;
  background: #F5F6F4;
  color: #1A1F1C;
  font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px));
}
body.no-tabs { padding-bottom: env(safe-area-inset-bottom, 0px); }
select, input, textarea { color-scheme: light; font-family: inherit; }
button { -webkit-tap-highlight-color: transparent; }
/* Plainer shapes than the original tool: headings use the body font, pills become small rounded tags. */
.disp { font-family: inherit !important; letter-spacing: 0 !important; }
.rounded-full { border-radius: 6px !important; }
.rounded-2xl { border-radius: 12px !important; }
.round { border-radius: 9999px !important; }
.tracking-widest { letter-spacing: .04em !important; }