:root{color-scheme:dark;font:17px/1.5 system-ui,sans-serif;color:#fff0ce;background:#17120f}*{box-sizing:border-box}body{min-height:100svh;margin:0;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#562b21,transparent 65%),#17120f}main{width:min(100%,460px);padding:30px;border:1px solid #aa8b4c;background:#201b16;box-shadow:0 12px 50px #0007}h1{font:clamp(32px,9vw,48px)/1.15 Georgia,serif;letter-spacing:.04em;margin:8px 0}h2{font:25px Georgia,serif;margin:0 0 20px}.eyebrow{font-size:12px;letter-spacing:.16em;color:#dbbc79}form{margin-top:30px}label{display:block;margin:15px 0 6px}input,button{width:100%;min-height:48px;border:1px solid #b99a59;border-radius:5px;font:inherit;padding:10px 12px}input{background:#110f0d;color:#fff4df}button{margin-top:24px;background:#8a2423;color:#fff4df;cursor:pointer}button:disabled{opacity:.65;cursor:wait}input:focus-visible,button:focus-visible{outline:3px solid #efc85c;outline-offset:3px}.note{font-size:13px;color:#d5c4a5}#status{min-height:24px;color:#ffe4a4}p{overflow-wrap:anywhere}@media(max-height:500px){body{padding:12px}main{padding:20px}form{margin-top:16px}}