:root{font-family:Arial,sans-serif;background:#f6f8f3;color:#294b3e;--line:#dce4d6}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:25px max(24px,calc((100vw - 1150px)/2));background:white;border-bottom:1px solid var(--line);gap:20px}a{color:inherit}.brand{text-decoration:none;font-size:22px;font-weight:bold}header span,.eyebrow{font-size:10px;letter-spacing:1.5px}main{max-width:1150px;margin:auto;padding:35px 24px}h1{font:42px Georgia,serif;letter-spacing:-1px;margin:15px 0}h2{font-size:18px;margin:0 0 15px}p{font-size:14px;line-height:1.7;color:#647761}.panel{padding:24px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.intro{margin-bottom:25px}.layout{display:grid;grid-template-columns:330px 1fr;gap:22px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}form{display:grid;gap:16px;margin:15px 0}label{display:grid;gap:8px;font-size:12px;font-weight:bold}input,select,textarea,button{font:inherit;border:1px solid var(--line);border-radius:7px;padding:11px;max-width:100%;min-width:0}input,select,textarea{width:100%;background:white;color:#284735}textarea{resize:vertical}button{cursor:pointer;background:#245740;color:white;font-size:12px}button:hover{background:#173e2c}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b99554;outline-offset:3px}small,footer{font-size:11px;line-height:1.8;color:#6c7b64}footer{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}[hidden]{display:none!important}#status{white-space:pre-wrap;background:#e8eee0;border-radius:7px;padding:12px}#status:empty{display:none}#auth{max-width:540px}.thread{display:block;text-align:left;width:100%;background:#f1f5ec;color:#294b3e;margin:10px 0;line-height:1.7}.thread.active{border:2px solid #245740}.thread span{display:block;font-size:11px}.bubble{background:#f0f4e9;border-radius:10px;padding:15px;margin:15px 0;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.host{background:#e2eee6;margin-left:25px}.bubble p{color:#294b3e;margin:8px 0}.bubble small{font-size:10px}.notification{padding:12px;background:#faf1df;font-size:12px;line-height:1.7}.notification button{margin-top:10px}.conversation{align-self:start}#conversation>p{overflow-wrap:anywhere}@media(max-width:760px){.layout{grid-template-columns:1fr}header{padding:20px}header span{display:none}main{padding:25px 16px}h1{font-size:34px}.panel{padding:20px}.toolbar{align-items:flex-start;flex-wrap:wrap}.brand{font-size:18px}}