:root{font-family:system-ui,sans-serif;color:#22322b;background:#f4f6f3}body{margin:0}main{max-width:760px;margin:auto;padding:20px}h1{font-size:1.5rem}button,input,textarea{font:inherit}button{padding:12px 16px;margin:5px;border:1px solid #789285;border-radius:8px;background:white;color:#18372b;cursor:pointer}button:disabled{opacity:.5}label{display:block}input{box-sizing:border-box;width:100%;padding:12px;margin:10px 0}article{background:white;border-radius:12px;padding:18px;margin:20px 0;overflow-wrap:anywhere}textarea{box-sizing:border-box;width:100%;min-height:180px;padding:12px;line-height:1.7}img{width:100%;max-width:480px;border-radius:8px}small{display:block;line-height:1.6}#message{white-space:pre-wrap}a{color:#256441}.body{white-space:pre-wrap;line-height:1.8}