:root{font-family:system-ui,sans-serif;color:#20343b;background:#f2f5f3;font-synthesis:none}body{margin:0;min-height:100vh;display:grid;place-items:center}main{box-sizing:border-box;width:min(42rem,calc(100% - 2rem));margin:3rem auto;padding:clamp(1.5rem,5vw,3rem);background:white;border:1px solid #dbe4df;border-radius:1rem;box-shadow:0 12px 36px #1739280a}.brand{font-weight:750;letter-spacing:.2em;color:#27674f}h1{font-size:clamp(1.6rem,4vw,2rem);line-height:1.2}p{line-height:1.6}.note{font-size:.9rem;color:#53676b}.actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}button{font:inherit;border:1px solid #27674f;background:#27674f;color:white;border-radius:.45rem;padding:.7rem 1rem;cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:#27674f}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #eeae52;outline-offset:3px}[hidden]{display:none!important}#status{min-height:3rem;padding:.8rem;border-radius:.45rem;background:#f2f5f3;overflow-wrap:anywhere}label{display:block;margin-bottom:.5rem}input{font:inherit;font-size:1.25rem;letter-spacing:.25em;border:1px solid #53676b;border-radius:.45rem;padding:.7rem;width:10rem;max-width:100%;box-sizing:border-box}form{border-top:1px solid #dbe4df;padding-top:1rem}