: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:.6rem .85rem;display:flex;align-items:center;gap:.6rem}.hdr-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff38;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;flex:none}.hdr-meta{display:flex;flex-direction:column;line-height:1.2;min-width:0}.hdr-name{font-size:1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hdr-presence{font-size:.72rem;opacity:.85}.chat{display:flex;flex-direction:column;flex:1;min-height:0}.messages{flex:1;overflow-y:auto;padding:.9rem;display:flex;flex-direction:column;gap:.35rem;background:#f6f2ea;background-image:radial-gradient(rgba(21,16,15,.04) 1px,transparent 1px);background-size:16px 16px}.bubble{max-width:80%;padding:.5rem .7rem;border-radius:16px;line-height:1.35;white-space:pre-wrap;word-break:break-word;box-shadow:0 1px 1px #15100f0f}.bubble.me{align-self:flex-end;background:var(--brand);color:#fff;border-bottom-right-radius:5px}.bubble.them{align-self:flex-start;background:#fff;color:#15100f;border-bottom-left-radius:5px}.msg{display:flex;flex-direction:column;gap:.3rem}.msg.me{align-items:flex-end}.msg.them{align-items:flex-start}.actions{display:flex;flex-direction:column;gap:.3rem;max-width:88%}.act{text-align:left;border:1px solid #d8d2c6;background:#fff;color:#15100f;border-radius:14px;padding:.5rem .7rem;font:inherit;font-size:.92rem;line-height:1.35;cursor:pointer}.act:hover{border-color:var(--brand)}.act.on{border-color:var(--brand);background:#fff7e6}.act:disabled{opacity:.55;cursor:default}.act-row{display:flex;gap:.9rem;padding-left:.2rem}.act-mini{background:none;border:0;font:inherit;font-size:.78rem;color:#8a8579;cursor:pointer;padding:0;text-decoration:underline}.act-mini:hover{color:#15100f}.act-mini.danger{color:#b42318}.act-mini:disabled{opacity:.5;cursor:default}.composer{display:flex;align-items:center;gap:.5rem;padding:.6rem .7rem;border-top:1px solid #e7e2d8;background:#fff}.composer input{flex:1;min-width:0;padding:.6rem .85rem;border:1px solid #d8d2c6;border-radius:999px;font-size:1rem;outline:none}.composer input:focus{border-color:var(--brand)}.composer button.send{width:42px;height:42px;flex:none;padding:0;border:0;border-radius:50%;background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.composer button.send:disabled{opacity:.45;cursor:default}