@keyframes bot-blink{0%,to{opacity:1}50%{opacity:.3}}.bot-chat-wrap{margin:0 auto;max-width:520px}.bot-chat{background:#ece5dd;border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -30px #00000073,0 12px 28px -10px #00000040;border:1px solid #d6cfc2;color:#111}.bot-chat--ig{border-radius:30px}.bot-chat--fb{border-radius:18px}.bot-chat--tg{border-radius:12px}.bot-chat-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f6f4ee;border-bottom:1px solid #d6cfc2}.bot-chat-back{font-size:20px;line-height:1;opacity:.6;font-weight:800}.bot-chat-name{flex:1;font-weight:700;font-size:14px}.bot-chat-meta{display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#555;font-weight:700}.bot-chat-dot{width:6px;height:6px;background:#111;border-radius:50%}[data-demo][data-active="0"] [data-demo-step="0"] .bot-chat-dot,[data-demo][data-active="1"] [data-demo-step="1"] .bot-chat-dot{animation:bot-blink 1.6s ease-in-out infinite}.bot-chat-meta--soon{border-radius:999px;border:1px solid #d6cfc2;padding:3px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#777}.bot-chat-body{position:relative;padding:20px 16px 24px;display:flex;flex-direction:column;gap:12px;min-height:340px;background:radial-gradient(rgba(0,0,0,.025) 1px,transparent 1px) 0 0 / 16px 16px,#ece5dd}.bot-bubble{max-width:78%;padding:10px 14px 8px;border-radius:14px;background:#fff;color:#111;box-shadow:0 1px 2px #00000014;position:relative;opacity:1}[data-demo][data-active="0"] [data-demo-step="0"] .bot-bubble,[data-demo][data-active="1"] [data-demo-step="1"] .bot-bubble,[data-demo][data-active="2"] [data-demo-step="2"] .bot-bubble,[data-demo][data-active="3"] [data-demo-step="3"] .bot-bubble{animation:bot-bubble-enter .5s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * .45s)}.bot-bubble-text{font-size:14px;line-height:1.45}.bot-bubble-meta{margin-top:4px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9px;color:#666;letter-spacing:.06em}.bot-bubble--in{align-self:flex-start;border-bottom-left-radius:4px}.bot-bubble--in:before{content:"";position:absolute;left:-6px;bottom:0;width:12px;height:12px;background:inherit;clip-path:polygon(100% 0,100% 100%,0 100%)}.bot-bubble--out{align-self:flex-end;background:#dcf8c6;border-bottom-right-radius:4px}.bot-bubble--out:before{content:"";position:absolute;right:-6px;bottom:0;width:12px;height:12px;background:inherit;clip-path:polygon(0 0,0 100%,100% 100%)}@keyframes bot-bubble-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bot-typing{position:absolute;left:16px;bottom:60px;display:inline-flex;align-items:center;gap:5px;padding:10px 14px;background:#fff;border-radius:14px 14px 14px 4px;box-shadow:0 1px 2px #00000014;opacity:0}[data-demo][data-active="0"] [data-demo-step="0"] .bot-typing,[data-demo][data-active="1"] [data-demo-step="1"] .bot-typing,[data-demo][data-active="2"] [data-demo-step="2"] .bot-typing,[data-demo][data-active="3"] [data-demo-step="3"] .bot-typing{animation:bot-typing-enter .5s ease-in-out both;animation-delay:.85s}.bot-typing span{width:6px;height:6px;background:#999;border-radius:50%}[data-demo][data-active="0"] [data-demo-step="0"] .bot-typing span,[data-demo][data-active="1"] [data-demo-step="1"] .bot-typing span,[data-demo][data-active="2"] [data-demo-step="2"] .bot-typing span,[data-demo][data-active="3"] [data-demo-step="3"] .bot-typing span{animation:bot-typing-bounce .4s ease-in-out 2;animation-delay:.85s}[data-demo][data-active="0"] [data-demo-step="0"] .bot-typing span:nth-child(2),[data-demo][data-active="1"] [data-demo-step="1"] .bot-typing span:nth-child(2),[data-demo][data-active="2"] [data-demo-step="2"] .bot-typing span:nth-child(2),[data-demo][data-active="3"] [data-demo-step="3"] .bot-typing span:nth-child(2){animation-delay:.97s}[data-demo][data-active="0"] [data-demo-step="0"] .bot-typing span:nth-child(3),[data-demo][data-active="1"] [data-demo-step="1"] .bot-typing span:nth-child(3),[data-demo][data-active="2"] [data-demo-step="2"] .bot-typing span:nth-child(3),[data-demo][data-active="3"] [data-demo-step="3"] .bot-typing span:nth-child(3){animation-delay:1.09s}@keyframes bot-typing-bounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-3px);opacity:1}}@keyframes bot-typing-enter{0%,to{opacity:0}20%,80%{opacity:1}}.bot-chat-input{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f6f4ee;border-top:1px solid #d6cfc2;font-size:14px}.bot-chat-emoji{opacity:.55}.bot-chat-input-placeholder{flex:1;padding:8px 12px;background:#fff;border-radius:18px;color:#707070;font-size:13px}.bot-chat-send{width:32px;height:32px;background:#111;color:#f6f4ee;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.bot-channel-switch{margin-top:16px;display:flex;justify-content:center;gap:8px}.bot-channel{width:42px;height:42px;border-radius:50%;border:1.5px solid rgb(212 212 212);background:transparent;display:inline-flex;align-items:center;justify-content:center;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:800;letter-spacing:.08em;color:#404040;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}.bot-channel:hover{border-color:#a3a3a3}.dark .bot-channel{border-color:#404040;color:#a3a3a3}.dark .bot-channel:hover{border-color:#737373}.bot-channel[aria-selected=true]{background:var(--color-accent-600);color:var(--color-white);border-color:var(--color-accent-600);transform:scale(1.08);animation:bot-channel-pulse .7s ease-in-out 2}.dark .bot-channel[aria-selected=true]{background:var(--color-accent-400);color:var(--color-neutral-950);border-color:var(--color-accent-400)}@keyframes bot-channel-pulse{0%,to{box-shadow:0 0 #1717172e}50%{box-shadow:0 0 0 10px #17171700}}.bot-channel-icon{width:44px;height:44px;border:1.5px solid var(--color-accent-600);border-radius:10px;position:relative;display:flex;align-items:center;justify-content:center}.dark .bot-channel-icon{border-color:var(--color-accent-400)}.bot-channel-icon:before,.bot-channel-icon:after{content:"";position:absolute}.bot-channel-icon[data-k=wa]:before{width:22px;height:22px;border:2px solid currentColor;border-radius:50%;color:var(--color-accent-600)}.dark .bot-channel-icon[data-k=wa]:before{color:var(--color-accent-400)}.bot-channel-icon[data-k=wa]:after{width:8px;height:8px;background:currentColor;color:var(--color-accent-600);bottom:6px;left:6px;clip-path:polygon(100% 0,100% 100%,0 100%)}.dark .bot-channel-icon[data-k=wa]:after{color:var(--color-accent-400)}.bot-channel-icon[data-k=ig]:before{width:22px;height:22px;border:2px solid currentColor;border-radius:7px;color:var(--color-accent-600)}.dark .bot-channel-icon[data-k=ig]:before{color:var(--color-accent-400)}.bot-channel-icon[data-k=ig]:after{width:10px;height:10px;border:2px solid currentColor;border-radius:50%;color:var(--color-accent-600)}.dark .bot-channel-icon[data-k=ig]:after{color:var(--color-accent-400)}.bot-channel-icon[data-k=fb]:before{width:22px;height:22px;border:2px solid currentColor;border-radius:50% 50% 50% 4px;color:var(--color-accent-600)}.dark .bot-channel-icon[data-k=fb]:before{color:var(--color-accent-400)}.bot-channel-icon[data-k=fb]:after{width:5px;height:14px;background:currentColor;color:var(--color-accent-600);clip-path:polygon(50% 0,100% 45%,60% 45%,50% 100%,0 55%,40% 55%);top:13px}.dark .bot-channel-icon[data-k=fb]:after{color:var(--color-accent-400)}.bot-channel-icon[data-k=tg]:before{width:22px;height:22px;border:2px solid currentColor;border-radius:50%;color:var(--color-accent-600)}.dark .bot-channel-icon[data-k=tg]:before{color:var(--color-accent-400)}.bot-channel-icon[data-k=tg]:after{width:0;height:0;border-left:8px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;color:var(--color-accent-600);top:18px;left:16px}.dark .bot-channel-icon[data-k=tg]:after{color:var(--color-accent-400)}.bot-rules{border-radius:16px;background:#f6f4ee;color:#111;overflow:hidden;border:1px solid #d4d0c4}.bot-rules-head{padding:12px 18px;background:#ebe7df;border-bottom:1px solid #d4d0c4;display:flex;justify-content:space-between;align-items:center;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.bot-rules-meta{opacity:.55;font-weight:700}.bot-rules-table{padding:6px 0}.bot-rules-row{display:grid;grid-template-columns:84px 1fr 1.3fr 96px 22px;gap:10px;align-items:center;padding:10px 18px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;border-bottom:1px dashed rgba(0,0,0,.08);position:relative}.bot-rules-row:last-child{border-bottom:none}.bot-rules-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-rules-row--head{background:transparent;font-size:9px;font-weight:800;letter-spacing:.18em;opacity:.55;text-transform:uppercase}.bot-rules-row--head{padding-bottom:4px}.bot-rules-c{font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:11px;background:#ebe7df;padding:2px 6px;border-radius:3px;text-align:center;width:fit-content}.bot-rules-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid #111;background:transparent;justify-self:end}[data-demo][data-active="0"] [data-demo-rule="0"] .bot-rules-dot,[data-demo][data-active="1"] [data-demo-rule="1"] .bot-rules-dot,[data-demo][data-active="2"] [data-demo-rule="2"] .bot-rules-dot{animation:bot-rule-match .6s ease-out both}@keyframes bot-rule-match{0%{background:transparent;box-shadow:0 0 #00000038}45%{background:#111;box-shadow:0 0 0 7px #0000}to{background:#111;box-shadow:0 0 #0000}}.bot-rules-demo{display:grid;gap:14px}.bot-trace-picker{display:flex;flex-wrap:wrap;gap:6px}.bot-trace-tab{border-radius:999px;border:1px solid var(--color-neutral-300);padding:7px 14px;font-size:12px;font-weight:700;color:var(--color-neutral-600);background:transparent;cursor:pointer;transition:color .2s,border-color .2s,background-color .2s}.bot-trace-tab:hover{color:var(--color-neutral-900);border-color:var(--color-neutral-500)}.bot-trace-tab[aria-selected=true]{background:var(--color-accent-600);border-color:var(--color-accent-600);color:#fff}.dark .bot-trace-tab{border-color:var(--color-neutral-700);color:var(--color-neutral-400)}.dark .bot-trace-tab:hover{color:var(--color-neutral-50);border-color:var(--color-neutral-500)}.dark .bot-trace-tab[aria-selected=true]{background:var(--color-accent-400);border-color:var(--color-accent-400);color:var(--color-neutral-950)}.bot-trace-stage{border-radius:16px;background:#f6f4ee;color:#111;border:1px solid #d4d0c4;padding:18px}.bot-trace-panel{display:grid;gap:10px}.bot-trace-msg{font-size:13px;line-height:1.5}.bot-trace-label{display:inline-block;min-width:76px;margin-right:6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#666}.bot-trace-hit{background:#1111111a;padding:0 3px;border-radius:3px;font-weight:700;color:inherit}.bot-trace-outcome{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;letter-spacing:.02em;padding:8px 10px;border-radius:8px;background:#ebe7df}.bot-trace-rule{font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-right:6px}.bot-trace-outcome--none{background:transparent;border:1px dashed rgba(0,0,0,.2)}@media(prefers-reduced-motion:reduce){.bot-chat-dot,.bot-bubble,.bot-typing,.bot-typing span,.bot-channel,.bot-rules-dot{animation:none!important}.bot-typing{opacity:0!important}.bot-channel[aria-selected=true]{transform:scale(1.08);box-shadow:none}[data-demo][data-active="0"] [data-demo-rule="0"] .bot-rules-dot,[data-demo][data-active="1"] [data-demo-rule="1"] .bot-rules-dot,[data-demo][data-active="2"] [data-demo-rule="2"] .bot-rules-dot{background:#111!important}}