.kdemo{--kdemo-w: 430px;--kdemo-bubble: 14px;position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,var(--sand-900) 50%,transparent);backdrop-filter:var(--blur-veil)}.kdemo-frame{position:relative;display:flex;flex-direction:column;width:min(var(--kdemo-w),100%);max-height:min(760px,100%);overflow:hidden;background:var(--sand-50);border:1px solid var(--sand-200);border-radius:18px;box-shadow:var(--shadow-xl);font-family:var(--font-sans);color:var(--text-strong)}.kdemo-head{display:flex;align-items:center;gap:10px;padding:14px 16px 14px 18px;border-bottom:1px solid var(--sand-200)}.kdemo-dot{flex:none;width:9px;height:9px;border-radius:var(--radius-circle);background:var(--lagoon-500)}.kdemo-title{font-size:14px;font-weight:var(--fw-bold)}.kdemo-replayed{margin-left:auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.kdemo-close{flex:none;width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid var(--sand-200);border-radius:var(--radius-circle);background:var(--surface-raised);color:var(--text-muted);font-size:17px;line-height:1;cursor:pointer;transition:var(--t-color)}.kdemo-close:hover{color:var(--text-strong);border-color:var(--border-base)}.kdemo-greet{padding:24px 20px 6px;text-align:center}.kdemo-greet .g{font-family:var(--font-display);font-weight:var(--fw-regular);font-size:26px;line-height:var(--lh-snug)}.kdemo-greet .sg{margin-top:4px;font-size:13.5px;color:var(--text-muted)}.kdemo-thread{flex:1 1 auto;min-height:320px;overflow-y:auto;padding:14px 14px 8px;display:flex;flex-direction:column;gap:10px;mask-image:linear-gradient(to bottom,transparent 0,#000 14px)}.kdemo-thread>*{flex:none}.kdemo-msg{max-width:88%;padding:10px 13px;border-radius:var(--kdemo-bubble);font-size:13.5px;line-height:var(--lh-normal)}.kdemo-msg.user{align-self:flex-end;background:var(--lagoon-500);color:var(--text-on-brand);border-bottom-right-radius:4px;white-space:pre-wrap}.kdemo-msg.kula{align-self:flex-start;background:var(--surface-raised);border:1px solid var(--sand-200);border-bottom-left-radius:4px}.kdemo-msg.kula p{margin:0 0 7px}.kdemo-msg.kula p:last-child{margin-bottom:0}.kdemo-msg.kula strong{color:var(--lagoon-700)}.kdemo-msg.kula ul,.kdemo-msg.kula ol{margin:6px 0;padding-left:18px}.kdemo-msg.kula li{margin-bottom:3px}.kdemo-msg.kula table{width:100%;border-collapse:collapse;margin:7px 0;font-size:12.5px}.kdemo-msg.kula th{font-family:var(--font-mono);font-size:9.5px;font-weight:var(--fw-regular);letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);text-align:left;padding:2px 10px 4px 0;border-bottom:1px solid var(--sand-200)}.kdemo-msg.kula td{padding:4px 10px 4px 0;border-bottom:1px solid var(--sand-100);font-variant-numeric:tabular-nums}.kdemo-msg.kula.streaming{white-space:pre-wrap}.kdemo-think{align-self:flex-start;display:none;gap:4px;padding:12px 15px}.kdemo-think.on{display:flex}.kdemo-think i{width:7px;height:7px;border-radius:var(--radius-circle);background:var(--lagoon-300);animation:kdemo-bounce 1.1s infinite}.kdemo-think i:nth-child(2){animation-delay:.18s}.kdemo-think i:nth-child(3){animation-delay:.36s}@keyframes kdemo-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.kdemo-art,.kdemo-doc{align-self:flex-start;opacity:0;transform:translateY(6px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.kdemo-art.in,.kdemo-doc.in{opacity:1;transform:none}.kdemo-art{width:88%;overflow:hidden;background:var(--surface-raised);border:1px solid var(--sand-200);border-radius:var(--kdemo-bubble)}.kdemo-art .ah{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:9px 13px 5px}.kdemo-art .ah b{font-size:12.5px}.kdemo-art .ah span{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.kdemo-art .ab{padding:4px 12px 12px}.kdemo-art svg{width:100%;height:auto}.kdemo-doc{display:flex;align-items:center;gap:11px;max-width:88%;padding:11px 14px;text-align:left;background:var(--surface-raised);border:1px solid var(--sand-200);border-radius:var(--kdemo-bubble);font-family:inherit;color:inherit;cursor:pointer}.kdemo-doc:hover{border-color:var(--lagoon-300)}.kdemo-doc .ic{position:relative;flex:none;width:34px;height:42px;border:1.5px solid var(--lagoon-500);border-radius:4px}.kdemo-doc .ic:before{content:"";position:absolute;left:6px;right:6px;top:8px;height:2px;background:var(--lagoon-300);box-shadow:0 6px 0 var(--lagoon-300),0 12px 0 var(--lagoon-300)}.kdemo-doc b{display:block;font-size:12.5px}.kdemo-doc .sub{display:block;font-size:11px;color:var(--text-muted)}.kdemo-doc .view{margin-left:auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--lagoon-600)}.kdemo-overlay{position:absolute;inset:0;z-index:5;display:none;flex-direction:column;background:var(--sand-50)}.kdemo-overlay.on{display:flex}.kdemo-overlay .obar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--sand-200)}.kdemo-overlay .obar b{font-size:13px}.kdemo-overlay .obar button{margin-left:auto;padding:5px 12px;border:1px solid var(--sand-200);border-radius:var(--radius-sm);background:var(--surface-raised);font-family:inherit;font-weight:var(--fw-semibold);font-size:12px;color:var(--text-muted);cursor:pointer}.kdemo-overlay .obar button:hover{color:var(--text-strong)}.kdemo-overlay .oscroll{flex:1;overflow-y:auto;overscroll-behavior:contain}.kdemo-overlay iframe{display:block;width:100%;height:100%;border:0}.kdemo-input{display:flex;align-items:center;min-height:42px;margin:10px 14px 12px;padding:11px 14px;background:var(--surface-raised);border:1px solid var(--sand-200);border-radius:var(--radius-md);font-size:13.5px;color:var(--text-strong)}.kdemo-input .ph{color:var(--text-muted)}.kdemo-caret{display:inline-block;width:2px;height:15px;margin-left:2px;background:var(--lagoon-500);vertical-align:text-bottom;animation:kdemo-blink 1s steps(1) infinite}@keyframes kdemo-blink{50%{opacity:0}}.kdemo-foot{padding:12px 14px 14px;border-top:1px solid var(--sand-200)}.kdemo-controls{display:flex;gap:8px}.kdemo-btn{padding:8px 14px;border:1px solid var(--sand-200);border-radius:var(--radius-sm);background:var(--surface-raised);font-family:inherit;font-weight:var(--fw-semibold);font-size:13px;color:var(--text-muted);cursor:pointer;transition:var(--t-color)}.kdemo-btn:hover{color:var(--text-strong);border-color:var(--border-base)}.kdemo-btn[disabled]{opacity:.45;cursor:default}.kdemo-btn[disabled]:hover{color:var(--text-muted);border-color:var(--sand-200)}.kdemo-cta{margin-top:12px;font-size:12.5px;line-height:var(--lh-normal);color:var(--text-muted)}.kdemo-cta a{display:inline-block;margin-top:6px;padding:9px 16px;border-radius:var(--radius-pill);background:var(--lagoon-600);color:var(--text-on-brand);font-weight:var(--fw-semibold);font-size:13.5px;text-decoration:none;transition:var(--t-all)}.kdemo-cta a:hover{background:var(--lagoon-700)}.kdemo-foot.done .kdemo-cta a{box-shadow:var(--shadow-brand);transform:translateY(-1px)}@media(max-width:640px){.kdemo{align-items:flex-end;padding:0}.kdemo-frame{width:100%;max-height:92dvh;border-radius:18px 18px 0 0;border-bottom:0}.kdemo-thread{min-height:0}.kdemo-head{flex-wrap:wrap;row-gap:3px}.kdemo-dot{order:0}.kdemo-title{order:1}.kdemo-close{order:2;margin-left:auto}.kdemo-replayed{order:3;flex:1 0 100%;margin-left:0}}@media(prefers-reduced-motion:reduce){.kdemo-think i,.kdemo-caret{animation:none}.kdemo-art,.kdemo-doc{transition:none}.kdemo-foot.done .kdemo-cta a{transform:none}}