.chat-demo{width:100%;max-width:860px;margin:3rem auto;border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden;color:#111;font-family:Inter,-apple-system,sans-serif;font-size:15px;box-shadow:0 12px 36px #0000000f}.chat-top-bar{height:48px;display:flex;align-items:center;padding:0 16px;background:#fafaf9;border-bottom:1px solid var(--border-light)}.top-bar-title{font-size:13px;font-weight:600;color:#71717a;letter-spacing:.02em}.chat-messages{padding:24px 32px;height:520px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.chat-messages::-webkit-scrollbar{display:none}.message{display:flex;animation:fadeIn .2s ease forwards}.message-user{justify-content:flex-end}.message-assistant{justify-content:flex-start}.message-bubble{max-width:85%;position:relative}.message-user .message-bubble{background:#f4f4f2;color:#111;padding:14px 20px;border-radius:16px 16px 4px;border:1px solid var(--border-light)}.message-assistant .message-bubble{background:none;padding:0;max-width:100%;width:100%}.message-body{font-size:15px;line-height:1.6;color:#334155}.message-body p{margin-bottom:12px}.chat-table-wrapper{overflow-x:auto;margin:16px 0;border-radius:8px;border:1px solid #e2e8f0}.chat-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.chat-table th{background:#f8fafc;font-weight:600;color:#475569;padding:10px 16px;border-bottom:1px solid #e2e8f0}.chat-table td{padding:10px 16px;border-bottom:1px solid #e2e8f0;color:#334155}.chat-table tr:last-child td{border-bottom:none}.chat-table td strong{font-weight:600;color:#0f172a}.thinking-block{margin-bottom:14px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;overflow:hidden;animation:fadeIn .2s ease;max-width:600px}.thinking-block.active .thinking-label{animation:pulse 2s ease-in-out infinite}.thinking-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;color:#6366f1;font-size:13px;font-weight:500;cursor:default;text-align:left}.thinking-content{padding:4px 14px 14px 34px;font-size:13px;line-height:1.5;color:#64748b}.tool-activity{margin-bottom:14px;display:flex;flex-direction:column;gap:8px;max-width:600px}.tool-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;animation:fadeIn .2s ease}.tool-item.complete{background:#f8fafc;border-color:#e2e8f0}.tool-status-icon{flex-shrink:0;width:16px;height:16px;margin-top:2px;display:flex;align-items:center;justify-content:center;color:#10b981}.tool-text{display:flex;flex-direction:column;gap:2px}.tool-label{font-weight:500;font-size:13px;color:#059669}.tool-item.complete .tool-label{color:#475569}.tool-tokens{font-weight:400;font-size:11px;color:#94a3b8;margin-left:8px;font-family:Fira Code,monospace}.tool-fn{font-size:12px;color:#64748b;font-family:Fira Code,monospace}.memory-item{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:#faf5ff;border:1px solid #e9d5ff;border-radius:8px;margin-top:16px;animation:fadeIn .3s ease;max-width:650px}.memory-icon{flex-shrink:0;width:16px;height:16px;margin-top:2px;color:#a855f7}.memory-text{display:flex;flex-direction:column;gap:4px}.memory-headline{font-weight:600;font-size:13px;color:#9333ea}.memory-preview{font-size:13px;line-height:1.5;color:#6b7280}.message-stats{margin-top:14px;font-size:12px;color:#9ca3af;font-family:Fira Code,monospace;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.typewriter-cursor:after{content:"▋";animation:blink 1s step-end infinite;color:#10b981;margin-left:4px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:640px){.chat-demo{margin:2rem -1.25rem;border-radius:0;border-left:none;border-right:none;box-shadow:none}.chat-messages{padding:16px;height:420px;gap:16px}.message-user .message-bubble{padding:12px 16px;max-width:92%}.message-body{font-size:14px}.thinking-block,.tool-activity,.memory-item{max-width:100%}.thinking-content{padding:4px 12px 12px 28px;font-size:12px}.tool-item{padding:10px 12px;gap:8px}.tool-fn{font-size:11px;word-break:break-all}.tool-label{font-size:12px}.memory-item{padding:12px}.memory-preview{font-size:12px}.chat-table-wrapper{margin:12px -4px}}