:root{color-scheme:dark;font:100%/1.5 system-ui;background:#202924;color:#f0eee4}
body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:1.25rem;box-sizing:border-box}
main{width:min(100%,24rem)}
h1{line-height:1.15;margin:0}
p{color:#d2d7ce}
form:not([hidden]){display:grid;gap:.65rem}
input,button{font:inherit;padding:.65rem .8rem;border-radius:.5rem;border:1px solid #8b9b90}
input{background:#28342d;color:inherit}
button{background:#d5ba84;color:#202924;font-weight:650;cursor:pointer}
button:disabled{opacity:.6;cursor:wait}
#reset{background:transparent;color:inherit}
:focus-visible{outline:2px solid #f2d9a1;outline-offset:3px}