*{box-sizing:border-box}
body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:#1b1f23;background:#f6f7f8}
main{max-width:34rem;margin:0 auto;padding:3rem 1.25rem}
h1{font-size:1.6rem;line-height:1.25;margin:0 0 .5rem}
h2{font-size:1.1rem;margin:0 0 .75rem}
label{display:block;font-weight:600;margin:1.5rem 0 .35rem}
input{width:100%;padding:.7rem .8rem;font:inherit;border:1px solid #c5cad0;border-radius:8px;background:#fff}
button{font:inherit;padding:.6rem 1rem;border:0;border-radius:8px;background:#1b1f23;color:#fff;cursor:pointer}
form button{margin-top:.75rem}
button:disabled{opacity:.6;cursor:wait}
#error{color:#b42318}
#result{margin-top:2rem;padding:1.25rem;background:#fff;border:1px solid #e1e4e8;border-radius:12px}
.label{margin:.75rem 0 .25rem;font-size:.85rem;color:#57606a}
.row{display:flex;gap:.5rem;align-items:center}
.row a{flex:1;overflow-wrap:anywhere;font-weight:600;color:#0b6e4f}
.row button{padding:.4rem .8rem;background:#e9ecef;color:#1b1f23}
footer{margin-top:3rem;font-size:.85rem;color:#57606a}