:root{color-scheme:light dark;font:18px/1.5 system-ui;background:light-dark(#faf5e9,#191c1a);color:light-dark(#232e28,#f5f1e6)}main{max-width:800px;margin:40px auto;padding:24px}h1{font-family:Georgia,serif;font-size:2.4rem}article{border-top:1px solid #8d958a;padding:24px 0}label{display:block;margin:12px 0}input,textarea{display:block;box-sizing:border-box;width:100%;font:inherit;padding:10px;border:1px solid #8d958a;border-radius:8px}textarea{min-height:90px}button{font:inherit;padding:12px 18px;margin:8px 8px 8px 0;cursor:pointer;border:1px solid currentColor;border-radius:8px}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #df7b46;outline-offset:3px}button:disabled{opacity:.5}#message{white-space:pre-wrap}