.chat-container{display:flex;flex-direction:column;height:100vh;max-width:900px;margin:0 auto;background-color:var(--bg-primary);position:relative}.chat-header{background-color:var(--bg-secondary);padding:16px 20px;box-shadow:0 2px 8px #0000004d;z-index:10}.chat-header h1{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.message{display:flex;flex-direction:column;max-width:70%;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.bot{align-self:flex-start}.message.user{align-self:flex-end}.message-content{padding:12px 16px;border-radius:12px;word-wrap:break-word;white-space:pre-wrap}.message.bot .message-content{background-color:var(--bg-message-bot);border-bottom-left-radius:4px}.message.user .message-content{background-color:var(--bg-message-user);border-bottom-right-radius:4px}.message-text{font-size:15px;line-height:1.5;color:var(--text-primary)}.message-time{font-size:11px;color:var(--text-secondary);margin-top:4px;text-align:right}.message-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding:0 4px}.action-button{background-color:var(--button-bg);color:var(--button-text);border:none;padding:10px 20px;border-radius:20px;font-size:14px;cursor:pointer;transition:all .2s;font-weight:500}.action-button:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #5eaaef4d}.action-button:active{transform:translateY(0)}.input-area{display:flex;gap:12px;padding:16px 20px;background-color:var(--bg-secondary);border-top:1px solid var(--border)}.chat-input{flex:1;background-color:var(--input-bg);color:var(--text-primary);border:none;padding:12px 16px;border-radius:24px;font-size:15px;outline:none;transition:all .2s}.chat-input:focus{box-shadow:0 0 0 2px var(--accent)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.send-button{background-color:var(--button-bg);color:var(--button-text);border:none;width:48px;height:48px;border-radius:50%;font-size:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.send-button:hover:not(:disabled){background-color:var(--accent-hover);transform:scale(1.05)}.send-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.chat-container{max-width:100%}.message{max-width:85%}.chat-messages{padding:12px}.message-text{font-size:14px}.action-button{padding:8px 16px;font-size:13px}.input-area{padding:12px}.chat-input{padding:10px 14px;font-size:14px}.send-button{width:44px;height:44px}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background-color:var(--text-secondary);border-radius:3px;opacity:.5}.chat-messages::-webkit-scrollbar-thumb:hover{background-color:var(--accent)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0e1621;--bg-secondary: #17212b;--bg-message-bot: #182533;--bg-message-user: #2b5278;--text-primary: #ffffff;--text-secondary: #7aa3c0;--accent: #5eaaef;--accent-hover: #4a9ae0;--border: #0e1621;--input-bg: #242f3d;--button-bg: #5eaaef;--button-text: #ffffff;--success: #4caf50;--error: #f44336}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden}#root{height:100vh;width:100vw}