.chat-demo{width:100%;max-width:860px;margin:3rem auto;border-radius:14px;background:var(--page-warm);overflow:hidden;color:var(--ink);font-family:var(--ui);font-size:15px;box-shadow:var(--shadow-page)}.chat-top-bar{height:48px;display:flex;align-items:center;gap:9px;padding:0 18px;border-bottom:1px solid var(--hair)}.top-bar-mark{width:18px;height:18px;display:block}.top-bar-title{font-family:var(--serif);font-size:16.5px;font-weight:600;color:var(--ink)}.top-bar-meta{margin-left:auto;font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.05em;color:var(--ink-2)}.chat-messages{padding:24px 28px;height:520px;display:flex;flex-direction:column;gap:18px;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:var(--page);color:var(--ink);padding:11px 15px;border-radius:14px 14px 4px;border:1px solid var(--hair);box-shadow:0 1px 3px #1e1c160d}.message-user .message-body{font-family:var(--serif);font-size:14.5px;line-height:1.55}.message-assistant .message-bubble{background:none;padding:0;max-width:100%;width:100%}.message-body{font-family:var(--serif);font-size:15.5px;line-height:1.66;letter-spacing:.002em;color:var(--ink)}.message-body p{margin-bottom:12px}.chat-table-wrapper{overflow-x:auto;margin:16px 0;-webkit-overflow-scrolling:touch}.chat-table{width:100%;border-collapse:collapse;font-family:var(--ui);font-size:13px;text-align:left}.chat-table th{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);padding:0 12px 7px 0;border-bottom:1px solid var(--hair-strong)}.chat-table td{padding:8px 12px 8px 0;border-bottom:1px solid var(--hair);color:var(--ink-body);font-variant-numeric:tabular-nums}.chat-table tr:last-child td{border-bottom:none}.chat-table td strong{font-weight:600;color:var(--ink)}.chat-table td .warn{color:var(--amber-text);font-weight:600}.thinking-block{margin-bottom:14px;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:7px;width:100%;padding:0;background:none;border:none;color:var(--ink-2);font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.02em;cursor:default;text-align:left}.thinking-content{margin:8px 0 0 19px;padding-left:12px;border-left:1px solid var(--hair-strong);font-family:var(--ui);font-size:13px;line-height:1.55;color:var(--ink-2)}.tool-activity{margin-bottom:14px;display:flex;flex-direction:column;gap:8px;max-width:600px}.tool-item{display:inline-flex;align-items:flex-start;gap:8px;align-self:flex-start;padding:7px 12px;background:var(--inset-deep);border-radius:8px;animation:fadeIn .2s ease}.tool-status-icon{flex-shrink:0;width:14px;height:15px;margin-top:1px;display:flex;align-items:center;justify-content:center;color:var(--ink-3)}.tool-tick{color:var(--green);font-weight:700;font-size:11px;line-height:1}.tool-text{display:flex;flex-direction:column;gap:3px}.tool-label{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);line-height:1.5}.tool-tokens{font-weight:400;text-transform:none;letter-spacing:.02em;color:var(--ink-2);margin-left:6px}.tool-fn{font-family:var(--mono);font-size:11px;color:var(--ink-2)}.memory-item{display:flex;flex-direction:column;gap:5px;margin-top:18px;padding-top:12px;border-top:1px solid var(--hair);animation:fadeIn .3s ease;max-width:650px}.memory-headline{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.memory-preview{font-family:var(--ui);font-size:13px;line-height:1.55;color:var(--ink-2)}.message-stats{margin-top:14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.03em;color:var(--ink-2);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:var(--ink);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;box-shadow:none;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.chat-messages{padding:16px;height:420px;gap:14px}.message-user .message-bubble{padding:10px 14px;max-width:92%}.message-body{font-size:14.5px}.thinking-block,.tool-activity,.memory-item{max-width:100%}.thinking-content{font-size:12px}.tool-item{padding:6px 10px}.tool-fn{font-size:10px;word-break:break-all}.memory-preview{font-size:12px}}