*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f5f3ec;color:#223128;font:16px/1.65 system-ui,sans-serif}a{color:inherit}button,input{font:inherit}button,a,input{touch-action:manipulation}:focus-visible{outline:3px solid #8b723e;outline-offset:5px}.bar{height:100px;display:flex;align-items:center;padding:0 6vw;border-bottom:1px solid #d8dacf}.brand{text-decoration:none;letter-spacing:.22em;font-size:18px;font-weight:600}.view{width:min(100% - 40px,480px);margin:10vh auto 70px;display:flex;flex-direction:column;gap:24px}h1{font:400 clamp(36px,7vw,48px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:0}p{margin:0}.lead{color:#526057;font-size:18px}.fine,small,.muted{font-size:14px;color:#526057}.form,.field{display:flex;flex-direction:column;gap:10px}.form{gap:22px}.card{padding:24px;border:1px solid #d8dacf;background:#faf9f5;border-radius:12px}.field input{width:100%;padding:14px;border:1px solid #a7b0a4;background:white;border-radius:6px;min-height:48px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 20px;border:1px solid #223128;border-radius:6px;background:#223128;color:white;text-decoration:none;cursor:pointer}.btn:disabled{opacity:.6;cursor:wait}.btn:hover{background:#354c3d}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:16px 22px;width:min(90%,550px);background:#223128;color:white;border-radius:8px;box-shadow:0 8px 30px #0002}.toast[hidden]{display:none}.note{padding:18px;border:1px solid #a7b0a4;border-radius:6px}.note-warn{background:#fff0df}.code{letter-spacing:.05em}.view h1:focus{outline:none}.row{display:flex;gap:16px;flex-wrap:wrap}