:root{--bg: #f5f5f5;--surface: #ffffff;--surface-strong: #111111;--surface-soft: #f3f4f6;--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .14);--text: #111111;--text-muted: #6b7280;--primary: #111111;--primary-strong: #000000;--primary-soft: rgba(17, 17, 17, .08);--conversation-bg: #ffffff;--bot-bubble-bg: #ffffff;--user-bubble-bg: #111111;--human-bubble-bg: rgba(8, 145, 178, .06);--reasoning-bg: #f8fafc;--warning: #fef3c7;--danger: #fee2e2;--shadow: 0 18px 50px rgba(15, 23, 42, .16);--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--header-bg: linear-gradient(180deg, #111111 0%, #050505 100%);--header-border: rgba(255, 255, 255, .08);--header-text-muted: rgba(255, 255, 255, .68);--subheader-bg: rgba(255, 255, 255, .82);--subheader-border: rgba(15, 23, 42, .08);--icon-button-bg: rgba(255, 255, 255, .1);--icon-button-hover-bg: rgba(255, 255, 255, .18);--icon-button-muted-bg: rgba(255, 255, 255, .06);--empty-card-bg: rgba(255, 255, 255, .92);--quick-reply-bg: #ffffff;--quick-reply-hover-bg: #f8fbff;--message-avatar-bot-bg: #e2e8f0;--message-avatar-user-bg: #e5e7eb;--typing-avatar-bg: #e2e8f0;--typing-bubble-bg: #ffffff;--chat-input-bg: rgba(255, 255, 255, .9);--chat-input-border: rgba(148, 163, 184, .35);--chat-input-placeholder: #94a3b8;--chat-input-focus: rgba(17, 17, 17, .18);--widget-banner-bg: #fef2f2;--widget-banner-text: #991b1b;--widget-banner-border: rgba(153, 27, 27, .14)}html,body,#root{height:100%}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:transparent}*{box-sizing:border-box}button,textarea{font:inherit}button{border:0;cursor:pointer}.widget-shell{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,var(--widget-shell-top, #fafafa) 0%,var(--bg) 100%);border:1px solid var(--border);border-radius:16px 16px 0 0;box-shadow:var(--shadow);animation:widget-enter .22s ease-out;min-width:0}.widget-shell--empty{place-items:center;display:grid;padding:1rem}@keyframes widget-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.widget-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1rem;background:var(--header-bg);color:#fff;border-bottom:1px solid var(--header-border)}.widget-brand{display:flex;align-items:center;gap:.75rem;min-width:0}.brand-mark{width:2rem;height:2rem;flex:0 0 auto;background:linear-gradient(180deg,#fff,#f3f4f6);border:1px solid rgba(15,23,42,.08);border-radius:12px;display:grid;place-items:center;box-shadow:0 8px 20px #0f172a1f}.brand-mark img{width:1.15rem;height:1.15rem;object-fit:contain;display:block}.brand-mark__initial{font-size:.95rem;font-weight:700;line-height:1;color:#111}.widget-title-block{display:flex;flex-direction:column;min-width:0}.widget-title-block strong{font-size:.97rem;font-weight:700;line-height:1.1}.widget-title-block span{font-size:.77rem;color:var(--header-text-muted);line-height:1.1}.widget-subheader{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 1rem;background:var(--subheader-bg);border-bottom:1px solid var(--subheader-border);color:var(--text-muted);font-size:.78rem}.widget-status{display:inline-flex;align-items:center;gap:.45rem;font-weight:600}.widget-status-dot{width:.5rem;height:.5rem;border-radius:999px;background:#16a34a;box-shadow:0 0 0 4px #16a34a1f}.widget-session-label{white-space:nowrap;color:var(--text-muted)}.widget-header-buttons{display:flex;align-items:center;gap:.5rem}.icon-button{width:2rem;height:2rem;display:inline-grid;place-items:center;border-radius:999px;background:var(--icon-button-bg);color:#fff;transition:transform .15s ease,background .15s ease,opacity .15s ease}.icon-button:hover{background:var(--icon-button-hover-bg);transform:translateY(-1px)}.icon-button:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.icon-button svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-button--minimize{background:var(--icon-button-muted-bg)}.widget-banner{margin:.75rem .75rem 0;padding:.8rem .95rem;background:var(--widget-banner-bg);color:var(--widget-banner-text);border:1px solid var(--widget-banner-border);border-radius:var(--radius-md);font-size:.9rem;line-height:1.4}.message-list{flex:1;min-height:0;overflow-y:auto;padding:1rem .95rem .95rem;display:flex;flex-direction:column;gap:.75rem;scroll-behavior:smooth;background:var(--conversation-bg)}.message-list::-webkit-scrollbar{width:.5rem}.message-list::-webkit-scrollbar-thumb{background:#64748b47;border-radius:999px}.empty-state{min-height:100%;display:grid;place-items:center;padding:1rem .25rem 1.5rem}.empty-state-card{width:100%;max-width:21.5rem;display:flex;flex-direction:column;align-items:center;gap:.85rem;text-align:center}.empty-state-kicker{margin:0;font-size:.73rem;font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--text-muted)}.empty-state h2{margin:0;font-size:1.1rem;line-height:1.2;letter-spacing:0}.empty-state-copy{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.5}.quick-replies{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.quick-reply{padding:.65rem .8rem;border-radius:999px;background:var(--quick-reply-bg);color:var(--text);border:1px solid var(--border);box-shadow:0 6px 16px #0f172a0a;transition:transform .15s ease,border-color .15s ease,background .15s ease;font-size:.88rem}.quick-reply:hover{transform:translateY(-1px);border-color:#11111138;background:var(--quick-reply-hover-bg)}.message-row{display:flex;align-items:flex-end;gap:.5rem;min-width:0}.message-row--user{justify-content:flex-end}.message-row--user .message-stack{align-items:flex-end}.message-stack{display:flex;flex-direction:column;gap:.25rem;min-width:0;max-width:min(84%,28rem)}.message-avatar{width:1.6rem;height:1.6rem;border-radius:999px;display:grid;place-items:center;flex:0 0 auto;font-size:.62rem;font-weight:700;letter-spacing:0}.message-avatar--bot,.message-avatar--reasoning{background:var(--message-avatar-bot-bg);color:#0f172a}.message-avatar--user{background:var(--message-avatar-user-bg);color:#111}.message-avatar--human{background:var(--message-avatar-human-bg, rgba(8, 145, 178, .14));color:#155e75}.message-bubble{padding:.85rem 1rem;border-radius:18px;line-height:1.5;white-space:pre-wrap;word-break:break-word;min-width:0;box-shadow:0 8px 22px #0f172a0f}.message-bubble a{color:inherit;text-decoration:underline;text-underline-offset:.12em}.message-user{background:var(--user-bubble-bg);color:#fff;border-bottom-right-radius:6px}.message-bot{background:var(--bot-bubble-bg);color:var(--text);border:1px solid rgba(15,23,42,.08);border-bottom-left-radius:6px}.message-human{background:var(--human-bubble-bg);border:1px solid rgba(8,145,178,.16);color:var(--text);border-bottom-left-radius:6px}.message-reasoning{background:var(--reasoning-bg);border:1px dashed rgba(100,116,139,.28);color:var(--text-muted);font-style:italic;border-bottom-left-radius:6px}.message-timestamp{font-size:.68rem;color:var(--text-muted);padding:0 .25rem}.typing-row{display:flex;align-items:flex-end;gap:.5rem}.typing-avatar{width:1.6rem;height:1.6rem;border-radius:999px;background:var(--typing-avatar-bg);color:#111;font-size:.62rem;font-weight:700;display:grid;place-items:center;flex:0 0 auto}.typing-bubble{display:inline-flex;align-items:center;gap:.3rem;min-width:3.2rem;padding:.85rem .95rem;border-radius:18px;background:var(--typing-bubble-bg);border:1px solid rgba(15,23,42,.08);box-shadow:0 8px 22px #0f172a0f}.typing-handoff{color:var(--text-muted);font-size:.84rem;line-height:1.35}.dot{height:.45rem;width:.45rem;background:#94a3b8;border-radius:999px;display:inline-block;animation:blink 1.2s infinite both}.dot:nth-child(2){animation-delay:.16s}.dot:nth-child(3){animation-delay:.32s}@keyframes blink{0%,80%,to{opacity:.18;transform:translateY(0)}40%{opacity:1;transform:translateY(-1px)}}.chat-input{padding:.95rem;background:var(--chat-input-bg);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-input-hint{display:flex;justify-content:space-between;gap:.75rem;padding:0 .1rem .6rem;color:var(--text-muted);font-size:.74rem}.chat-input form{display:flex;gap:.6rem;align-items:flex-end}.chat-input textarea{flex:1;min-width:0;min-height:3rem;max-height:9.75rem;padding:.85rem .95rem;border-radius:14px;border:1px solid var(--chat-input-border);background:var(--surface);color:var(--text);resize:none;outline:none;line-height:1.45;box-shadow:inset 0 1px #fff9;transition:border-color .15s ease,box-shadow .15s ease}.chat-input textarea::placeholder{color:var(--chat-input-placeholder)}.chat-input textarea:focus{border-color:var(--chat-input-focus);box-shadow:0 0 0 4px #1111111f}.chat-input textarea:disabled{background:#f8fafc;color:#94a3b8}.chat-input button{width:3rem;height:3rem;border-radius:14px;display:inline-grid;place-items:center;background:linear-gradient(180deg,var(--primary) 0%,var(--primary-strong) 100%);color:#fff;box-shadow:0 12px 26px #0f172a2e;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}.chat-input button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0f172a38}.chat-input button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.chat-input button svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.widget-shell--empty .widget-empty-card{max-width:22rem;padding:1.2rem 1.15rem;background:var(--empty-card-bg);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);display:flex;align-items:flex-start;gap:.85rem;text-align:left}.widget-shell--empty .widget-empty-card h1{margin:0 0 .25rem;font-size:1rem}.widget-shell--empty .widget-empty-card p{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.45}.widget-shell--empty .empty-state-kicker{margin-bottom:.15rem}@media (max-width: 420px){.widget-header{padding:.8rem .85rem}.widget-title-block strong{font-size:.92rem}.message-list{padding:.9rem .75rem .8rem}.message-stack{max-width:90%}.widget-subheader{padding:.55rem .8rem}.chat-input{padding:.8rem .75rem}.chat-input-hint{flex-direction:column;gap:.2rem}}html,body,#root{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:transparent}button,textarea{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background-color .15s ease,color .15s ease,opacity .15s ease}button:focus-visible,textarea:focus-visible,a:focus-visible,.icon-button:focus-visible,.quick-reply:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 80%,transparent);outline-offset:2px}.widget-shell{min-height:100%;border-radius:22px 22px 0 0;border-color:var(--border);background:radial-gradient(circle at top center,rgba(255,255,255,.08),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--widget-shell-top, #fafafa) 90%,#ffffff 10%) 0%,var(--bg) 100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.widget-header{padding:1rem 1.05rem;background:var(--header-bg);border-bottom-color:var(--header-border)}.widget-brand{gap:.8rem}.brand-mark{width:2.15rem;height:2.15rem;border-radius:14px;box-shadow:0 12px 24px #00000029}.widget-title-block strong{font-size:.98rem;letter-spacing:-.01em}.widget-title-block span{font-size:.76rem}.widget-subheader{padding:.72rem 1rem;background:var(--subheader-bg);border-bottom-color:var(--subheader-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.widget-status{letter-spacing:.01em}.widget-session-label{color:var(--text-muted)}.icon-button{width:2.15rem;height:2.15rem;border-radius:999px;border:1px solid transparent}.icon-button:hover{box-shadow:0 10px 22px #0f172a29}.icon-button--minimize{border-color:#ffffff0f}.widget-banner{margin-inline:.85rem;margin-top:.85rem;border-radius:16px;box-shadow:0 12px 28px #0f172a14}.message-list{padding:1.05rem 1rem 1rem;gap:.8rem}.message-stack{max-width:min(86%,30rem)}.message-avatar{box-shadow:0 8px 18px #0f172a14}.message-bubble{border-radius:20px;box-shadow:0 10px 24px #0f172a14}.message-user{border-bottom-right-radius:8px}.message-bot,.message-human,.message-reasoning{border-bottom-left-radius:8px}.message-timestamp{padding-inline:.35rem}.typing-bubble{border-radius:20px;box-shadow:0 10px 24px #0f172a14}.typing-handoff{color:var(--text-muted)}.empty-state-card{max-width:23rem;gap:.95rem}.quick-replies{gap:.45rem}.quick-reply{border-radius:999px;padding:.66rem .82rem;background:var(--quick-reply-bg);border-color:var(--border)}.quick-reply:hover{transform:translateY(-1px);background:var(--quick-reply-hover-bg);border-color:color-mix(in srgb,var(--primary) 18%,var(--border));box-shadow:0 10px 22px #0f172a14}.chat-input{padding:1rem;background:var(--chat-input-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.chat-input-hint{padding-bottom:.7rem;font-size:.72rem}.chat-input form{gap:.7rem}.chat-input textarea{min-height:3.2rem;padding:.9rem 1rem;border-radius:16px;border-color:var(--chat-input-border);background:var(--surface);box-shadow:inset 0 1px #ffffff59}.chat-input textarea:focus{border-color:var(--chat-input-focus);box-shadow:0 0 0 4px #0f11151a}.chat-input button{width:3.15rem;height:3.15rem;border-radius:16px;box-shadow:0 14px 30px #0f172a2e}.widget-shell--empty .widget-empty-card{border-radius:22px;box-shadow:var(--shadow);background:var(--empty-card-bg);border-color:var(--border);-webkit-backdrop-filter:blur(14px) saturate(1.08);backdrop-filter:blur(14px) saturate(1.08)}.widget-shell--empty .widget-empty-card h1{font-size:1.02rem;letter-spacing:-.01em}@media (max-width: 420px){.widget-shell{border-radius:20px 20px 0 0}.widget-header{padding:.84rem .9rem}.widget-subheader,.message-list{padding-inline:.85rem}.chat-input{padding:.85rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
