body{font:16px/1.8 system-ui,sans-serif;color:#203247;background:#f4f6fa;margin:0}main{max-width:780px;margin:24px auto;padding:24px;background:white;border-radius:12px}h1{font-size:1.5rem}label{display:block;margin:14px 0}input:not([type=checkbox]),textarea{box-sizing:border-box;width:100%;padding:12px;font:inherit;border:1px solid #8a9baa;border-radius:6px}button{padding:12px 20px;margin:8px 10px 8px 0;border:0;border-radius:6px;background:#234d78;color:white;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.bubble{white-space:pre-wrap;padding:16px;margin:12px 0;border-radius:8px;background:#edf3f9}.user{background:#e7f2ec}#status{color:#a32b20}@media(max-width:600px){main{margin:0;padding:16px;border-radius:0}}