:root { color-scheme: light dark; }
body {
  margin: 0;
  font: 16px/1.5 system-ui, sans-serif;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
main { max-width: 36rem; margin: 0 auto; padding: 1rem; }
.block { white-space: pre-wrap; border: 1px solid; border-radius: 0.5rem; padding: 0.75rem; margin: 0 0 0.75rem; }
.block small { display: block; opacity: 0.7; }
textarea, button, input { width: 100%; box-sizing: border-box; font: inherit; padding: 0.75rem; }
button { margin-top: 0.5rem; }
#history { list-style: none; padding: 0; }
#history button { text-align: left; margin-top: 0; margin-bottom: 0.5rem; }