.chat-demo{flex-direction:column;gap:.5rem;width:100%;height:100%;padding:.75rem;font-size:.75rem;display:flex}.chat-demo__header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.chat-demo__title{font-family:var(--font-heading);font-size:.8125rem;font-weight:600}.chat-demo__badge{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:.3rem;font-size:.5625rem;display:inline-flex}.chat-demo__list{flex-direction:column;flex:1;gap:.4rem;min-height:0;padding-right:.25rem;display:flex;overflow-y:auto}.chat-demo__bubble{border-radius:12px;max-width:85%;padding:.45rem .65rem;line-height:1.4}.chat-demo__bubble--assistant{background:var(--wraith-bg);border:1px solid var(--wraith-border);color:var(--wraith-body-text);border-bottom-left-radius:4px;align-self:flex-start}.chat-demo__bubble--user{background:var(--wraith-purple);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-demo__prompts{scrollbar-width:thin;flex-wrap:nowrap;flex-shrink:0;gap:.35rem;display:flex;overflow-x:auto}.chat-demo__prompt{border:1px solid var(--wraith-border);color:var(--muted-foreground);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;padding:.35rem .6rem;font-size:.6875rem;transition:border-color .2s,color .2s}.chat-demo__prompt:hover{color:var(--foreground);border-color:var(--wraith-purple-border,#8400ffcc)}.chat-demo__cta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--wraith-highlight);font-size:.6875rem;text-decoration:none}.chat-demo__cta:hover{text-decoration:underline}.chat-demo__bubble--typing{align-items:center;gap:3px;padding:.6rem .7rem;display:inline-flex}.chat-demo__bubble--typing span{background:var(--muted-foreground);border-radius:999px;width:4px;height:4px;animation:1.2s ease-in-out infinite chat-typing}.chat-demo__bubble--typing span:nth-child(2){animation-delay:.15s}.chat-demo__bubble--typing span:nth-child(3){animation-delay:.3s}@keyframes chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.chat-demo__error{color:var(--wraith-error-text);padding:.2rem .1rem;font-size:.6875rem}.chat-demo__input-row{flex-shrink:0;gap:.4rem;display:flex}.chat-demo__input{border:1px solid var(--wraith-border);background:var(--wraith-bg);min-width:0;color:var(--wraith-body-text);border-radius:999px;outline:none;flex:1;padding:.45rem .65rem;font-size:.6875rem;transition:border-color .2s}.chat-demo__input:focus{border-color:var(--wraith-purple-border,#8400ffcc)}.chat-demo__input:disabled{opacity:.6}.chat-demo__send{border:1px solid var(--wraith-border);background:var(--wraith-purple);color:#fff;cursor:pointer;border-radius:999px;flex-shrink:0;width:1.9rem;height:1.9rem;font-size:.8rem;line-height:1;transition:opacity .2s}.chat-demo__send:disabled{opacity:.4;cursor:default}@media (prefers-reduced-motion:reduce){.chat-demo__bubble--typing span{opacity:.7;animation:none!important}}