:root {
  color-scheme: light dark;
  font-family: system-ui, sans-serif;
  line-height: 1.5;
}
body { max-width: 40rem; margin: 2rem auto; padding: 0 1rem; }
header a { font-weight: 600; text-decoration: none; color: inherit; }
nav a, nav button { margin-right: 1rem; }
form { display: grid; gap: .6rem; max-width: 22rem; }
label { display: grid; gap: .2rem; }
input, button { font: inherit; padding: .3rem .5rem; }
pre { background: rgba(127, 127, 127, .12); padding: .6rem; overflow-x: auto; white-space: pre-wrap; word-break: break-all; }
td { padding: .15rem .6rem .15rem 0; vertical-align: top; }
td:first-child { color: GrayText; }
.error { color: #c0392b; }