:root { color-scheme: light dark; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
body { margin: 0; display: flex; justify-content: center; }
main { max-width: 36rem; padding: 2rem 1.25rem; line-height: 1.5; }
h1 { font-size: 1.5rem; margin-bottom: 0.25rem; }
.who { color: GrayText; margin-top: 0; }
ol { padding-left: 1.25rem; }
li { margin-bottom: 1.25rem; }
li p { margin: 0.5rem 0 0; }
button, .button {
  display: inline-block; font: inherit; padding: 0.5rem 1rem; border-radius: 0.375rem;
  border: 1px solid #1f6feb; background: #1f6feb; color: #fff; cursor: pointer; text-decoration: none;
}
button.secondary { background: transparent; color: inherit; border-color: GrayText; }
.actions { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.hint { color: GrayText; font-size: 0.9rem; }
.footer { margin-top: 2rem; }
.ok { font-weight: 600; }
#message { padding: 0.75rem 1rem; border-radius: 0.375rem; border: 1px solid GrayText; }
#message.success { border-color: #2da44e; }
#message.error { border-color: #cf222e; }