:root {
  color-scheme: light dark;
  font-family: system-ui, sans-serif;
}
body {
  margin: 0;
  padding: 1.5rem;
  line-height: 1.6;
}
main {
  max-width: 44rem;
  margin: 2rem auto;
}
section {
  padding: 1rem 0;
  border-top: 1px solid #888;
}
button,
input {
  font: inherit;
  padding: 0.65rem;
  max-width: 100%;
}
a {
  color: light-dark(#174a9b, #9dc0ff);
}
button:focus-visible,
input:focus-visible,
a:focus-visible {
  outline: 3px solid #598de0;
  outline-offset: 3px;
}
#status {
  font-weight: 600;
  white-space: pre-wrap;
}