:root{color-scheme:light;font-family:system-ui,-apple-system,sans-serif;color:#18302e;background:#f4f7f4;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:0 auto;padding:54px 24px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.14em;color:#527269}h1{font-size:clamp(34px,6vw,52px);line-height:1.1;letter-spacing:-.04em;margin:22px 0}h2{font-size:21px;letter-spacing:-.025em}p,li{color:#52635e}.intro{font-size:19px;margin-bottom:32px}.card{background:white;padding:28px;border:1px solid #dbe4de;border-radius:20px;box-shadow:0 8px 32px #203b2b06}section{margin:28px 0}button{font:inherit;font-weight:650;border:0;border-radius:10px;padding:12px 18px;background:#206451;color:white;cursor:pointer}button:disabled{opacity:.6;cursor:wait}button.secondary{background:#e8f0eb;color:#205947}#qr{display:block;width:min(100%,350px);height:auto;margin:24px auto}label{display:block;font-weight:600;margin:12px 0 6px}textarea{width:100%;height:100px;resize:vertical;border:1px solid #bdcfc4;border-radius:8px;padding:10px;font:12px ui-monospace,monospace;word-break:break-all}#status{min-height:26px}code{font-family:ui-monospace,monospace;background:#e5eee7;padding:2px 5px;border-radius:4px}li{margin:10px 0}footer{font-size:13px;margin-top:44px;color:#63766d}a{color:#206451}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #8dc5b4;outline-offset:3px}

[hidden]{display:none!important}input{display:block;width:100%;font:inherit;border:1px solid #bdcfc4;border-radius:8px;padding:10px;margin-bottom:18px}input:focus-visible{outline:3px solid #8dc5b4;outline-offset:3px}