:root{--brand: #2563eb;--brand-600: #1d4ed8;--bg: #ffffff;--surface: #ffffff;--elev: 0 10px 30px rgba(0,0,0,.08);--border: #e5e7eb;--muted: #6b7280;--text: #111827;--assistant-bg: #f8fafc;--assistant-text: #111827;--user-bg: #2563eb;--user-text: #ffffff;--warn-bg: #fffbeb;--warn-border: #fcd34d;--chip-bg: #f3f4f6;--chip-border: #e5e7eb;--focus-ring: 0 0 0 3px rgba(37, 99, 235, .18);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 10px;--shadow-btn: 0 4px 14px rgba(37, 99, 235, .25)}@media (prefers-color-scheme: dark){:root{--bg: #0b1020;--surface: #0e1428;--elev: 0 12px 28px rgba(0,0,0,.45);--border: #1f2a44;--muted: #98a2b3;--text: #e5e7eb;--assistant-bg: #0f172a;--assistant-text: #e5e7eb;--user-bg: #2563eb;--user-text: #ffffff;--chip-bg: #111a33;--chip-border: #1f2a44;--warn-bg: #2b2413;--warn-border: #eab308;--focus-ring: 0 0 0 3px rgba(37, 99, 235, .35)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:#f6f7fb}@media (prefers-color-scheme: dark){body{background:#050816}}::selection{background:#2563eb40}.app-shell{height:100vh;width:100%;display:grid;place-items:center;padding:12px}.widget{display:flex;flex-direction:column;width:min(420px,100%);height:min(80vh,760px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev);overflow:hidden}.widget-header{display:flex;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#ffffffe6,#fafafab3)}@media (prefers-color-scheme: dark){.widget-header{background:linear-gradient(180deg,#0e1428,#0e1428)}}.agent-avatar{height:36px;width:36px;border-radius:50%;background:#0f62fe;color:#fff;font-weight:700;display:grid;place-items:center}.header-texts{display:flex;flex-direction:column;gap:2px}.agent-name{font-weight:700}.agent-status{font-size:12px;color:var(--muted)}.status-dot{display:inline-block;height:8px;width:8px;border-radius:50%;background:#10b981;margin-right:6px;box-shadow:0 0 0 3px #10b9812e;animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b98140}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.brand-top{padding:12px 16px 8px}.brand-title{font-size:18px;font-weight:800}.brand-subtext{color:var(--muted);font-size:14px}.starter-prompts{display:flex;gap:8px;padding:0 16px 8px;flex-wrap:wrap}.prompt-chip{background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:9999px;padding:6px 10px;font-size:13px;cursor:pointer;transition:background .15s ease,transform .1s ease;color:var(--text)}.prompt-chip:hover{background:#2563eb14}.prompt-chip:active{transform:translateY(1px)}.prompt-chip:disabled{cursor:not-allowed;opacity:.55}.messages{flex:1;overflow:auto;padding:12px 16px;background:#fafbff;scroll-behavior:smooth}@media (prefers-color-scheme: dark){.messages{background:#0b1020}}.messages::-webkit-scrollbar{width:10px}.messages::-webkit-scrollbar-thumb{background:#0000001f;border-radius:6px}@media (prefers-color-scheme: dark){.messages::-webkit-scrollbar-thumb{background:#ffffff1f}}.messages::-webkit-scrollbar-track{background:transparent}.msg-row{display:grid;grid-template-columns:36px 1fr 36px;align-items:start;gap:8px;margin-bottom:10px;animation:appear .28s ease-out both}.msg-row.user{display:flex;flex-direction:row-reverse;align-items:flex-end;gap:8px;margin-bottom:10px}.msg-row.user .avatar{flex:0 0 28px}.msg-row.user .bubble{max-width:78%;align-self:flex-start}@keyframes appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.avatar{height:28px;width:28px;border-radius:50%;background:#e5e7eb;color:#374151;font-weight:700;display:grid;place-items:center;margin-top:4px}@media (prefers-color-scheme: dark){.avatar{background:#111a33;color:#cbd5e1}}.bubble{background:#fff;border:1px solid var(--border);padding:10px 12px;border-radius:var(--radius-md);max-width:100%;word-break:break-word;line-height:1.5;font-size:14px;color:var(--text)}@media (prefers-color-scheme: dark){.bubble{background:#0e1428}}.bubble.user{background:var(--user-bg);border-color:color-mix(in oklab,var(--user-bg),#000 10%);color:var(--user-text);border-top-right-radius:6px}.bubble.assistant{background:var(--assistant-bg);color:var(--assistant-text);border-top-left-radius:6px}.bubble.error{border-color:var(--warn-border);background:var(--warn-bg)}.retry-row{margin-top:8px}.retry-btn{font-size:13px;padding:6px 10px;border-radius:8px;border:1px solid #eab308;background:#fef9c3;cursor:pointer;transition:background .12s ease,transform .1s ease}.retry-btn:hover{background:#fde68a}.retry-btn:active{transform:translateY(1px)}.bubble p{margin:6px 0}.bubble strong{font-weight:700}.bubble a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}.bubble a:hover{text-decoration-thickness:2px}.bubble code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12.5px;background:#7d8a9b1f;padding:2px 6px;border-radius:6px}.bubble pre{background:#7d8a9b1f;padding:10px;border-radius:8px;overflow:auto}.bubble blockquote{border-left:3px solid var(--brand);margin:8px 0;padding:4px 10px;color:var(--muted);background:#2563eb0f;border-radius:6px}.md-ul,.md-ol{margin:8px 0 8px 18px}.md-li{margin:4px 0}.typing{display:inline-flex;gap:4px}.dot{height:6px;width:6px;background:#9ca3af;border-radius:50%;animation:blink 1s infinite ease-in-out}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.3}40%{opacity:1}}.input-area{display:flex;gap:8px;align-items:flex-end;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface)}.textarea{flex:1;resize:none;min-height:44px;max-height:160px;line-height:1.45;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;color:var(--text);background:var(--bg);transition:border-color .16s ease,box-shadow .16s ease}.textarea:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.send-btn{height:44px;padding:0 14px;border-radius:var(--radius-sm);background:var(--brand);color:#fff;border:1px solid var(--brand);cursor:pointer;font-weight:700;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease,filter .15s ease}.send-btn:hover{box-shadow:var(--shadow-btn);filter:brightness(1.02)}.send-btn:active{transform:translateY(1px)}.send-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.brand-footer{font-size:12px;text-align:center;padding:8px 12px 12px;color:var(--muted)}@media (max-width: 900px){.widget{height:82vh;width:100%;border-radius:12px}}@media (max-width: 600px){.app-shell{padding:0}.widget{height:100vh;width:100%;border-radius:0}.brand-title{font-size:16px}.brand-subtext{font-size:13px}}@media (prefers-reduced-motion: reduce){.messages,.msg-row{scroll-behavior:auto;animation:none}.status-dot,.dot{animation:none}}