:root { color-scheme: light dark; font: 16px system-ui, sans-serif; }
body { margin: 0; }
main { max-width: 36rem; margin: auto; padding: 1.5rem; }
button { min-height: 2.75rem; padding: .5rem 1rem; font: inherit; }
label { display: block; margin-top: 1rem; }
select, input { box-sizing: border-box; width: 100%; min-height: 2.75rem; padding: .5rem; font: inherit; }
form button { width: 100%; margin-top: 1rem; }
output { display: block; margin-top: 1rem; padding: .75rem; border: 1px solid currentColor; }
output.failed { color: #c62828; }
small { display: block; margin-top: 1rem; }