:root{--bg-color: #0d1117;--sidebar-bg: #161b22;--text-primary: #c9d1d9;--text-secondary: #8b949e;--accent-color: #58a6ff;--input-bg: #161b22;--border-color: #30363d;--user-msg-bg: #1f6feb;--ai-msg-bg: #21262d}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-color);color:var(--text-primary);height:100vh;width:100vw;overflow:hidden}#root{height:100%;width:100%;display:flex;flex-direction:column}textarea{font-family:inherit}.chat-container{display:flex;flex-direction:column;height:100%;max-width:900px;margin:0 auto;width:100%;position:relative}.messages-list{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;scroll-behavior:smooth}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center}.empty-state h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text-primary)}.message{display:flex;width:100%}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{max-width:80%;padding:1rem 1.5rem;border-radius:1rem;line-height:1.6;font-size:1rem;white-space:pre-wrap}.message.user .message-content{background-color:var(--user-msg-bg);color:#fff;border-bottom-right-radius:.25rem}.message.assistant .message-content{background-color:var(--ai-msg-bg);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:.25rem}.input-area{padding:1.5rem;background-color:var(--bg-color);border-top:1px solid var(--border-color)}.input-area form{display:flex;gap:1rem;align-items:flex-end;background-color:var(--input-bg);padding:.75rem;border-radius:.75rem;border:1px solid var(--border-color);transition:border-color .2s}.input-area form:focus-within{border-color:var(--accent-color)}textarea{flex:1;background:transparent;border:none;color:var(--text-primary);resize:none;font-size:1rem;line-height:1.5;outline:none;padding:.25rem;max-height:200px}button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}button:hover:not(:disabled){color:var(--accent-color)}button:disabled{opacity:.5;cursor:not-allowed}.typing-indicator span{display:inline-block;animation:bounce 1.4s infinite ease-in-out both;margin:0 2px;font-size:.8rem}.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)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}