:root { font-family: system-ui, sans-serif; color-scheme: light dark; }
body { margin: 0; background: Canvas; color: CanvasText; }
main { max-width: 760px; margin: 40px auto; padding: 0 20px; }
section { display: grid; gap: 16px; padding: 24px; border: 1px solid color-mix(in srgb, CanvasText 20%, transparent); border-radius: 14px; }
label { display: grid; gap: 6px; font-weight: 600; }
input, select, textarea, button { font: inherit; padding: 10px 12px; border-radius: 8px; border: 1px solid color-mix(in srgb, CanvasText 25%, transparent); }
textarea { min-height: 110px; }
button { cursor: pointer; font-weight: 700; }
progress { width: 100%; }
pre { min-height: 160px; padding: 14px; overflow: auto; white-space: pre-wrap; background: color-mix(in srgb, CanvasText 7%, Canvas); border-radius: 8px; }

.turnstile-wrap {
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid #d7dce2;
  border-radius: 8px;
}
.turnstile-wrap strong,
.turnstile-wrap small {
  display: block;
  margin-bottom: .6rem;
}
.turnstile-wrap small {
  margin-top: .6rem;
  margin-bottom: 0;
}