*{box-sizing:border-box}body{margin:0;background:#0c141c;color:#e5edf4;font:17px/1.6 system-ui,sans-serif;padding:24px}main{max-width:580px;margin:8vh auto;padding:28px;background:#14212d;border:1px solid #334757;border-radius:20px}h1{font-size:30px;line-height:1.2}.label{font-size:12px;letter-spacing:.15em;color:#8ec6da}button{display:block;width:100%;font:inherit;font-weight:600;line-height:1.4;padding:16px;border:0;border-radius:10px;background:#a2e1d0;color:#10251f;cursor:pointer;margin-top:16px}button:disabled{opacity:.6;cursor:wait}button.secondary{background:#263746;color:#e5edf4}code{display:block;overflow-wrap:anywhere;background:#0c141c;padding:12px;border-radius:8px}#status{overflow-wrap:anywhere;color:#b8dfef}button:focus-visible{outline:3px solid white;outline-offset:4px}@media(max-width:480px){body{padding:12px}main{margin:4vh auto;padding:20px}h1{font-size:26px}}