:root {
  color-scheme: light dark;
  font: 18px/1.55 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body {
  margin: 0;
  padding: env(safe-area-inset-top) 1rem env(safe-area-inset-bottom);
  max-width: 48rem;
  margin-inline: auto;
}

main { padding: 1rem 0 3rem; }
h1 { font-size: 1.6rem; margin-bottom: .25rem; }
h2 { font-size: 1.1rem; margin-top: 1.5rem; }
button {
  display: block;
  width: 100%;
  margin: .75rem 0;
  padding: .85rem 1rem;
  border: 1px solid currentColor;
  border-radius: .5rem;
  background: transparent;
  color: inherit;
  font: inherit;
}
article {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
#status, small { opacity: .75; }