:root { color-scheme: dark; font-family: system-ui, sans-serif; }
body { max-width: 900px; margin: 0 auto; padding: 2rem 1rem; background: #101419; color: #edf2f7; }
section { background: #182028; border: 1px solid #34414d; border-radius: 14px; padding: 1.2rem; margin: 1rem 0; }
form { display: grid; gap: .7rem; max-width: 520px; }
input, textarea, button { font: inherit; border-radius: 8px; padding: .65rem; border: 1px solid #526272; }
input, textarea { background: #0e1318; color: inherit; }
button { background: #4da3ff; color: #07111b; cursor: pointer; font-weight: 700; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; background: #0c1014; padding: 1rem; border-radius: 8px; }
.muted { color: #a9b6c2; }
a { color: #8bc4ff; }
