.demo{background:var(--card);border:var(--bw) solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);overflow:hidden;font-family:var(--font-body);max-width:30rem;margin-inline:auto;position:relative}.demo__bar{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-bottom:var(--bw) solid var(--border);background:var(--paper-2)}.demo__dot{width:9px;height:9px;border-radius:50%;background:var(--border-2)}.demo__app{margin-left:var(--s-2);font-size:var(--t-xs);font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--slate)}.demo__example{margin-left:auto;font-size:var(--t-xs);font-weight:500;color:var(--slate);font-style:italic}.demo__body{padding:var(--s-5);min-height:21rem}.demo__doc{position:relative;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border:var(--bw) solid var(--border);border-radius:var(--r-md);background:var(--paper)}.demo__docicon{width:30px;height:38px;flex:none}.demo__docmeta{min-width:0}.demo__docname{font-size:var(--t-sm);font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo__docsub{font-size:var(--t-xs);color:var(--slate)}.demo__status{margin-left:auto;font-size:var(--t-xs);font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.demo__status--indexing{color:#86590D;background:#FBF3E2}.demo__status--ready{color:var(--accent);background:#E7F1EC}.demo__ask{margin-top:var(--s-5);border:var(--bw) solid var(--border);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);background:var(--paper);display:flex;align-items:center;gap:2px;min-height:2.75rem}.demo__qtext{font-size:var(--t-sm);color:var(--ink);min-width:0}.demo__qwrap{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;max-width:100%}.demo__caret{width:1px;height:1.1em;background:var(--accent);display:inline-block;flex:none}.demo__answer{margin-top:var(--s-4)}.demo__answer-text{font-size:var(--t-sm);color:var(--ink);margin:0 0 var(--s-3);line-height:1.55}.demo__chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-xs);font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent);background:#E7F1EC;border:var(--bw) solid #C9E0D5;padding:5px 10px;border-radius:var(--r-sm)}.demo__chip svg{width:13px;height:13px}.demo__refusal{margin-top:var(--s-4)}.demo__refusal-msg{font-size:var(--t-sm);color:var(--ink);font-style:italic;margin:0;padding:var(--s-3);border-left:2px solid var(--slate-2);background:var(--paper-2);border-radius:0 var(--r-sm) var(--r-sm) 0}.demo__status--indexing{display:none}.demo__caret{display:none}.demo__ask--2{display:none}.demo__refusal{display:none}.demo--animated .demo__status--indexing{display:inline-block}.demo--animated .demo__status--ready{display:none}.demo--animated.beat-ready .demo__status--indexing{display:none}.demo--animated.beat-ready .demo__status--ready{display:inline-block;animation:fade-in 240ms ease both}.demo--animated .demo__caret{display:inline-block;animation:blink 900ms steps(1) infinite}.demo--animated .demo__qwrap--1{width:0}.demo--animated.beat-2 .demo__qwrap--1{animation:type-1 var(--type-ms,2400ms) steps(40,end) forwards}.demo--animated .demo__answer{opacity:0}.demo--animated.beat-3 .demo__answer{animation:fade-in 300ms ease both}.demo--animated .demo__chip{opacity:0;transform:translateY(6px)}.demo--animated.beat-3 .demo__chip{animation:chip-in 420ms cubic-bezier(0.22,1,0.36,1) both;animation-delay:700ms}.demo--animated.beat-4 .demo__answer,.demo--animated.beat-4 .demo__ask:first-of-type{display:none}.demo--animated.beat-4 .demo__ask--2{display:flex}.demo--animated.beat-4 .demo__q2wrap{width:0;animation:type-2 var(--type2-ms,2000ms) steps(36,end) forwards}.demo--animated.beat-4 .demo__caret{display:none}.demo--animated.beat-refusal .demo__refusal{display:block;animation:fade-in 300ms ease both}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes chip-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}@keyframes type-1{from{width:0}to{width:100%}}@keyframes type-2{from{width:0}to{width:100%}}.demo--poster .demo__status--indexing,.demo--poster .demo__caret,.demo--poster .demo__ask--2,.demo--poster .demo__refusal{display:none}@media (prefers-reduced-motion:reduce){.demo *{animation:none !important}}.demo__caption{margin-top:var(--s-4);font-size:var(--t-sm);color:var(--slate);text-align:center;max-width:34ch;margin-inline:auto}