*{box-sizing:border-box}body{margin:0;font:14px system-ui,-apple-system,Arial,sans-serif;color:#12323a;background:transparent}.chat{border:1px solid #c9e2d6;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;height:min(510px,95vh);background:white;box-shadow:0 5px 28px #163a3212}header{padding:13px 16px;background:#eef8f1;border-bottom:1px solid #d5e7dd}header strong{display:inline;font-size:15px}header small{display:block;margin:4px 0 0 22px;color:#667e74;font-size:11px}.dot{color:#0e886e;margin-right:6px}main{flex:1;min-height:190px;overflow:auto;padding:15px;background:#f8fcfa;display:flex;flex-direction:column;gap:9px}.bot,.user{max-width:88%;padding:10px 12px;border-radius:12px;line-height:1.5;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.bot{background:#e5f1e9;align-self:flex-start}.user{background:#d0f1e0;align-self:flex-end}form{border-top:1px solid #e6eee9;padding:10px 12px}form label{font-size:11px;color:#647a70;font-weight:600}.entry{display:flex;gap:8px;margin-top:5px}input{min-width:0;flex:1;border:1px solid #cdded5;border-radius:8px;padding:10px;color:#12343a}button{border:0;background:#127967;border-radius:8px;color:#fff;padding:8px 13px;cursor:pointer}button:disabled{opacity:.5;cursor:default}footer{text-align:center;font-size:10px;color:#799086;padding:5px 12px 10px}footer a{color:#147c69}