:root { color-scheme: light; font-family: Georgia, serif; background: #f6f1e7; color: #1c1915; }
body { margin: 0 auto; max-width: 40rem; padding: 1.5rem; }
header { border-bottom: 1px solid #d8cfc0; margin-bottom: 1.5rem; }
.mark { letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.75rem; }
section { margin-bottom: 1.5rem; }
label { display: block; margin: 0.5rem 0; }
input, select { display: block; width: 100%; max-width: 28rem; margin-top: 0.2rem; }
button { margin: 0.25rem 0.5rem 0.25rem 0; }
#token-once, #token-prefix, #result { word-break: break-all; }
@media (max-width: 40rem) {
  body { padding: 1rem; }
}