:root{font-family:system-ui,sans-serif;color:#163247;background:#f2f5f8;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:24px}main{max-width:550px;margin:4vh auto;background:white;border:1px solid #dce4e9;border-radius:18px;padding:32px;box-shadow:0 12px 45px #173e5910}.eyebrow{font-size:12px;letter-spacing:.14em;color:#62788a}h1{font-size:27px;line-height:1.2}p,li{line-height:1.6}label{display:block;font-weight:600;margin:18px 0 8px}input{display:block;width:100%;font:inherit;border:1px solid #9bb1bf;border-radius:8px;padding:12px;margin-top:8px}button{font:inherit;font-weight:600;border:0;border-radius:8px;padding:12px 16px;background:#174a60;color:white;cursor:pointer;margin-top:12px}button:disabled{opacity:.55;cursor:wait}.secondary{background:#e8f0f5;color:#174a60;margin-right:8px}#qr{display:block;max-width:100%;height:auto;margin:20px auto;image-rendering:pixelated}code{display:block;overflow-wrap:anywhere;user-select:all;background:#f0f5f8;padding:12px}pre{font:17px/1.7 ui-monospace,monospace;background:#f0f5f8;border-radius:8px;padding:16px;user-select:all}#message{color:#8d3030;overflow-wrap:anywhere}nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px}.link{background:none;color:#174a60;padding:0;margin:0;text-decoration:underline}a{color:#174a60}[hidden]{display:none!important}details{margin-bottom:20px}summary{cursor:pointer}@media(max-width:550px){body{padding:12px}main{margin:0 auto;padding:22px}h1{font-size:24px}button{width:100%}nav .link{width:auto}}