:root { color-scheme: light dark; }
body { margin: 0; font: 16px/1.5 system-ui, sans-serif; display: grid; min-height: 100vh; place-items: center; }
main { width: min(22rem, 92vw); padding: 1.5rem; }
h1 { margin: 0 0 1rem; letter-spacing: .08em; }
label { display: block; margin-bottom: .25rem; }
input { width: 100%; box-sizing: border-box; padding: .6rem; font: inherit; letter-spacing: .2em; }
button { margin-top: .75rem; padding: .6rem 1rem; font: inherit; width: 100%; }
#msg { padding: .5rem .75rem; border: 1px solid currentColor; }
.muted { opacity: .7; font-size: .9rem; }