/* Stijl voor de losse pagina's (niet gekoppeld, koppelen, uitnodiging). Openbaar. */
body { margin: 0; font: 17px/1.45 -apple-system, BlinkMacSystemFont, sans-serif; background: #f4f4f5; color: #18181b;
  padding: max(24px, env(safe-area-inset-top)) 20px 24px; }
main { max-width: 480px; margin: 0 auto; }
h1 { font-size: 1.5rem; }
p { opacity: .9; }
.small { font-size: .9rem; opacity: .75; }
a { color: #e8590c; }
.btn { display: inline-block; border: 0; border-radius: 10px; padding: 12px 18px; min-height: 44px;
  background: #e8590c; color: #fff; font: inherit; font-weight: 600; text-decoration: none; }
label { display: block; }
input { font: inherit; width: 100%; box-sizing: border-box; padding: 10px; border-radius: 10px;
  border: 1px solid #a1a1aa; margin: 6px 0 16px; background: #fff; color: inherit; }
input#code { font-size: 1.8rem; letter-spacing: .3em; text-align: center; font-variant-numeric: tabular-nums; }
@media (prefers-color-scheme: dark) {
  body { background: #18181b; color: #f4f4f5; }
  input { background: #232327; }
  a { color: #fb7d3c; }
}