:root{color:#1c1917;font-family:system-ui,sans-serif;line-height:1.4}body{margin:0;padding:1rem}h1{margin:0 0 .25rem;font-size:1.25rem}form,section{flex-direction:column;gap:1rem;max-width:32rem;display:flex}.hint{color:#57534e;margin:0;font-size:.875rem}.row{flex-wrap:wrap;gap:1rem;display:flex}label{flex-direction:column;gap:.25rem;font-size:.875rem;font-weight:500;display:flex}.row>label{flex:8rem}input,button{font:inherit;border:1px solid #a8a29e;border-radius:.375rem;padding:.5rem .75rem}button{color:#fff;cursor:pointer;background:#1c1917;border-color:#1c1917;align-self:flex-start}button:disabled{opacity:.6;cursor:progress}[role=alert]{color:#b91c1c;margin:0}
