:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--border-color: #30363d;--accent-color: #58a6ff;--accent-hover: #79c0ff;--success-color: #3fb950;--thinking-bg: #1c2128}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary)}.chat-container{display:flex;flex-direction:column;height:100vh;max-width:900px;margin:0 auto;padding:0 1rem}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border-color)}.chat-header h1{font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.chat-header a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s}.chat-header a:hover{color:var(--accent-color)}.messages-container{flex:1;overflow-y:auto;padding:1.5rem 0;display:flex;flex-direction:column;gap:1.5rem}.message{display:flex;flex-direction:column;gap:.5rem}.message-role{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.message.user .message-role{color:var(--accent-color)}.message.assistant .message-role{color:var(--success-color)}.message-content{line-height:1.6;font-size:1rem}.message-content p{margin-bottom:1rem}.message-content p:last-child{margin-bottom:0}.message-content strong{font-weight:600;color:var(--text-primary)}.message-content a{color:var(--accent-color);text-decoration:none}.message-content a:hover{text-decoration:underline}.message-content ul,.message-content ol{margin-left:1.5rem;margin-bottom:1rem}.message-content li{margin-bottom:.5rem}.message-content code{background:var(--bg-tertiary);padding:.2em .4em;border-radius:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.9em}.message-content pre{background:var(--bg-tertiary);padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1rem}.message-content pre code{background:none;padding:0}.thinking-section{background:var(--thinking-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem}.thinking-toggle{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:color .2s}.thinking-toggle:hover{color:var(--text-primary)}.thinking-toggle svg{transition:transform .2s}.thinking-section.open .thinking-toggle svg{transform:rotate(90deg)}.thinking-content{display:none;padding:0 1rem 1rem;font-size:.875rem;color:var(--text-secondary);border-top:1px solid var(--border-color)}.thinking-section.open .thinking-content{display:block}.sources-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.sources-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem}.sources-list{display:flex;flex-direction:column;gap:.25rem}.sources-list a{color:var(--accent-color);font-size:.875rem;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sources-list a:hover{text-decoration:underline}.followups-section{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.followup-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;cursor:pointer;transition:all .2s}.followup-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--bg-tertiary)}.loading-indicator{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.loading-dots{display:flex;gap:4px}.loading-dots span{width:6px;height:6px;background:var(--text-secondary);border-radius:50%;animation:pulse 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.input-container{padding:1rem 0;border-top:1px solid var(--border-color)}.input-form{display:flex;gap:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:.75rem 1rem;transition:border-color .2s}.input-form:focus-within{border-color:var(--accent-color)}.input-form input{flex:1;background:none;border:none;color:var(--text-primary);font-size:1rem;outline:none}.input-form input::placeholder{color:var(--text-muted)}.input-form button{background:var(--accent-color);border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:.5rem}.input-form button:hover:not(:disabled){background:var(--accent-hover)}.input-form button:disabled{opacity:.5;cursor:not-allowed}.welcome-message{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.welcome-message h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.welcome-message p{max-width:500px;margin:0 auto}.suggestions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.5rem}.suggestion-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;cursor:pointer;transition:all .2s}.suggestion-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}@media(max-width:640px){.chat-header h1{font-size:1rem}.chat-header a{font-size:.75rem}.welcome-message h2{font-size:1.25rem}.welcome-message p{font-size:.875rem}.suggestions{flex-direction:column;align-items:stretch}.suggestion-btn{text-align:center}.input-form,.input-form button{padding:.5rem .75rem}.input-form button svg{display:none}}