.chat{--chat-pad:clamp(1rem, 2.4vw, 1.5rem);background:var(--color-white);inline-size:100%;max-inline-size:52rem;color:var(--color-text);border:var(--hairline) solid var(--color-border);border-radius:var(--radius-card);grid-template-columns:minmax(0,1fr);scroll-margin-block-start:6rem;display:grid;overflow:hidden}.chat-head{padding:.9rem var(--chat-pad);background:var(--color-band);color:var(--color-text-invert);--focus-ring:var(--color-mark);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.chat-title{flex-wrap:wrap;align-items:center;gap:.35rem .75rem;margin:0;display:flex}.chat-state{color:var(--color-text-invert-muted)}.chat-dot{background:var(--color-mark);block-size:.6rem;inline-size:.6rem;box-shadow:0 0 0 0 color-mix(in srgb, var(--color-mark) 60%, transparent);animation:chat-pulse 2.4s var(--ease-out) infinite;border-radius:50%}.chat.is-offline .chat-dot{background:var(--color-text-invert-muted);animation:none}@keyframes chat-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-mark) 60%, transparent)}70%,to{box-shadow:0 0 0 .5rem #0000}}.chat-reset{min-block-size:2rem;color:var(--color-text-invert-muted);border:var(--hairline) solid currentColor;border-radius:var(--radius-pill);cursor:pointer;background:0 0;flex:none;padding:.3rem .8rem}.chat-reset:hover{color:var(--color-text-invert)}.chat-log{overscroll-behavior:contain;min-block-size:16rem;max-block-size:min(38rem,65vh);padding:var(--chat-pad);background:var(--color-paper);flex-direction:column;gap:1.25rem;display:flex;overflow-y:auto}.chat-intro{color:var(--color-text-muted);font-size:var(--text-small);margin:0}.chat-msg{max-inline-size:100%;gap:.35rem;min-width:0;display:grid}.chat-who{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin:0;display:flex}.chat-avatar{background:var(--color-band);block-size:2.5rem;inline-size:2.5rem;color:var(--color-mark);font-family:var(--font-mono);letter-spacing:.04em;border-radius:50%;place-items:center;font-size:.6875rem;display:grid;overflow:hidden}.chat-avatar img{object-fit:cover;block-size:100%;inline-size:100%}.chat-name{font-size:.9375rem;font-weight:700}.chat-role{color:var(--color-text-quiet)}.chat .from-you{align-self:flex-end;max-inline-size:min(36rem,88%)}.chat .from-you .chat-body{background:var(--color-band);color:var(--color-text-invert);border-radius:var(--radius-field) var(--radius-field) 4px var(--radius-field);overflow-wrap:anywhere;padding:.75rem 1rem}.chat .from-agent .chat-body{background:var(--color-white);border-radius:4px var(--radius-field) var(--radius-field) var(--radius-field);overflow-wrap:anywhere;max-inline-size:40rem;padding:.75rem 1rem}.chat .from-agent.is-draft .chat-body{background:var(--color-white);border:var(--hairline) solid var(--color-border);border-inline-start:3px solid var(--color-mark);border-radius:4px var(--radius-field) var(--radius-field) var(--radius-field);max-inline-size:none;line-height:var(--leading-body);overflow-wrap:anywhere;padding:1rem 1.1rem}.chat-body>*+*{margin-block-start:.8em}.chat-body ul,.chat-body ol{padding-inline-start:1.25rem}.chat-body ul{list-style:square}.chat-body li::marker{color:var(--color-mark-ink)}.chat-body .md-h{font-size:1.05em;font-weight:800}.chat-body code{font-family:var(--font-mono);background:var(--color-paper-2);border-radius:3px;padding:.05em .3em;font-size:.9em}.chat-body hr{border:0;border-top:1px dashed var(--color-rule)}.chat-copy{min-block-size:1.75rem;color:var(--color-text-muted);border:var(--hairline) solid var(--color-border-control);border-radius:var(--radius-pill);cursor:pointer;background:0 0;justify-self:start;padding:.2rem .6rem}.chat-copy:hover{color:var(--color-text);border-color:var(--color-text)}.chat-image{color:var(--color-text-muted);margin-block:.25rem .75rem;font-size:.875rem}.chat-image-link{border:var(--hairline) solid var(--color-text);border-radius:var(--radius-pill);color:var(--color-text);padding:.2rem .7rem;text-decoration:none;display:inline-block}.chat-image-link:hover{background:var(--color-text);color:var(--color-surface)}.chat-msg img{border-radius:var(--radius-field);block-size:auto;max-inline-size:min(100%,28rem)}.chat-deliver form{background:var(--color-white);border:var(--hairline) solid var(--color-border);border-radius:var(--radius-field);gap:.75rem;max-inline-size:30rem;padding:1rem 1.1rem;display:grid}.chat-deliver p{gap:.3rem;margin:0;display:grid}.chat-deliver label{font-size:var(--text-small);font-weight:700}.chat-deliver input[type=text],.chat-deliver input[type=email]{min-block-size:2.75rem;font:inherit;border:var(--hairline) solid var(--color-border-control);border-radius:var(--radius-field);padding:.5rem .75rem}.chat-deliver .chat-check{align-items:flex-start;gap:.6rem;font-weight:400;display:flex}.chat-deliver .chat-check input{flex:none;block-size:1.15rem;inline-size:1.15rem;margin-block-start:.15rem}.chat-deliver .btn{justify-self:start}.chat-deliver-error{color:var(--color-red-ink);font-size:var(--text-small)}.chat-deliver-error:empty{display:none!important}.chat-choices{flex-wrap:wrap;gap:.5rem;display:flex}.chat-choice{min-block-size:2.5rem;font:inherit;background:var(--color-white);color:var(--color-text);border:2px solid var(--color-band);border-radius:var(--radius-pill);cursor:pointer;padding:.5rem 1rem;font-size:.9375rem;font-weight:700}.chat-choice:hover:not(:disabled){background:var(--color-band);color:var(--color-text-invert)}.chat-choice:disabled{opacity:.5;cursor:default}.chat-typing{color:var(--color-text-quiet);margin:0}.chat-typing:after{content:"…";clip-path:inset(0 100% 0 0);animation:1.2s steps(4,end) infinite chat-blink;display:inline-block}@keyframes chat-blink{to{clip-path:inset(0 -.2em 0 0)}}.chat-note{background:var(--color-paper-2);border-inline-start:4px solid var(--color-accent);border-radius:var(--radius-field);color:var(--color-text-muted);font-size:var(--text-small);margin:0;padding:.85rem 1rem}.chat-form{padding:var(--chat-pad) var(--chat-pad) .5rem;border-top:var(--hairline) solid var(--color-border);align-items:flex-end;gap:.75rem;display:flex}.chat-form textarea{min-width:0;min-block-size:3rem;max-block-size:15rem;font:inherit;color:var(--color-text);background:var(--color-white);border:var(--hairline) solid var(--color-border-control);border-radius:var(--radius-field);resize:none;flex:1;padding:.75rem .9rem;line-height:1.4}.chat-send{flex:none}.chat-send:disabled{opacity:.6;cursor:progress;transform:none}.chat-hint{padding:0 var(--chat-pad) var(--chat-pad);color:var(--color-text-quiet);margin:0}@media (hover:none){.chat-hint{display:none}.chat-form{padding-block-end:var(--chat-pad)}}@media (prefers-reduced-motion:reduce){.chat-dot,.chat-typing:after{animation:none}.chat-typing:after{clip-path:none}}