.message-container{display:flex;margin:var(--space-2) 0;animation:slideUp var(--transition-normal)}.user-message{justify-content:flex-end}.bot-message{justify-content:flex-start}.message-content{max-width:70%;display:flex;flex-direction:column}.message-bubble{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);word-break:break-word}.user-bubble{background-color:var(--color-user-bubble);color:var(--color-user-text);border-radius:var(--radius-md) var(--radius-md) 0 var(--radius-md)}.bot-bubble{background-color:var(--color-bot-bubble);color:var(--color-bot-text);border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md)}.message-timestamp{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--space-1);align-self:flex-end}@media (max-width: 768px){.message-content{max-width:85%}.message-bubble{padding:var(--space-2)}}.loading-indicator{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2);animation:fadeIn var(--transition-normal)}.dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-text-tertiary)}.dot:nth-child(1){animation:pulse 1.4s infinite 0s}.dot:nth-child(2){animation:pulse 1.4s infinite .2s}.dot:nth-child(3){animation:pulse 1.4s infinite .4s}.chat-history{flex:1;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column}.message-group{margin-bottom:var(--space-4)}.date-separator{display:flex;align-items:center;margin:var(--space-3) 0;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.date-separator span{padding:0 var(--space-2)}.date-separator:before,.date-separator:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.empty-state{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--color-text-tertiary);animation:fadeIn var(--transition-slow);padding:var(--space-5)}.empty-icon{font-size:4rem;margin-bottom:var(--space-3)}.empty-state h2{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text-primary)}.empty-state p{font-size:var(--font-size-md)}@media (max-width: 768px){.chat-history{padding:var(--space-2)}.date-separator{margin:var(--space-2) 0}.empty-state{padding:var(--space-3)}.empty-icon{font-size:3rem}.empty-state h2{font-size:var(--font-size-lg)}.empty-state p{font-size:var(--font-size-sm)}}.chat-input-container{display:flex;gap:var(--space-2);padding:var(--space-3);background-color:var(--color-surface);border-top:1px solid var(--color-border);position:relative}.chat-input{flex:1;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-text-primary);font-size:var(--font-size-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.chat-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0a84ff33}.chat-input::placeholder{color:var(--color-text-placeholder)}.chat-input:disabled{opacity:.7;cursor:not-allowed}.send-button{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:var(--radius-full);background-color:var(--color-primary);color:#fff;transition:background-color var(--transition-fast),transform var(--transition-fast)}.send-button:hover:not(.disabled){background-color:var(--color-primary-dark);transform:scale(1.05)}.send-button:active:not(.disabled){transform:scale(.95)}.send-button.disabled{background-color:var(--color-text-placeholder);cursor:not-allowed}.send-icon{width:20px;height:20px}@media (max-width: 768px){.chat-input-container{padding:var(--space-2)}.chat-input{padding:var(--space-2);font-size:calc(var(--font-size-md) - 1px)}.send-button{width:40px;height:40px}.send-icon{width:18px;height:18px}}.quick-replies{margin-top:var(--space-3);animation:fadeIn var(--transition-normal)}.quick-replies-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.quick-replies-container{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quick-reply-button{padding:var(--space-2) var(--space-3);background-color:var(--color-surface);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);transition:background-color var(--transition-fast),transform var(--transition-fast);border:1px solid var(--color-border)}.quick-reply-button:hover{background-color:var(--color-primary-light);color:#fff;transform:translateY(-2px)}.quick-reply-button:active{transform:translateY(0)}@media (max-width: 768px){.quick-replies-container{gap:var(--space-1)}.quick-reply-button{padding:var(--space-1) var(--space-2);font-size:calc(var(--font-size-sm) - 1px)}}.chat-container{display:flex;flex-direction:column;height:100vh;max-width:800px;margin:0 auto;background-color:var(--color-card);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);overflow:hidden}.chat-header{padding:var(--space-3);background-color:var(--color-primary);color:#fff;text-align:center;border-bottom:1px solid var(--color-border)}.chat-header h1{font-size:var(--font-size-xl);font-weight:600;margin:0}@media (min-width: 769px){.chat-container{height:calc(100vh - var(--space-5));margin:calc(var(--space-5) / 2) auto;border-radius:var(--radius-lg)}.chat-header h1{font-size:var(--font-size-2xl)}}@media (max-width: 768px){.chat-container{border-radius:0}.chat-header{padding:var(--space-2)}.chat-header h1{font-size:var(--font-size-lg)}}.theme-toggle{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-text-primary);transition:background-color var(--transition-normal),color var(--transition-normal),transform var(--transition-fast);z-index:var(--z-above);box-shadow:var(--shadow-md)}.theme-toggle:hover{transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-icon{width:20px;height:20px}@media (max-width: 768px){.theme-toggle{top:var(--space-2);right:var(--space-2);width:36px;height:36px}.theme-icon{width:18px;height:18px}}:root{--color-primary: #0A84FF;--color-primary-light: #5AC8FA;--color-primary-dark: #0071E3;--color-secondary: #5E5CE6;--color-secondary-light: #BF5AF2;--color-secondary-dark: #4A44D1;--color-accent: #30D158;--color-accent-light: #4CD964;--color-accent-dark: #28BD4B;--color-success: #30D158;--color-warning: #FF9F0A;--color-error: #FF453A;--color-background: #FFFFFF;--color-surface: #F2F2F7;--color-card: #FFFFFF;--color-border: #D1D1D6;--color-text-primary: #000000;--color-text-secondary: #3A3A3C;--color-text-tertiary: #8E8E93;--color-text-placeholder: #C7C7CC;--color-user-bubble: var(--color-primary);--color-user-text: #FFFFFF;--color-bot-bubble: #E9E9EB;--color-bot-text: #000000;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--line-height-body: 1.5;--line-height-heading: 1.2;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .05), 0 4px 6px rgba(0, 0, 0, .05);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-base: 1;--z-above: 10;--z-modal: 100;--z-toast: 1000}.dark-theme{--color-background: #000000;--color-surface: #1C1C1E;--color-card: #2C2C2E;--color-border: #38383A;--color-text-primary: #FFFFFF;--color-text-secondary: #EBEBF5;--color-text-tertiary: #8E8E93;--color-text-placeholder: #48484A;--color-user-bubble: var(--color-primary);--color-user-text: #FFFFFF;--color-bot-bubble: #2C2C2E;--color-bot-text: #FFFFFF}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);line-height:var(--line-height-body);background-color:var(--color-background);color:var(--color-text-primary);transition:background-color var(--transition-normal),color var(--transition-normal);min-height:100vh}button{cursor:pointer;font-family:inherit;border:none;background:none}input,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#0003;border-radius:var(--radius-full)}.dark-theme ::-webkit-scrollbar-thumb{background-color:#fff3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}