@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--bg:#0a0a0a;--card:#0e0e0e;--border:#1f1f1f;--accent:#b6ff2e;--accent-2:#0f8;--text:#e8e8e8;--text-dim:#7a7a7a;--error-bg:#1a0e0e;--error-border:#4a1f1f;--error-text:#ff8a8a;--font-sans:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.chat-page{max-width:760px;margin:0 auto;padding:28px 18px;height:100vh;display:flex;flex-direction:column}.chat-header,.product-nav{margin-bottom:16px}.product-nav{display:flex;gap:18px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.product-nav a{color:var(--text-dim);text-decoration:none;padding-bottom:2px;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}.product-nav a:hover{color:var(--accent);border-bottom-color:var(--accent)}.chat-header h1{display:flex;align-items:center;gap:12px;font-family:var(--font-sans);font-size:1.4rem;font-weight:600;letter-spacing:-.02em;margin:0 0 12px;color:#fff}.chat-header h1:before{content:"";width:12px;height:20px;background:var(--accent);box-shadow:0 0 12px rgba(182,255,46,.5);flex:none}.chat-header input{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.02em;padding:9px 12px;border:1px solid var(--border);border-radius:4px;width:100%;background:var(--card);color:var(--text);outline:none;transition:border-color .15s ease}.chat-header input::placeholder{color:var(--text-dim)}.chat-header input:focus{border-color:var(--accent)}.chat-messages{position:relative;flex:1 1;overflow-y:auto;border:1px solid var(--border);border-radius:4px;background:var(--bg);padding:20px;margin-bottom:16px;display:flex;flex-direction:column;gap:14px}.chat-messages:after,.chat-messages:before{content:"";position:absolute;width:14px;height:14px;border:1.5px solid var(--accent);pointer-events:none;z-index:1}.chat-messages:before{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px}.chat-messages:after{bottom:-1px;right:-1px;border-width:0 1.5px 1.5px 0}.message{position:relative;padding:11px 15px;border-radius:4px;max-width:85%;white-space:pre-wrap;line-height:1.5;font-size:.92rem}.message.user{align-self:flex-end;background:var(--accent);color:#0a0a0a;font-weight:500}.message.assistant{align-self:flex-start;background:var(--card);border:1px solid var(--border);color:var(--text)}.message.assistant:after,.message.assistant:before{content:"";position:absolute;width:8px;height:8px;border:1px solid rgba(182,255,46,.35);pointer-events:none}.message.assistant:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.message.assistant:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.message.error{align-self:flex-start;background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);font-family:var(--font-mono);font-size:.82rem}.chat-input-row{display:flex;gap:10px}.chat-input-row input{flex:1 1;padding:12px 14px;border:1px solid var(--border);border-radius:4px;font-family:var(--font-sans);font-size:.95rem;background:var(--card);color:var(--text);outline:none;transition:border-color .15s ease}.chat-input-row input::placeholder{color:var(--text-dim)}.chat-input-row input:focus{border-color:var(--accent)}.chat-input-row button{padding:12px 22px;border:none;border-radius:4px;background:var(--accent);color:#0a0a0a;font-family:var(--font-mono);font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.chat-input-row button:hover:not(:disabled){box-shadow:0 0 16px rgba(182,255,46,.4)}.chat-input-row button:disabled{background:#2a2a2a;color:var(--text-dim);cursor:not-allowed}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#262626;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#333}.kw-bubble,.kw-fullpage,.kw-panel{--kw-bg:#0a0a0a;--kw-panel-bg:#141414;--kw-border:#1f1f1f;--kw-border-input:#2a2a2a;--kw-accent:#b6ff2e;--kw-text:#f2f2f0;--kw-text-secondary:#d5d5d1;--kw-text-muted:#8a8a86}.kw-fullpage{max-width:760px;margin:0 auto;height:100vh;display:flex;flex-direction:column;background:var(--kw-bg);font-family:var(--font-sans)}.kw-bubble{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--kw-accent);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px rgba(182,255,46,.35),0 2px 8px rgba(0,0,0,.4);z-index:9999;animation:kw-bubble-enter .2s ease-out;transition:box-shadow .15s ease,transform .15s ease}.kw-bubble:hover{box-shadow:0 4px 26px rgba(182,255,46,.5),0 2px 8px rgba(0,0,0,.4);transform:scale(1.04)}.kw-bubble svg{color:#0a0a0a}@keyframes kw-bubble-enter{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.kw-panel{position:fixed;bottom:24px;right:24px;width:368px;height:540px;max-height:calc(100vh - 48px);background:var(--kw-panel-bg);border:1px solid var(--kw-border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 48px rgba(0,0,0,.55),0 0 0 1px rgba(182,255,46,.06);z-index:9999;animation:kw-panel-enter .22s ease-out;font-family:var(--font-sans)}@keyframes kw-panel-enter{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.kw-header{justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--kw-border);background:var(--kw-bg);flex:none}.kw-brand,.kw-header{display:flex;align-items:center}.kw-brand{gap:8px}.kw-brand span{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--kw-text)}.kw-header-right{gap:12px}.kw-close,.kw-header-right{display:flex;align-items:center}.kw-close{justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--kw-text-muted);cursor:pointer;padding:0;transition:color .15s ease}.kw-close:hover{color:var(--kw-text)}.kw-pulse{position:relative;display:inline-flex;width:8px;height:8px;flex:none}.kw-pulse-ping{position:absolute;inset:0;animation:kw-ping 1.6s cubic-bezier(0,0,.2,1) infinite}.kw-pulse-dot,.kw-pulse-ping{border-radius:50%;background:var(--kw-accent)}.kw-pulse-dot{position:relative;display:block;width:8px;height:8px}@keyframes kw-ping{0%{transform:scale(1);opacity:.8}75%,to{transform:scale(2.4);opacity:0}}.kw-clientid-row{padding:8px 16px;border-bottom:1px solid var(--kw-border);flex:none}.kw-clientid-row input{width:100%;padding:6px 10px;border:1px solid var(--kw-border-input);border-radius:6px;background:var(--kw-bg);color:var(--kw-text-secondary);font-family:var(--font-mono);font-size:.7rem;outline:none;transition:border-color .15s ease}.kw-clientid-row input::placeholder{color:var(--kw-text-muted)}.kw-clientid-row input:focus{border-color:var(--kw-accent)}.kw-messages{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.kw-msg{padding:10px 13px;border-radius:10px;max-width:80%;white-space:pre-wrap;line-height:1.5;font-size:.87rem;font-family:var(--font-sans)}.kw-msg.assistant{align-self:flex-start;background:var(--kw-panel-bg);border:1px solid var(--kw-border);color:var(--kw-text-secondary)}.kw-msg.user{align-self:flex-end;background:var(--kw-accent);color:#0a0a0a;font-weight:500}.kw-msg.error{align-self:flex-start;background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);font-family:var(--font-mono);font-size:.78rem}.kw-messages::-webkit-scrollbar{width:6px}.kw-messages::-webkit-scrollbar-track{background:transparent}.kw-messages::-webkit-scrollbar-thumb{background:#262626;border-radius:3px}.kw-input-row{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--kw-border);flex:none}.kw-input-row input{flex:1 1;padding:10px 16px;border:1px solid var(--kw-border-input);border-radius:999px;background:var(--kw-panel-bg);color:var(--kw-text);font-family:var(--font-sans);font-size:.88rem;outline:none;transition:border-color .15s ease}.kw-input-row input::placeholder{color:var(--kw-text-muted)}.kw-input-row input:focus{border-color:var(--kw-accent)}.kw-send{flex:none;width:36px;height:36px;border-radius:50%;border:none;background:#2a2a2a;color:var(--kw-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.kw-send:hover:not(:disabled){box-shadow:0 0 12px rgba(182,255,46,.35)}.kw-send:disabled{cursor:not-allowed}@media (max-width:640px){.kw-bubble{width:48px;height:48px;bottom:16px;right:16px}.kw-panel{top:0;left:0;right:0;bottom:0;width:100%;height:100%;max-height:100%;border-radius:0;border:none}}.kw-intro{padding:16px;border-bottom:1px solid var(--kw-border);flex:none}.kw-intro p{margin:0 0 12px;font-size:.85rem;line-height:1.55;color:var(--kw-text-secondary)}.kw-source-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--kw-accent);text-decoration:none;border:1px solid var(--kw-border-input);border-radius:999px;padding:6px 12px;transition:border-color .15s ease,background .15s ease}.kw-source-link:hover{border-color:var(--kw-accent);background:rgba(182,255,46,.06)}.kw-examples{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid var(--kw-border);flex:none}.kw-example-btn{font-family:var(--font-sans);font-size:.78rem;color:var(--kw-text);background:var(--kw-panel-bg);border:1px solid var(--kw-border-input);border-radius:999px;padding:7px 14px;cursor:pointer;transition:border-color .15s ease,color .15s ease;text-align:left}.kw-example-btn:hover:not(:disabled){border-color:var(--kw-accent);color:var(--kw-accent)}.kw-example-btn:disabled{opacity:.5;cursor:not-allowed}