:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; background: Canvas; color: CanvasText; }
main { width: min(52rem, calc(100% - 2rem)); margin: 2rem auto; }
section, form, pre { border: 1px solid color-mix(in srgb, CanvasText 25%, transparent); border-radius: .5rem; padding: 1rem; margin-block: 1rem; }
form { display: grid; gap: .75rem; }
label { display: grid; gap: .25rem; }
input, textarea, button { font: inherit; padding: .6rem; }
textarea { min-height: 8rem; resize: vertical; }
button { width: fit-content; cursor: pointer; }
.consent { display: flex; grid-template-columns: auto 1fr; align-items: start; }
pre { overflow-wrap: anywhere; white-space: pre-wrap; }
[data-kind="error"] { color: #b42318; }
[hidden] { display: none !important; }