*{box-sizing:border-box;margin:0;padding:0}:root{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;--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-bg: #f9fafb;--color-surface: #ffffff;--color-text: #374151;--color-text-secondary: #6b7280;--color-border: #e5e7eb}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);line-height:1.5;font-size:16px}#root{min-height:100vh}*:focus-visible{outline:2px solid #6366f1;outline-offset:2px}button{font-family:inherit;font-size:inherit;background:none;border:none;cursor:pointer}textarea{font-family:inherit}:root{--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}.chat-container{display:flex;height:100vh;background:var(--gray-50);overflow:hidden}.sidebar{width:280px;background:var(--white);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sidebar.closed{margin-left:-280px}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--gray-100)}.new-chat-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--indigo-50);border:1px solid var(--indigo-200);border-radius:12px;color:var(--indigo-700);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.new-chat-btn:hover{background:var(--indigo-100);border-color:var(--indigo-300);transform:translateY(-1px);box-shadow:var(--shadow-md)}.new-chat-btn .icon{font-size:1.25rem;font-weight:300}.conversations-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.conversation-item{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.875rem 1rem;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.conversation-item:hover{background:var(--gray-100)}.conversation-item.active{background:var(--indigo-50)}.conversation-title{font-size:.875rem;font-weight:500;color:var(--gray-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.conversation-item.active .conversation-title{color:var(--indigo-700)}.conversation-time{font-size:.75rem;color:var(--gray-400)}.chat-main{flex:1;display:flex;flex-direction:column;background:var(--white);overflow:hidden}.chat-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--white);border-bottom:1px solid var(--gray-200)}.toggle-sidebar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--gray-300);border-radius:8px;color:var(--gray-600);cursor:pointer;transition:all .2s ease}.toggle-sidebar:hover{background:var(--gray-100);border-color:var(--gray-400)}.chat-header h1{margin:0;font-size:1.125rem;font-weight:600;color:var(--gray-800)}.messages-container{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;background:linear-gradient(to bottom,var(--gray-50),var(--white))}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--gray-500)}.empty-icon{font-size:4rem;opacity:.5}.empty-state h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--gray-700)}.empty-state p{margin:0;font-size:1rem;color:var(--gray-500)}.message{display:flex;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-bubble{max-width:70%;padding:.875rem 1.25rem;border-radius:18px;box-shadow:var(--shadow-sm);transition:all .2s ease}.message.user .message-bubble{background:var(--indigo-500);color:var(--white);border-bottom-right-radius:6px}.message.user .message-bubble:hover{background:var(--indigo-600);box-shadow:var(--shadow-md)}.message.assistant .message-bubble{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-200);border-bottom-left-radius:6px}.message.assistant .message-bubble:hover{box-shadow:var(--shadow-md);border-color:var(--indigo-200)}.message-bubble p{margin:0;font-size:.9375rem;line-height:1.6}.message-time{display:block;margin-top:.5rem;font-size:.6875rem;opacity:.7}.message.user .message-time{color:var(--indigo-100)}.message.assistant .message-time{color:var(--gray-400)}.input-container{padding:1.5rem;background:var(--white);border-top:1px solid var(--gray-200)}.input-wrapper{display:flex;gap:.75rem;align-items:flex-end;background:var(--gray-50);border:1px solid var(--gray-300);border-radius:16px;padding:.75rem;transition:all .2s ease}.input-wrapper:focus-within{background:var(--white);border-color:var(--indigo-400);box-shadow:0 0 0 3px var(--indigo-100)}.message-input{flex:1;border:none;background:transparent;outline:none;resize:none;font-family:inherit;font-size:.9375rem;line-height:1.5;color:var(--gray-700);max-height:120px;min-height:24px}.message-input::placeholder{color:var(--gray-400)}.send-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--indigo-500);border:none;border-radius:10px;color:var(--white);cursor:pointer;transition:all .2s ease;flex-shrink:0}.send-button:hover:not(:disabled){background:var(--indigo-600);transform:scale(1.05);box-shadow:var(--shadow-md)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{background:var(--gray-300);cursor:not-allowed;opacity:.6}.conversations-list::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:transparent}.conversations-list::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.conversations-list::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media(max-width:768px){.sidebar{position:absolute;left:0;top:0;height:100%;z-index:10;box-shadow:var(--shadow-xl)}.sidebar.closed{margin-left:-280px}.message-bubble{max-width:85%}}