:root{--brand: #1a7f37;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}.center{display:grid;place-items:center;height:100%;padding:2rem;text-align:center}.muted{color:#888}.error{color:#b42318;margin:0 1rem;font-size:.85rem}.app{display:flex;flex-direction:column;height:100%;max-width:640px;margin:0 auto}.hdr{background:var(--brand);color:#fff;padding:1rem;font-weight:600;font-size:1.05rem}.chat{display:flex;flex-direction:column;flex:1;min-height:0}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.bubble{max-width:78%;padding:.55rem .8rem;border-radius:14px;line-height:1.35;white-space:pre-wrap;word-break:break-word}.bubble.me{align-self:flex-end;background:var(--brand);color:#fff;border-bottom-right-radius:4px}.bubble.them{align-self:flex-start;background:#f1f1f4;color:#111;border-bottom-left-radius:4px}.composer{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid #eee}.composer input{flex:1;padding:.6rem .75rem;border:1px solid #ccc;border-radius:999px;font-size:1rem;outline:none}.composer input:focus{border-color:var(--brand)}.composer button{padding:.6rem 1.1rem;border:0;border-radius:999px;background:var(--brand);color:#fff;font-weight:600;cursor:pointer}.composer button:disabled{opacity:.5;cursor:default}