:root { color-scheme: light; font: 16px/1.6 system-ui, sans-serif; color: #183434; background: #edf3f3; }
body { margin: 0; } main { max-width: 760px; margin: auto; padding: 24px 18px 60px; }
h1 { font-size: 1.8rem; } h2 { font-size: 1.15rem; margin-top: 28px; }
label { display: block; margin: 14px 0; } input, select { box-sizing: border-box; width: 100%; padding: 10px; font: inherit; }
button { padding: 11px 14px; border: 1px solid #406767; border-radius: 8px; background: white; color: inherit; font: inherit; }
button:disabled { opacity: .45; } .actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0; }
pre { padding: 12px; background: white; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; }
#message { font-weight: 600; } input:focus, button:focus-visible { outline: 3px solid #357c7c; }