body { margin: 0; background: #f5f5f5; color: #222; font: 16px/1.6 system-ui, sans-serif; }
main { max-width: 560px; margin: 40px auto; padding: 24px; background: white; border-radius: 12px; }
label { display: block; margin: 16px 0; }
input { display: block; box-sizing: border-box; width: 100%; padding: 12px; font: inherit; border: 1px solid #777; border-radius: 4px; }
button, a { display: inline-block; padding: 10px 16px; margin: 8px 4px 8px 0; font: inherit; cursor: pointer; }
#message { color: #913621; }
#qr svg { width: 260px; max-width: 100%; height: auto; }
pre { overflow-wrap: anywhere; white-space: pre-wrap; }
[hidden] { display: none !important; }
@media (max-width: 600px) { main { margin: 12px; padding: 16px; } }