:root{color-scheme:light;font-family:system-ui,sans-serif;color:#29352f;background:#f4f1eb}*{box-sizing:border-box}body{margin:0;padding:clamp(20px,6vw,80px)}main{max-width:460px;margin:5vh auto;background:#fffdf9;padding:clamp(24px,5vw,48px);border:1px solid #d9ded4;border-radius:16px}.brand{letter-spacing:.16em;text-transform:uppercase;color:#516b57;font-size:.8rem}h1{font-family:Georgia,serif;font-weight:400;font-size:2rem;line-height:1.2;margin:20px 0 32px}h2{font-size:1.15rem}label{display:block;margin:20px 0 8px;font-weight:600}input{display:block;width:100%;padding:14px;border:1px solid #7b887e;border-radius:6px;font:inherit;background:white;color:inherit}button{margin-top:24px;padding:14px 24px;background:#334c3b;border:0;border-radius:6px;color:white;font:inherit;cursor:pointer;width:100%}button:disabled{opacity:.6;cursor:wait}input:focus-visible,button:focus-visible{outline:3px solid #ba833d;outline-offset:3px}#status{line-height:1.6;overflow-wrap:anywhere}li{margin-bottom:12px}ul{padding-left:20px}[hidden]{display:none!important}details{margin:24px 0;border-top:1px solid #d9ded4;padding-top:16px}summary{cursor:pointer;font-weight:600}.hint{font-size:.9rem;color:#4f5b53;margin:6px 0 0}button.secondary{background:#fff;color:#334c3b;border:1px solid #334c3b}