*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:#f0f2f5;font-family:Arial,Helvetica,sans-serif}.chat{background:#fff;flex-direction:column;width:100%;height:100dvh;display:flex}.header{color:#00534c;background:#f9f9f9;border-bottom:1px solid #d1d1d1;padding:15px;font-weight:700}.messages{background:#ebebea;flex-direction:column;flex:1;padding:20px;display:flex;overflow-y:auto}.bot-wrapper{align-items:end;margin-bottom:15px;display:flex}.bot-avatar{border-radius:50%;flex-shrink:0;width:45px;height:45px;margin-right:10px}.bot-avatar img{object-fit:cover;width:100%;height:100%}.bot-bubble{color:#1a1e21;white-space:pre-line;background:#f9f9f9;border-radius:10px 10px 10px 0;max-width:75%;padding:15px 18px;font-size:14px;line-height:20px}.user{color:#fff;background:#00534c;border-radius:10px 10px 0;align-self:flex-end;max-width:75%;margin-bottom:15px;padding:10px 16px;font-size:14px;font-weight:700}.input-area{background:#fff;padding:15px;box-shadow:0 -2px 10px #0000000d}.input-wrapper{background:#f3f4f6;border:2px solid #c7d2fe;border-radius:30px;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.input-wrapper:focus-within{border-color:#9bb0cc}.input-wrapper input{color:#333;background:0 0;border:none;outline:none;flex:1;padding:8px;font-size:14px}.input-wrapper input::placeholder{color:#9ca3af}.send-btn{cursor:pointer;background:#fff;border:2px solid #c7d2fe;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.send-btn:hover{background:#eef2ff;border-color:#6366f1}.send-btn svg{stroke:#6366f1;width:18px;height:18px}.typing{gap:6px;display:flex}.typing span{background:#333;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both bounce}.typing span:first-child{background:linear-gradient(135deg,#00534c,#149a66);animation-delay:-.32s}.typing span:nth-child(2){background:linear-gradient(135deg,#149a66,#26d07c);animation-delay:-.16s}.typing span:nth-child(3){background:linear-gradient(135deg,#26d07c,#00534c)}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(0)}40%{opacity:1;transform:scale(1)}}