*{box-sizing:border-box}body{margin:0;background:#f6f3f0;color:#302824;font-family:system-ui,sans-serif;line-height:1.6}main{max-width:28rem;margin:8vh auto;padding:1.5rem;background:white;border-radius:1rem}h1{font-size:1.7rem}form,label{display:grid;gap:.6rem}form{gap:1rem}input,button{font:inherit;width:100%;padding:.75rem;border:1px solid #afa49d;border-radius:.5rem}button{background:#722e42;color:white;cursor:pointer}button:disabled{opacity:.65}input:focus-visible,button:focus-visible{outline:3px solid #286b95;outline-offset:2px}[hidden]{display:none!important}#message{min-height:1.6em;color:#8c2438;overflow-wrap:anywhere}@media(max-width:480px){main{margin:1rem;padding:1.2rem}}