body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{background-color:#0000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.app-container{box-sizing:border-box;background-color:#fff;flex-direction:column;width:100vw;height:100vh;display:flex}.chat-header{color:#fff;z-index:10;background-color:#1e293b;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 15px;display:flex}.messages-list{background-color:#f8fafc;flex-direction:column;flex:auto;gap:15px;min-height:0;padding:20px;display:flex;overflow-y:auto}.input-area{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:10px;height:70px;padding:0 15px;display:flex}.message-item{width:100%;display:flex}.close-button{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 8px;font-size:36px;line-height:1;transition:all .2s;display:flex}.close-button:hover{color:#cbd5e1;transform:scale(1.1)}.message-item.user{justify-content:flex-end}.message-item.bot{justify-content:flex-start}.message-bubble{word-wrap:break-word;border-radius:12px;max-width:80%;padding:10px 14px;font-size:14px;line-height:1.5}.user .message-bubble{color:#fff;background-color:#2563eb;border-bottom-right-radius:2px}.bot .message-bubble{color:#1e293b;background-color:#e2e8f0;border-bottom-left-radius:2px}.input-area input{border:1px solid #cbd5e1;border-radius:6px;outline:none;flex:1;padding:10px}.send-button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:8px 16px}