:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #101827; color: #e5e7eb; }
body { margin: 0; }
main { width: min(720px, calc(100% - 2rem)); margin: 3rem auto; }
section { margin-top: 2rem; padding: 1.5rem; border: 1px solid #334155; border-radius: .75rem; background: #162033; }
label { display: grid; gap: .45rem; margin: 1rem 0; }
input, select, textarea, button { font: inherit; padding: .65rem; border-radius: .4rem; border: 1px solid #64748b; }
button { cursor: pointer; background: #2563eb; color: white; border: 0; margin-right: .5rem; }
button:hover { background: #1d4ed8; }
.hint { color: #cbd5e1; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; padding: 1rem; background: #0b1220; border-radius: .4rem; min-height: 1.5rem; }