.msg{gap:var(--space-2);animation:msg-in .26s var(--ease-flat) both;flex-direction:column;display:flex}@keyframes msg-in{0%{opacity:0;transform:translateY(8px)}}.msg--user{align-items:flex-end}.msg--assistant{align-items:flex-start}.msg-who{font:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);padding:0 4px}.msg-who--model{color:var(--text-interactive);align-items:center;gap:7px;display:inline-flex}.msg-who--model i{background:var(--surface-accent);border-radius:50%;width:8px;height:8px}.msg-body{border-radius:var(--radius-button);padding:14px 18px}.msg--user .msg-body{background:var(--surface-interactive);color:var(--text-on-interactive);max-width:min(72%,560px)}.msg--assistant .msg-body{background:var(--surface-card);width:100%}.chat-prose{font:var(--type-body)}.chat-prose p{margin:0 0 var(--space-3)}.chat-prose p:last-child{margin-bottom:0}.chat-prose ul,.chat-prose ol{margin:0 0 var(--space-3);gap:6px;padding-left:22px;display:grid}.chat-prose ul:last-child,.chat-prose ol:last-child{margin-bottom:0}.chat-prose li::marker{color:var(--text-faint)}.chat-prose code{font-family:var(--font-mono);background:color-mix(in srgb, var(--text-body) 8%, transparent);border-radius:6px;padding:1px 5px;font-size:.86em}.chat-code{margin:0 0 var(--space-3);background:var(--surface-invert);color:var(--text-on-invert);border-radius:var(--radius-md);font:var(--type-data);padding:18px 18px 16px;line-height:1.7;position:relative;overflow-x:auto}.chat-code-lang{font:var(--type-label);letter-spacing:.14em;text-transform:uppercase;color:var(--text-on-invert-muted);position:absolute;top:8px;right:12px}.chat-code code{font-family:var(--font-mono);color:inherit;background:0 0;padding:0}.chat-srcs{margin-top:var(--space-4);gap:10px;display:grid}.chat-srcs .src{padding:12px 14px}.chat-src-title{font:600 13px var(--font-body)}.chat-src-ref{font:var(--type-data);color:var(--text-muted);margin-top:2px}.think{align-items:center;gap:12px;min-height:22px;display:flex}.think-dots{gap:5px;display:inline-flex}.think-dots i{background:var(--surface-accent);width:7px;height:7px;animation:dot-blink 1.2s var(--ease-flat) infinite;border-radius:50%}.think-dots i:nth-child(2){animation-delay:.18s}.think-dots i:nth-child(3){animation-delay:.36s}@keyframes dot-blink{0%,60%,to{opacity:.25}30%{opacity:1}}.think-label{font:var(--type-label-lg);letter-spacing:.06em;color:var(--text-interactive)}@media (prefers-reduced-motion:reduce){.msg{animation:none}.think-dots i{opacity:1;animation:none}}@media (max-width:900px){.msg--user .msg-body{max-width:88%}}
:root{--cdemo-h:520px;--cdemo-w:460px}.cdemo{height:var(--cdemo-h);border-radius:var(--radius-lg);background:var(--surface-page);grid-template-rows:auto auto minmax(0,1fr) auto;margin:0;display:grid;overflow:hidden}.cdemo-bar{align-items:center;gap:var(--space-3);padding:12px var(--space-4);background:var(--surface-invert);color:var(--text-on-invert);display:flex}.cdemo-mark{font:700 15px/1 var(--font-display);letter-spacing:-.01em;flex:none}.cdemo-title{font:var(--type-data);color:var(--text-on-invert-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.cdemo-flag{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text-on-invert) 14%, transparent);font:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-on-invert);flex:none;padding:3px 9px}.cdemo-scope{padding:9px var(--space-4);background:var(--surface-step);font:var(--type-data);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cdemo-scroll{overscroll-behavior:contain;overflow-y:auto}.cdemo-thread{gap:var(--space-4);padding:var(--space-5) var(--space-4);flex-direction:column;display:flex}.cdemo-empty{font:var(--type-data);color:var(--text-muted);text-align:center;margin:auto 0}.cdemo-meta{margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--rule-soft);font:var(--type-data);color:var(--text-muted)}.cdemo-foot{justify-content:space-between;align-items:center;gap:var(--space-3);padding:10px var(--space-4);background:var(--surface-step);font:var(--type-data);color:var(--text-muted);margin:0;display:flex}.cdemo-replay{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text-muted);font:var(--type-label-lg);letter-spacing:.06em;cursor:pointer;transition:background-color var(--dur-base) var(--ease-flat), color var(--dur-base) var(--ease-flat);border:0;flex:none;padding:6px 11px}.cdemo-replay:hover{background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--text-body)}.cdemo-replay:active{transform:scale(.97)}.cdemo-replay:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.cdemo{width:100%;margin-top:var(--stack-3)}@media (min-width:1024px){.cdemo-host{position:relative}.cdemo-host .cdemo{width:var(--cdemo-w);z-index:2;margin-top:0;position:absolute;bottom:0;transform:translateY(50%)}.cdemo-host .cdemo--right{right:var(--pad-x)}.cdemo-host .cdemo--left{left:var(--pad-x)}.cdemo-host--right{padding-right:calc(var(--pad-x) + var(--cdemo-w) + var(--space-7))}.cdemo-host--left{padding-left:calc(var(--pad-x) + var(--cdemo-w) + var(--space-7))}.cdemo-below{padding-top:calc(var(--section-y) + var(--cdemo-h) / 2)}}