*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background-color:#0f0f1a}#root{width:100%;height:100vh}.chat-container{display:flex;flex-direction:column;height:100vh;max-width:800px;margin:0 auto;background-color:#1a1a2e}.chat-header{padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.chat-header h1{margin:0;font-size:1.5rem;font-weight:600}.chat-header p{margin:.25rem 0 0;font-size:.875rem;opacity:.9}.message-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:#888;text-align:center}.message{display:flex;gap:.75rem;max-width:80%;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.assistant{align-self:flex-start}.message-avatar{width:36px;height:36px;border-radius:50%;background-color:#2a2a4a;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.message.user .message-avatar{background-color:#667eea}.message-content{background-color:#2a2a4a;padding:.75rem 1rem;border-radius:1rem;position:relative}.message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message.assistant .message-content{background-color:#2a2a4a;color:#e0e0e0}.message-content p{margin:0;line-height:1.5;word-wrap:break-word}.message-time{display:block;font-size:.7rem;opacity:.6;margin-top:.25rem}.typing-indicator{display:flex;gap:4px;padding:.25rem 0}.typing-indicator span{width:8px;height:8px;background-color:#888;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.message-input{display:flex;gap:.75rem;padding:1rem;background-color:#16162a;border-top:1px solid #2a2a4a}.message-input textarea{flex:1;padding:.75rem 1rem;border:1px solid #3a3a5a;border-radius:1.5rem;background-color:#2a2a4a;color:#e0e0e0;font-size:1rem;font-family:inherit;resize:none;outline:none;transition:border-color .2s}.message-input textarea:focus{border-color:#667eea}.message-input textarea::placeholder{color:#666}.message-input button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .2s,transform .1s}.message-input .attachment-button{padding:.5rem;background:transparent;color:#888;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s}.message-input .attachment-button:hover:not(:disabled){color:#667eea;background-color:#667eea1a}.message-input .attachment-button:disabled{opacity:.5;cursor:not-allowed}.message-input .voice-note-button{padding:.5rem;background:transparent;color:#888;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s}.message-input .voice-note-button:hover:not(:disabled){color:#e74c3c;background-color:#e74c3c1a}.message-input .voice-note-button:disabled{opacity:.5;cursor:not-allowed}.message-input button:hover:not(:disabled){opacity:.9}.message-input button:active:not(:disabled){transform:scale(.98)}.message-input button:disabled{opacity:.5;cursor:not-allowed}.message-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar-track{background:transparent}.message-list::-webkit-scrollbar-thumb{background-color:#3a3a5a;border-radius:3px}.message-list::-webkit-scrollbar-thumb:hover{background-color:#4a4a6a}