global.css

:root {
  --fg-color: black;
  --bg-color: white;
  --header-color: #dddddd;
  --selected-color: #aaaaaa;
  --error-color: red;
  --disabled-color: #909090;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-variant-ligatures: none;
  color: inherit;
  background: inherit;
  border-color: inherit;
  border-radius: 0;
  line-height: inherit;
  touch-action: manipulation;
  appearance: none;
  /* Prevents scrolling from triggering pull-down refresh on mobile */
  overscroll-behavior: none;
}

*:focus {
  outline: none;
}

html,
body {
  font-family: sans-serif;
  color: var(--fg-color);
  accent-color: var(--fg-color);
  caret-color: var(--fg-color);
  background: var(--bg-color);
}

body {
  padding: 0.5em;
  /* Fall back on vh units if svh doesn't work (i.e., not on mobile). */
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  /* Use svh instead of dvh so it doesn't reflow when dynamic parts move. */
  height: 100svh;
  min-height: 100svh;
  max-height: 100svh;
}

button {
  user-select: none;
  -webkit-user-select: none;
}

ul {
  margin-left: 1em;
}