:root { color-scheme: light; }
body { margin: 0; font-family: sans-serif; color: #1a1a1a; background: #fff; }
header, footer, main { padding: 16px; }
header { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; border-bottom: 1px solid #ddd; }
nav { display: flex; flex-wrap: wrap; gap: 12px; }
a { color: #0b57d0; }
button, input, select, textarea { font: inherit; }
button { margin: 4px 8px 4px 0; }
section { border: 1px solid #ddd; padding: 12px; margin: 12px 0; }
input, textarea, select { width: 100%; max-width: 100%; box-sizing: border-box; margin: 4px 0; }
pre { white-space: pre-wrap; background: #f6f6f6; padding: 8px; overflow-wrap: anywhere; }
.row { display: flex; flex-wrap: wrap; gap: 8px; }
.row > * { flex: 1 1 180px; }
.error { color: #9b1c1c; }
.legal-links { display: flex; flex-wrap: wrap; gap: 12px; }
#pay-qr { width: 168px; height: 168px; }
@media (max-width: 420px) {
  header, footer, main { padding: 12px; }
  button { display: block; width: 100%; margin-right: 0; }
}