:root { color-scheme: light; font-family: system-ui, sans-serif; background:#f5f2ec; color:#28231e; }
body { margin:0; }
main { max-width:680px; margin:auto; padding:24px 16px 56px; }
h1 { font-size:1.45rem; }
h2 { font-size:1.05rem; margin-top:0; }
section { background:#fff; border:1px solid #d9d0c4; border-radius:14px; padding:16px; margin:14px 0; }
.warning { background:#fff5d8; border-radius:10px; padding:12px; }
label { display:block; margin:12px 0 6px; }
input { box-sizing:border-box; width:100%; min-height:44px; padding:9px; font:inherit; }
button { min-height:44px; margin:8px 8px 0 0; padding:8px 14px; font:inherit; }
button:disabled { opacity:.5; }
pre { white-space:pre-wrap; overflow-wrap:anywhere; }