.App{font-family:sans-serif}.chat-bubble{color:#fff;cursor:pointer;z-index:1000;background-color:#007bff;border:none;border-radius:50%;width:60px;height:60px;font-size:24px;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 10px #0003}.chat-popup{z-index:1000;background:#fff;border-radius:10px;flex-direction:column;width:350px;height:500px;display:flex;position:fixed;bottom:90px;right:20px;overflow:hidden;box-shadow:0 5px 20px #00000026}.chat-header{color:#fff;background:#007bff;justify-content:space-between;align-items:center;padding:15px;display:flex}.chat-header button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px}.chat-window{background:#f9f9f9;flex:1;padding:15px;overflow-y:auto}.message{white-space:pre-wrap;border-radius:10px;max-width:80%;margin-bottom:10px;padding:10px;line-height:1.4}.message.user{color:#fff;background-color:#007bff;align-self:flex-end;margin-left:auto}.message.ai{color:#333;background-color:#e9ecef}.input-area{border-top:1px solid #ddd;gap:10px;padding:15px;display:flex}input{border:1px solid #ddd;border-radius:5px;flex:1;padding:10px}button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:5px;padding:10px 15px}.typing-indicator{align-items:center;gap:4px;display:flex}.dot{background-color:#888;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both bounce}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}