*{box-sizing:border-box}body{font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0;background:#f5f6f8;color:#1b1f24}
main{max-width:640px;margin:0 auto;padding:20px}h1{font-size:1.4rem;margin:.2em 0 .6em}h2{font-size:1.1rem;margin:1.4em 0 .4em}
.card{background:#fff;border:1px solid #d8dde3;border-radius:8px;padding:12px 14px;margin:10px 0}
.note{font-size:.9rem;color:#4a5562}.warn{background:#fff8e6;border:1px solid #f0d9a0;border-radius:8px;padding:10px 12px}
.err{color:#a8071a}.ok{color:#11632a}nav a{margin-right:12px}
label{display:block;margin:10px 0 4px;font-weight:600}
input[type=email],input[type=text],textarea{display:block;width:100%;padding:10px;font-size:1rem;border:1px solid #b9c1cb;border-radius:8px;font-weight:400}
textarea{min-height:7em;font-family:ui-monospace,monospace}
button,.btn{display:inline-block;padding:11px 16px;margin:8px 8px 0 0;font-size:1rem;font-weight:600;border:0;border-radius:8px;background:#1f5fbf;color:#fff;text-decoration:none;cursor:pointer}
button.secondary,.btn.secondary{background:#e8ecf1;color:#1b1f24}button.danger{background:#a8071a}
pre{white-space:pre-wrap;word-break:break-word;background:#f0f2f5;border-radius:6px;padding:10px;font-size:.9rem}
code{background:#f0f2f5;padding:1px 5px;border-radius:4px}.radio{font-weight:400;display:block;margin:6px 0}