:root{--k-primary-50:#f0fdfa;--k-primary-100:#ccfbf1;--k-primary-400:#2dd4bf;--k-primary-600:#0f766e;--k-primary-700:#115e59;--k-accent-50:#fffbeb;--k-accent-500:#f59e0b;--k-accent-700:#b45309;--k-ink-50:#f8fafc;--k-ink-100:#f1f5f9;--k-ink-300:#cbd5e1;--k-ink-500:#64748b;--k-ink-700:#334155;--k-ink-900:#0f172a;--k-white:#fff;--k-ai:#6d28d9;--k-ai-tint:#ede9fe;--k-success:#15803d;--k-warning:#b45309;--k-danger:#dc2626;--k-info:#2563eb;--k-danger-tint:#fee2e2;--k-info-tint:#dbeafe;--k-success-tint:#dcfce7;--k-warning-tint:#fef3c7;--k-neutral-tint:#e2e8f0;--k-accent-text:#92400e;--k-info-text:#1d4ed8;--k-danger-text:#b91c1c;--k-scrim:#0f172a73;--k-bg:var(--k-ink-50);--k-surface:#fff;--k-border:var(--k-ink-300);--k-border-control:var(--k-ink-500);--k-text:var(--k-ink-900);--k-text-2:var(--k-ink-700);--k-text-muted:var(--k-ink-500);--k-on-primary:#fff;--k-hover:#0f172a0d;--k-bubble-customer:var(--k-ink-100);--k-bubble-agent:var(--k-primary-600);--k-bubble-ai:var(--k-ai-tint);--k-note:var(--k-accent-50);--k-layer-frame:var(--k-ink-100);--k-layer-sheet:#fff;--k-layer-raised:var(--k-ink-50);--k-layer-selected:var(--k-primary-100);--k-topbar-h:48px;--k-rail-w:80px;--k-rail-w-compact:64px;--k-sidebar-w:221px;--k-header-h:52px;--k-sheet-gutter:7px;--k-list-w:380px;--k-panel-w:380px;--k-thread-min:480px;--k-thread-max:800px;--k-col-wide:1136px;--k-col-form:736px;--k-col-narrow:640px;--k-row-list:72px;--k-row-header:48px;--k-row-dense:48px;--k-row:64px;--k-control-h:32px;--k-input-h:36px;--k-dialog-w:480px;--k-font-display:"Plus Jakarta Sans", system-ui, sans-serif;--k-font-ui:"Inter", system-ui, sans-serif;--k-font-mono:"JetBrains Mono", ui-monospace, monospace;--k-font-widget:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--k-text-widget:15px;--k-leading-widget:22px;--k-text-credit:11px;--k-launcher-size:56px;--k-radius-sm:6px;--k-radius-md:8px;--k-radius-lg:12px;--k-radius-bubble:18px;--k-radius-widget:20px;--k-radius-full:9999px;--k-shadow-sm:0 1px 2px #0f172a14;--k-shadow-lg:0 12px 32px #0f172a2e;--k-dur-fast:.12s;--k-dur-base:.18s;--k-dur-slow:.24s;--k-ease-out:cubic-bezier(.2, .8, .2, 1);--k-ease-in:cubic-bezier(.4, 0, 1, 1);--k-dur-shimmer:1.4s;--k-shimmer-size:200%;--k-focus-ring-w:2px;--k-focus-ring-offset:2px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--k-bg:#0b1220;--k-surface:#0f172a;--k-border:#334155;--k-border-control:#64748b;--k-text:#e2e8f0;--k-text-2:#cbd5e1;--k-text-muted:#94a3b8;--k-primary-600:#2dd4bf;--k-primary-700:#5eead4;--k-on-primary:#0f172a;--k-hover:#e2e8f00f;--k-danger:#f87171;--k-danger-tint:#450a0a;--k-info-tint:#172554;--k-primary-50:#0f2a2a;--k-primary-100:#134e4a;--k-ai:#c4b5fd;--k-ai-tint:#2e1065;--k-success:#4ade80;--k-info:#93c5fd;--k-warning:#fbbf24;--k-success-tint:#052e16;--k-warning-tint:#451a03;--k-neutral-tint:#1e293b;--k-accent-text:#fde68a;--k-info-text:var(--k-info);--k-danger-text:#fca5a5;--k-bubble-customer:#1e293b;--k-bubble-ai:#2e1065;--k-note:#451a03;--k-layer-frame:#0b1220;--k-layer-sheet:#0f172a;--k-layer-raised:#1e293b;--k-layer-selected:#134e4a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--k-bg:#0b1220;--k-surface:#0f172a;--k-border:#334155;--k-border-control:#64748b;--k-text:#e2e8f0;--k-text-2:#cbd5e1;--k-text-muted:#94a3b8;--k-primary-600:#2dd4bf;--k-primary-700:#5eead4;--k-on-primary:#0f172a;--k-hover:#e2e8f00f;--k-danger:#f87171;--k-danger-tint:#450a0a;--k-info-tint:#172554;--k-primary-50:#0f2a2a;--k-primary-100:#134e4a;--k-ai:#c4b5fd;--k-ai-tint:#2e1065;--k-success:#4ade80;--k-info:#93c5fd;--k-warning:#fbbf24;--k-success-tint:#052e16;--k-warning-tint:#451a03;--k-neutral-tint:#1e293b;--k-accent-text:#fde68a;--k-info-text:var(--k-info);--k-danger-text:#fca5a5;--k-bubble-customer:#1e293b;--k-bubble-ai:#2e1065;--k-note:#451a03;--k-layer-frame:#0b1220;--k-layer-sheet:#0f172a;--k-layer-raised:#1e293b;--k-layer-selected:#134e4a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html,body,#app{height:100%;margin:0}body{color:var(--k-text);font-family:var(--k-font-widget);font-size:var(--k-text-widget);line-height:var(--k-leading-widget);-webkit-font-smoothing:antialiased;background:0 0;overflow:hidden}*,:before,:after{box-sizing:border-box}h1,h2,h3,p{margin:0}:focus-visible{outline:var(--k-focus-ring-w) solid var(--k-text);outline-offset:var(--k-focus-ring-offset)}button,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}svg{flex:none}.kz-launcher{width:var(--k-launcher-size);height:var(--k-launcher-size);border-radius:var(--k-radius-full);background:var(--k-primary-600);color:var(--k-on-primary);box-shadow:var(--k-shadow-sm);transition:background var(--k-dur-fast) var(--k-ease-out);border:0;place-items:center;margin:4px;display:grid;position:relative}.kz-launcher:hover{background:var(--k-primary-700)}.kz-launcher svg{width:28px;height:28px}.kz-badge{border-radius:var(--k-radius-full);background:var(--k-accent-500);min-width:22px;height:22px;color:var(--k-ink-900);padding:0 6px;font-size:.8em;font-weight:600;line-height:22px;position:absolute;top:-4px;right:-4px}.kz-window{background:var(--k-surface);flex-direction:column;height:100%;display:flex;overflow:hidden}.kz-header{background:var(--k-primary-600);color:var(--k-on-primary);flex:none;align-items:center;gap:4px;padding:8px;display:flex}.kz-header :focus-visible{outline-color:var(--k-on-primary)}.kz-title{flex:1;min-width:0;padding:0 8px}.kz-title h1{font-size:1.07em;font-weight:600}.kz-title p{opacity:.92;align-items:center;gap:6px;font-size:.87em;display:flex}.kz-title p span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.kz-online{border-radius:var(--k-radius-full);background:var(--k-success-tint);width:8px;height:8px}.kz-logo{object-fit:contain;max-width:120px;height:32px;margin-left:8px}.kz-icon{border-radius:var(--k-radius-lg);width:44px;height:44px;color:inherit;background:0 0;border:0;flex:none;place-items:center;display:grid}.kz-icon:hover{background:var(--k-hover)}.kz-icon svg{width:20px;height:20px}.kz-who{border-bottom:1px solid var(--k-border);color:var(--k-text-2);flex:none;padding:8px 16px;font-size:.93em}.kz-banner{background:var(--k-warning-tint);color:var(--k-text);flex:none;padding:8px 16px;font-size:.87em}.kz-body{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.kz-pad{padding:20px 16px}.kz-center{text-align:center;flex-direction:column;justify-content:center;gap:16px;display:flex}.kz-challenge{min-height:65px}.kz-hero{margin-bottom:16px;font-size:1.47em;font-weight:600;line-height:1.3}.kz-h3{color:var(--k-text-2);margin:24px 0 8px;font-size:.93em;font-weight:600}.kz-muted{color:var(--k-text-muted)}.kz-err{color:var(--k-danger-text);font-size:.87em}.kz-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kz-btn{border-radius:var(--k-radius-lg);background:var(--k-primary-600);width:100%;min-height:44px;color:var(--k-on-primary);transition:background var(--k-dur-fast) var(--k-ease-out);border:0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:flex}.kz-btn:hover:not(:disabled){background:var(--k-primary-700)}.kz-btn:disabled{opacity:.6}.kz-btn.sec{background:var(--k-surface);color:var(--k-text);border:1px solid var(--k-border-control)}.kz-btn.sec:hover{background:var(--k-hover)}.kz-btn svg{width:18px;height:18px}.kz-list{margin:0;padding:0;list-style:none}.kz-list li+li{border-top:1px solid var(--k-border)}.kz-past{border-radius:var(--k-radius-md);text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 4px;display:flex}.kz-past:hover{background:var(--k-hover)}.kz-past-t{flex:1;min-width:0}.kz-past-t b,.kz-past-t span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.kz-past-t span{color:var(--k-text-muted);font-size:.87em}.kz-dot{border-radius:var(--k-radius-full);background:var(--k-accent-500);width:10px;height:10px}.kz-skel{gap:12px;padding:8px 0;display:grid}.kz-skel i{border-radius:var(--k-radius-lg);background:linear-gradient(90deg, var(--k-ink-100), var(--k-surface), var(--k-ink-100));background-size:var(--k-shimmer-size) 100%;height:44px;animation:kz-shimmer var(--k-dur-shimmer) linear infinite}@keyframes kz-shimmer{to{background-position:calc(-1 * var(--k-shimmer-size)) 0}}.kz-thread{padding:12px 14px 8px}.kz-date{color:var(--k-text-muted);align-items:center;gap:10px;margin:8px 0 12px;font-size:.8em;display:flex}.kz-date:before,.kz-date:after{content:"";background:var(--k-border);flex:1;height:1px}.kz-sys{text-align:center;color:var(--k-text-muted);margin:12px 0;font-size:.8em}.kz-group{flex-direction:column;align-items:flex-start;gap:4px;max-width:86%;margin:12px 0;display:flex}.kz-group.me{align-items:flex-end;margin-left:auto}.kz-msg{align-items:inherit;flex-direction:column;max-width:100%;display:flex}.kz-sender{color:var(--k-text-2);align-items:center;gap:4px;padding:0 4px;font-size:.8em;font-weight:600;display:inline-flex}.kz-sender.ai svg{width:14px;height:14px;color:var(--k-ai)}.kz-bubble{border-radius:var(--k-radius-bubble);overflow-wrap:anywhere;white-space:pre-wrap;max-width:100%;padding:9px 13px}.kz-bubble.me{background:var(--k-bubble-customer);color:var(--k-text)}.kz-bubble.agent{background:var(--k-primary-600);color:var(--k-on-primary)}.kz-bubble.bot{background:var(--k-bubble-ai);color:var(--k-text)}.kz-bubble.pending{opacity:.65}.kz-bubble.failed{box-shadow:0 0 0 1px var(--k-danger)}.kz-stamp{color:var(--k-text-muted);font-variant-numeric:tabular-nums;padding:0 4px;font-size:.8em}.kz-stamp.fail{color:var(--k-danger-text);text-align:right}.kz-stamp.fail button{background:0 0;border:0;min-height:44px;padding:0 4px;font-weight:600;text-decoration:underline}.kz-file{border:1px solid var(--k-border);border-radius:var(--k-radius-lg);background:var(--k-surface);text-align:left;flex-wrap:wrap;align-items:center;gap:10px;max-width:100%;min-height:44px;padding:10px 12px;display:flex}.kz-file img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--k-radius-md);width:100%;max-width:240px;height:auto;display:block}.kz-file-ic{border-radius:var(--k-radius-md);background:var(--k-ink-100);width:36px;height:36px;color:var(--k-text-2);place-items:center;display:grid}.kz-file-ic svg{width:20px;height:20px}.kz-file-t{min-width:0}.kz-file-t b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.kz-file-t span{color:var(--k-text-muted);font-size:.8em}.kz-typing{border-radius:var(--k-radius-bubble);background:var(--k-bubble-customer);gap:4px;padding:13px 14px;display:inline-flex}.kz-typing i{border-radius:var(--k-radius-full);background:var(--k-text-muted);width:6px;height:6px;animation:1.2s ease-in-out infinite kz-dot}.kz-typing i:nth-child(2){animation-delay:.15s}.kz-typing i:nth-child(3){animation-delay:.3s}@keyframes kz-dot{40%{opacity:.3}}.kz-quick{flex-wrap:wrap;gap:8px;margin:8px 0 4px;display:flex}.kz-quick button{border:1px solid var(--k-primary-600);border-radius:var(--k-radius-full);background:var(--k-surface);min-height:44px;padding:0 16px;font-size:.93em;font-weight:600}.kz-quick button:hover{background:var(--k-hover)}.kz-composer{border-top:1px solid var(--k-border);flex-wrap:wrap;flex:none;align-items:flex-end;gap:4px;padding:8px;display:flex}.kz-composer .kz-err{flex-basis:100%;padding:0 8px}.kz-composer textarea{min-width:0;min-height:44px;max-height:calc(var(--k-leading-widget) * 5 + 22px);resize:none;field-sizing:content;line-height:var(--k-leading-widget);background:0 0;border:0;flex:1;padding:11px 6px}.kz-composer textarea:focus{outline:none}.kz-composer:focus-within{box-shadow:inset 0 2px 0 var(--k-text)}.kz-composer textarea::placeholder{color:var(--k-text-muted);opacity:1}.kz-composer .kz-icon{color:var(--k-text-2)}.kz-send:not(:disabled){background:var(--k-primary-600);color:var(--k-on-primary)}.kz-send:disabled{color:var(--k-text-muted)}.kz-ended{border-top:1px solid var(--k-border);color:var(--k-text-2);flex:none;gap:12px;padding:16px;display:grid}.kz-lead{color:var(--k-text-2);margin-bottom:16px}.kz-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.kz-field label{font-size:.93em;font-weight:600}.kz-opt{color:var(--k-text-muted);font-weight:400}.kz-input{border:1px solid var(--k-border-control);border-radius:var(--k-radius-lg);background:var(--k-surface);width:100%;min-height:44px;font:inherit;color:inherit;padding:10px 12px}textarea.kz-input{resize:none;min-height:96px}.kz-input::placeholder{color:var(--k-text-muted);opacity:1}.kz-input[aria-invalid=true]{border-color:var(--k-danger)}.kz-notice{border:1px solid var(--k-border);border-radius:var(--k-radius-lg);background:var(--k-neutral-tint);margin-bottom:16px;padding:12px 14px}.kz-queue{border:1px solid var(--k-border);border-radius:var(--k-radius-lg);background:var(--k-neutral-tint);text-align:center;color:var(--k-text-2);margin:12px 0;padding:16px}.kz-queue .kz-queue-pos{color:var(--k-text);font-size:1.2em;font-weight:600}.kz-queue .kz-muted{margin-top:8px;font-size:.87em}.kz-rating{gap:8px;margin:16px 0;display:grid}.kz-rating h3,.kz-done h3{text-align:center;font-size:1.13em;font-weight:600}.kz-rate{grid-template-columns:1fr 1fr;gap:10px;margin:8px 0;display:grid}.kz-rate button{border:1px solid var(--k-border-control);border-radius:var(--k-radius-lg);background:var(--k-surface);flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:72px;font-weight:600;display:flex}.kz-rate button svg{width:24px;height:24px}.kz-rate button[aria-pressed=true]{border-color:var(--k-text);box-shadow:0 0 0 1px var(--k-text)}.kz-done{text-align:center;margin:16px 0}.kz-footer{text-align:center;font-size:var(--k-text-credit);flex:none;padding:6px 0 8px;line-height:16px}.kz-footer a{color:var(--k-text-muted)}@media (prefers-reduced-motion:reduce){.kz-launcher,.kz-btn{transition:none}.kz-skel i,.kz-typing i{animation:none}}body{background:var(--k-bg)}#app{justify-content:center;align-items:center;display:flex}.kz-window.kz-page{width:100%;height:100dvh}@media (width>=480px){#app{padding:24px 16px}.kz-window.kz-page{border:1px solid var(--k-border);border-radius:var(--k-radius-widget);max-width:480px;height:min(720px,100dvh - 48px);box-shadow:var(--k-shadow-lg)}}