:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; display: grid; place-items: start center; min-height: 100vh; }
main { width: min(28rem, 100%); padding: 2rem 1rem; box-sizing: border-box; }
label { display: block; margin: 1rem 0; font-weight: 600; }
input { display: block; width: 100%; box-sizing: border-box; margin-top: .25rem; padding: .6rem; font-size: 1rem; }
button { padding: .7rem 1.2rem; font-size: 1rem; margin-right: .5rem; }
.hint { font-size: .85rem; opacity: .75; }
#error { color: #c0392b; min-height: 1.2em; }