*{box-sizing:border-box}.App{background-color:#0000;width:350px;height:500px;margin:0;padding:0;font-family:sans-serif;overflow:hidden}.chat-popup{background:#fff;border-radius:10px;flex-direction:column;width:350px;height:500px;display:flex;overflow:hidden;box-shadow:0 5px 20px #00000026}.chat-header{color:#fff;background:#007bff;flex-shrink:0;justify-content:space-between;align-items:center;height:50px;padding:10px 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:10px;overflow:hidden}.message{white-space:pre-wrap;border-radius:10px;max-width:85%;margin-bottom:8px;padding:8px;font-size:14px;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;flex-shrink:0;gap:5px;height:60px;padding:8px;display:flex}input{border:1px solid #ddd;border-radius:5px;flex:1;padding:8px}button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:5px;padding:8px 12px}.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}.dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}