.chat-container{display:flex;flex-direction:column;height:100vh;max-width:1200px;margin:0 auto;background-color:var(--bg-color, #1a1a1a)}.chat-header{padding:1.5rem;background-color:var(--header-bg, #2a2a2a);border-bottom:1px solid var(--border-color, #3a3a3a);text-align:center}.chat-header h1{margin:0;font-size:1.5rem;color:var(--text-color, #ffffff)}.messages-container{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted, #888);font-size:1.1rem}.message{display:flex;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{justify-content:flex-end}.assistant-message{justify-content:flex-start}.message-content{max-width:70%;padding:1rem 1.25rem;border-radius:1rem;background-color:var(--message-bg, #2a2a2a)}.user-message .message-content{background-color:var(--user-message-bg, #646cff);color:#fff}.assistant-message .message-content{background-color:#1a1a1a;border:1px solid #555555}.assistant-message .message-role,.assistant-message .message-text,.assistant-message .message-timestamp{color:#fff}.message-role{font-size:.75rem;font-weight:600;margin-bottom:.5rem;opacity:.8;text-transform:uppercase;letter-spacing:.5px;color:inherit}.message-text{font-size:1rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;color:inherit}.message-timestamp{font-size:.7rem;margin-top:.5rem;opacity:.6;color:inherit}.typing-indicator{display:flex;gap:.3rem;align-items:center;padding:.5rem 0}.typing-indicator span{width:8px;height:8px;border-radius:50%;background-color:var(--text-muted, #888);animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.input-container{display:flex;gap:.75rem;padding:1.5rem;background-color:var(--header-bg, #2a2a2a);border-top:1px solid var(--border-color, #3a3a3a)}.message-input{flex:1;padding:.875rem 1.25rem;border:1px solid var(--border-color, #3a3a3a);border-radius:.5rem;background-color:var(--input-bg, #1a1a1a);color:var(--text-color, #ffffff);font-size:1rem;font-family:inherit;transition:border-color .2s}.message-input:focus{outline:none;border-color:var(--focus-color, #646cff)}.message-input:disabled{opacity:.5;cursor:not-allowed}.send-button{padding:.875rem 2rem;border:none;border-radius:.5rem;background-color:var(--button-bg, #646cff);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s}.send-button:hover:not(:disabled){background-color:var(--button-hover, #535bf2);transform:translateY(-1px)}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:light){.chat-container{--bg-color: #ffffff;--header-bg: #f5f5f5;--border-color: #e0e0e0;--text-color: #213547;--text-muted: #666;--message-bg: #f5f5f5;--user-message-bg: #646cff;--assistant-message-bg: #f5f5f5;--input-bg: #ffffff;--focus-color: #646cff;--button-bg: #646cff;--button-hover: #535bf2}}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:var(--bg-color, #1a1a1a)}.messages-container::-webkit-scrollbar-thumb{background:var(--border-color, #3a3a3a);border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #555)}