*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--border-color: #e2e8f0;--accent-color: #0ea5e9;--accent-hover: #0284c7;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .2);--shadow-light: rgba(0, 0, 0, .05);--shadow-medium: rgba(0, 0, 0, .1);--gradient-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--sidebar-bg: rgba(255, 255, 255, .95);--chat-bg: rgba(255, 255, 255, .9);--overlay-bg: rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--border-color: #27272a;--accent-color: #0ea5e9;--accent-hover: #0284c7;--glass-bg: rgba(0, 0, 0, .8);--glass-border: rgba(255, 255, 255, .1);--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .5);--gradient-bg: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--sidebar-bg: rgba(0, 0, 0, .95);--chat-bg: rgba(0, 0, 0, .9);--overlay-bg: rgba(255, 255, 255, .05)}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:var(--gradient-bg);background-attachment:fixed;min-height:100vh;color:var(--text-primary);transition:all .3s ease;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(14,165,233,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(59,130,246,.08) 0%,transparent 50%);pointer-events:none;z-index:-1}.app{display:flex;height:100vh;overflow:hidden;position:relative}.sidebar-toggle-btn{position:fixed;top:1rem;left:1rem;z-index:1001;width:44px;height:44px;border-radius:12px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px var(--shadow-medium)}.sidebar-toggle-btn:hover{background:var(--overlay-bg);transform:scale(1.05)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;display:none}.sidebar{width:280px;background:var(--sidebar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 8px 32px var(--shadow-medium);z-index:1000}.sidebar.collapsed{width:70px}.sidebar.collapsed .brand-text,.sidebar.collapsed .new-chat-button span,.sidebar.collapsed .session-title,.sidebar.collapsed .delete-session{display:none}.sidebar.collapsed .chat-session-item,.sidebar.collapsed .new-chat-button{justify-content:center;padding:.875rem .5rem}.sidebar.collapsed .brand-section{justify-content:center}.sidebar.collapsed .sidebar-controls{flex-direction:column;gap:.25rem}.sidebar-close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:8px;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .2s ease;z-index:1001}.sidebar-close-btn:hover{background:var(--overlay-bg);color:var(--text-primary)}.sidebar-header{padding:1.5rem 1rem 1rem;border-bottom:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.brand-section{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.brand-logo{width:40px;height:40px;background:var(--accent-color);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;flex-shrink:0;box-shadow:0 4px 12px #0ea5e94d}.brand-text{font-size:1.5rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,var(--accent-color),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-controls{display:flex;gap:.5rem;align-items:center}.control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-decoration:none}.control-btn:hover{background:var(--overlay-bg);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-medium);border-color:var(--accent-color)}.collapse-btn{transition:transform .2s ease}.collapse-btn:hover{transform:scale(1.1)}.sidebar-content{flex:1;padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow:hidden}.new-chat-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;background:var(--accent-color);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:.9rem;box-shadow:0 4px 12px #0ea5e94d}.new-chat-button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #0ea5e966}.chat-sessions{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-right:.25rem}.chat-session-item{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative}.chat-session-item:hover{background:var(--overlay-bg);transform:translate(4px);box-shadow:0 4px 12px var(--shadow-medium)}.chat-session-item.active{background:var(--accent-color);color:#fff;box-shadow:0 4px 12px #0ea5e94d}.session-title{flex:1;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-session{opacity:0;background:none;border:none;color:inherit;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s ease}.chat-session-item:hover .delete-session{opacity:1}.delete-session:hover{background:rgba(239,68,68,.2);color:#ef4444}.chat-area{flex:1;display:flex;flex-direction:column;background:var(--chat-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--glass-border);position:relative}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.empty-state-icon{margin-bottom:1.5rem;padding:1.5rem;background:var(--glass-bg);border-radius:50%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--shadow-medium)}.empty-state h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.empty-state p{color:var(--text-secondary);font-size:1rem}.messages-container{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.message{display:flex;gap:1rem;max-width:80%;animation:fadeInUp .3s ease}.user-message{align-self:flex-end;flex-direction:row-reverse}.assistant-message{align-self:flex-start}.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);flex-shrink:0;box-shadow:0 4px 12px var(--shadow-medium)}.user-message .message-avatar{background:var(--accent-color);color:#fff}.message-content{flex:1}.message-text{background:var(--glass-bg);padding:1rem 1.25rem;border-radius:18px;font-size:.95rem;line-height:1.5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);word-wrap:break-word;box-shadow:0 4px 12px var(--shadow-medium)}.user-message .message-text{background:var(--accent-color);color:#fff}.message-timestamp{font-size:.75rem;color:var(--text-muted);margin-top:.5rem;text-align:right}.user-message .message-timestamp{text-align:left}.typing-indicator{animation:fadeInUp .3s ease}.typing-dots{display:flex;gap:.25rem;padding:1rem 1.25rem}.typing-dots span{width:8px;height:8px;border-radius:50%;background:var(--text-muted);animation:typing 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-input-container{padding:1.5rem;border-top:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.chat-input-wrapper{display:flex;gap:.75rem;align-items:flex-end;background:var(--glass-bg);border-radius:20px;padding:.75rem;border:1px solid var(--glass-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px var(--shadow-medium)}.chat-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:.95rem;line-height:1.5;resize:none;max-height:120px;min-height:24px}.chat-input::placeholder{color:var(--text-muted)}.send-button{width:40px;height:40px;border-radius:50%;background:var(--accent-color);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;box-shadow:0 4px 12px #0ea5e94d}.send-button:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05)}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.messages-container::-webkit-scrollbar,.chat-sessions::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track,.chat-sessions::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb,.chat-sessions::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover,.chat-sessions::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 768px){.sidebar-toggle-btn{display:flex}.sidebar-overlay{display:block}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close-btn{display:flex}.chat-area{border-left:none;margin-left:0}.message{max-width:90%}}@media (min-width: 769px){.sidebar.closed{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}