:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; }
main { max-width: 42rem; margin: 3rem auto; padding: 0 1rem; }
form, label { display: grid; gap: .5rem; }
form { gap: 1rem; }
input, button { box-sizing: border-box; font: inherit; padding: .7rem; }
button { cursor: pointer; }
.error { color: #c33; font-weight: 700; }
.result { margin-top: 2rem; text-align: center; }
.qr svg { width: min(75vw, 28rem); height: auto; }
.thank-you { margin: 0; padding: 1lh 0; text-align: center; }
dl { display: grid; grid-template-columns: max-content 1fr; gap: .5rem 1rem; }
dt { font-weight: 700; }
dd { margin: 0; overflow-wrap: anywhere; }