.spark-root{z-index:100;font-family:var(--font-sans);position:fixed;bottom:24px;right:24px}.spark-root.placement-bottom-left{left:24px;right:auto}.spark-root.embedded{flex:1;width:100%;height:100%;min-height:0;display:flex;position:relative;inset:auto}.spark-launcher{background:var(--primary);color:var(--primary-foreground);width:60px;height:60px;box-shadow:0 12px 28px -8px oklch(from var(--primary)l c h/.45),0 4px 10px -2px #00000026,inset 0 1px 0 #ffffff1a;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .15s;display:inline-flex}.spark-launcher:hover{box-shadow:0 16px 36px -8px oklch(from var(--primary)l c h/.55),0 6px 14px -2px #0000002e,inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.spark-launcher:active{transform:translateY(0)}.spark-launcher.style-pill{gap:10px;width:auto;height:56px;padding:0 22px 0 18px}.spark-launcher.style-pill .pill-label{font-family:var(--font-display);letter-spacing:-.005em;font-size:14px;font-weight:600}.spark-window{background:var(--card);transform-origin:100% 100%;border-radius:26px;flex-direction:column;width:384px;height:600px;max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 24px 60px -16px #00000038,0 8px 18px -4px #0000001a,0 0 0 1px #0000000d;box-shadow:0 24px 60px -16px lab(0% 0 0/.219608),0 8px 18px -4px lab(0% 0 0/.101961),0 0 0 1px lab(0% 0 0/.05)}.spark-root.placement-bottom-left .spark-window{transform-origin:0 100%}.spark-root.embedded .spark-window{flex:1;width:100%;height:100%;max-height:none}.spark-window.anim-scale-fade{animation:.28s cubic-bezier(.22,1,.36,1) both spark-scale-fade}.spark-window.anim-scale-fade.closing{animation:.2s cubic-bezier(.4,0,1,1) both spark-scale-fade-out}.spark-root.embedded .spark-window.anim-scale-fade{animation:none}@keyframes spark-scale-fade{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes spark-scale-fade-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(8px)}}.spark-header{background:var(--primary);color:var(--primary-foreground);flex-shrink:0;padding:18px 18px 16px;position:relative}.spark-header-bg{pointer-events:none;border-radius:26px 26px 0 0;position:absolute;inset:0;overflow:hidden}.spark-header-bg:before,.spark-header-bg:after{content:"";background:radial-gradient(circle,oklch(from var(--primary)calc(l*1.4)c h/.45),transparent 70%);border-radius:50%;position:absolute}.spark-header-bg:before{width:220px;height:220px;top:-100px;right:-60px}.spark-header-bg:after{opacity:.6;width:160px;height:160px;top:-40px;left:-40px}.spark-header-row{align-items:center;gap:12px;display:flex;position:relative}.spark-avatar{width:38px;height:38px;color:var(--primary-foreground);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;display:grid;box-shadow:inset 0 0 0 2px #ffffff8c;box-shadow:inset 0 0 0 2px lab(100% 0 0/.55)}.spark-avatar svg{stroke-width:1.75px;width:20px;height:20px}.spark-id{flex:1;min-width:0;line-height:1.2}.spark-id .nm{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.spark-id .nm .by{font-family:var(--font-sans);opacity:.85;background:#ffffff1f;background:lab(100% 0 0/.12);border-radius:999px;padding:2px 6px;font-size:11px;font-weight:400}.spark-id .st{opacity:.85;align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.spark-id .st .live-dot{background:#6bef75;background:lab(85.0132% -56.1383 46.7987);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite live-pulse;box-shadow:0 0 #6bef7599;box-shadow:0 0 lab(85.0132% -56.1383 46.7987/.6)}@keyframes live-pulse{0%,to{box-shadow:0 0 #6bef7580;box-shadow:0 0 lab(85.0132% -56.1383 46.7987/.5)}50%{box-shadow:0 0 0 5px #6bef7500;box-shadow:0 0 0 5px lab(85.0132% -56.1383 46.7987/0)}}.spark-header-actions{gap:4px;display:flex;position:relative}.icon-btn-h{color:#ffffffd9;color:lab(100% 0 0/.85);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:grid}.icon-btn-h:hover{color:#fff;color:lab(100% 0 0);background:#ffffff26;background:lab(100% 0 0/.15)}.icon-btn-h svg{stroke-width:2px;width:16px;height:16px}.spark-convo{background:linear-gradient(180deg,var(--primary-subtle)0%,var(--card)110px);scroll-behavior:smooth;flex-direction:column;flex:1;gap:14px;padding:20px 18px 12px;display:flex;overflow-y:auto}.spark-convo::-webkit-scrollbar{width:8px}.spark-convo::-webkit-scrollbar-thumb{background:#0000001a;background:lab(0% 0 0/.1);border-radius:8px}.spark-welcome{flex-direction:column;gap:14px;padding:4px;display:flex}.spark-welcome h3{font-family:var(--font-display);letter-spacing:-.018em;color:var(--foreground);margin:0;font-size:22px;font-weight:600;line-height:1.2}.spark-welcome h3 .wave{transform-origin:70% 70%;animation:1.6s ease-in-out .2s 2 spark-wave;display:inline-block}@keyframes spark-wave{0%,60%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(14deg)}20%,40%{transform:rotate(-8deg)}}.spark-welcome p{color:var(--muted-foreground);margin:0;font-size:13.5px;line-height:1.5}.spark-suggest-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);margin-top:6px;font-size:11px;font-weight:500}.spark-suggest{flex-direction:column;gap:6px;display:flex}.spark-chip{background:var(--card);text-align:left;color:var(--foreground);cursor:pointer;border:0;border-radius:22px;align-items:center;gap:10px;padding:11px 14px;font-family:inherit;font-size:13px;line-height:1.4;transition:background .15s,box-shadow .15s,transform 80ms;display:flex;box-shadow:0 0 0 1px #0000000f;box-shadow:0 0 0 1px lab(0% 0 0/.06)}.spark-chip:hover{background:var(--primary-subtle);box-shadow:0 0 0 1px oklch(from var(--primary)l c h/.3)}.spark-chip:active{transform:translateY(1px)}.spark-chip .lead{background:var(--primary-subtle);width:24px;height:24px;color:var(--primary);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.spark-chip .lead svg{stroke-width:2px;width:13px;height:13px}.spark-chip .arrow{color:var(--muted-foreground);flex-shrink:0;margin-left:auto;transition:transform .2s,color .15s}.spark-chip:hover .arrow{color:var(--primary);transform:translate(2px)}.spark-chip .arrow svg{stroke-width:2px;width:14px;height:14px}.spark-msg-row{align-items:flex-end;gap:8px;display:flex}.spark-msg-row.user{justify-content:flex-end}.spark-msg-bot-avatar{width:26px;height:26px;box-shadow:inset 0 0 0 1.5px var(--primary);color:var(--primary);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;margin-bottom:4px;display:grid}.spark-msg-bot-avatar svg{stroke-width:2px;width:13px;height:13px}.spark-msg-bubble{border-radius:18px;max-width:85%;padding:10px 13px;font-size:13.5px;line-height:1.5}.spark-msg-bubble.user{background:var(--primary);color:var(--primary-foreground);border-bottom-right-radius:6px}.spark-msg-bubble.bot{background:var(--card);color:var(--foreground);border-bottom-left-radius:6px;box-shadow:0 0 0 1px #0000000f;box-shadow:0 0 0 1px lab(0% 0 0/.06)}.spark-msg-bubble strong{font-weight:600}.spark-msg-bubble em{font-style:italic}.spark-msg-bubble a{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.spark-msg-bubble.user a{color:#fff;color:lab(100% 0 0)}.spark-msg-bubble code{font-size:12px;font-family:var(--font-mono);background:#0000000d;background:lab(0% 0 0/.05);border-radius:5px;padding:1px 5px}.spark-msg-bubble.user code{color:var(--primary-foreground);background:#ffffff2e;background:lab(100% 0 0/.18)}.spark-msg-bubble p{margin:0 0 6px}.spark-msg-bubble p:last-child{margin:0}.spark-msg-bubble ul{margin:4px 0;padding-left:18px}.spark-msg-bubble li{margin-bottom:3px}.spark-msg-bubble li::marker{color:var(--primary)}.spark-bot-group{flex-direction:column;align-items:flex-start;gap:6px;max-width:calc(100% - 34px);display:flex}.spark-bot-actions{opacity:0;gap:2px;transition:opacity .15s,transform .15s;display:flex;transform:translateY(-2px)}.spark-msg-row:hover .spark-bot-actions,.spark-bot-actions.feedback-given{opacity:1;transform:translateY(0)}.spark-action-btn{color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:26px;height:26px;transition:background .15s,color .15s;display:grid}.spark-action-btn:hover{background:var(--muted);color:var(--foreground)}.spark-action-btn.up.active{color:var(--primary);background:var(--primary-subtle)}.spark-action-btn.down.active{color:var(--destructive);background:#ffedeb;background:lab(94.9893% 12.2795 6.63545)}.spark-action-btn svg{stroke-width:2px;width:13px;height:13px}.spark-typing{align-items:center;gap:4px;padding:12px 14px;display:inline-flex}.spark-typing span{background:var(--muted-foreground);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite spark-bounce}.spark-typing span:nth-child(2){animation-delay:.15s}.spark-typing span:nth-child(3){animation-delay:.3s}@keyframes spark-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.spark-footer{background:var(--card);border-top:1px solid var(--border);flex-shrink:0;padding-bottom:12px}.spark-composer{padding:12px 14px 10px}.spark-composer-inner{background:oklch(from var(--input)l c h/.5);border-radius:22px;align-items:flex-end;gap:6px;padding:6px 6px 6px 14px;transition:box-shadow .15s;display:flex}.spark-composer-inner:focus-within{box-shadow:0 0 0 2px oklch(from var(--primary)l c h/.2),0 0 0 1px var(--primary)}.spark-composer textarea{resize:none;font:inherit;color:var(--foreground);max-height:120px;font-size:14px;line-height:1.5;font-family:var(--font-sans);background:0 0;border:0;outline:none;flex:1;padding:7px 0}.spark-composer textarea::placeholder{color:var(--muted-foreground)}.spark-send{background:var(--primary);color:var(--primary-foreground);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;place-items:center;width:34px;height:34px;transition:background .15s,transform 80ms;display:grid}.spark-send:hover:not(:disabled){background:oklch(from var(--primary)calc(l*.92)c h)}.spark-send:disabled{opacity:.35;cursor:not-allowed}.spark-send svg{stroke-width:2.25px;width:14px;height:14px}.spark-disclaimer{text-align:center;color:var(--muted-foreground);margin-top:6px;font-size:11px}.spark-disclaimer strong{color:var(--foreground);font-weight:500}.spark-menu{background:var(--card);min-width:180px;box-shadow:var(--shadow-lg);z-index:10;border-radius:12px;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.spark-menu button{text-align:left;color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:13px;display:flex}.spark-menu button:hover{background:var(--muted)}.spark-menu button svg{stroke-width:2px;width:14px;height:14px}@media (max-width:480px){.spark-root{bottom:16px;right:16px}.spark-root.placement-bottom-left{left:16px}.spark-window{width:calc(100vw - 32px);height:calc(100vh - 96px)}}
