*{box-sizing:border-box}body{font:16px system-ui;margin:0;background:#fff7e5;color:#34220e}main{max-width:1050px;margin:40px auto;padding:24px}header{display:flex;gap:20px;align-items:center}header img{width:70px}h1{margin:0}section,article{background:#fffdf6;border:1px solid #d9c49b;border-radius:12px;padding:24px;margin:18px 0}label{display:block;margin:16px 0}input,textarea{display:block;width:100%;max-width:650px;padding:12px;font:inherit;border:1px solid #bda678;border-radius:6px}button{font:inherit;padding:10px 18px;margin:8px 8px 8px 0;border:1px solid #b99d64;border-radius:6px;background:#f4dfa9;cursor:pointer}small{display:block;color:#6a573d}#message{white-space:pre-wrap}textarea{height:160px;word-break:break-all}a{color:#674617}