:root{--cubic-enter:cubic-bezier(0.16,1,0.3,1);--cubic-exit:cubic-bezier(0.16,1,0.3,1);--cubic-exit-snappy:cubic-bezier(0.3,0,0.8,0.15);--cubic-move:cubic-bezier(0.16,1,0.3,1)}.chatkit-container{height:100%;max-height:100%;min-height:0;width:100%;position:relative;overflow-x:hidden;overflow-y:visible}.chatkit-container,.chatkit-header{display:flex;background:var(--background)}.chatkit-header{flex:0 0 auto;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);min-height:52px;z-index:10}.chatkit-header-title{font-size:1rem;font-weight:500;color:var(--foreground);truncate:true}.chatkit-header-actions{display:flex;gap:.5rem;align-items:center}.chatkit-sidebar{flex-shrink:0;overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--border)}.chatkit-content-wrapper{flex:1;flex-direction:column;overflow-x:hidden;overflow-y:visible}.chatkit-content-wrapper,.chatkit-main{display:flex;height:100%;max-height:100%;min-height:0}.chatkit-main{flex:1 1 auto;overflow:hidden;flex-direction:column;position:relative;z-index:100;isolation:isolate}.chatkit-thread-container{flex:1 1 auto;min-height:0;max-height:100%;height:0;overflow-y:auto;overflow-x:hidden;padding:2rem 1.5rem;scroll-behavior:smooth;position:relative;z-index:0;isolation:isolate}article[data-thread-turn=user]{display:flex;justify-content:flex-end;margin-bottom:1.5rem}article[data-thread-turn=assistant]{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.markdown-content,.markdown-content>:not(ol){counter-reset:markdown-ol}.markdown-content>ol{list-style:none;padding-left:1.5rem}.markdown-content>ol>li{counter-increment:markdown-ol;position:relative;padding-left:.25rem}.markdown-content>ol>li:before{content:counter(markdown-ol) ".";position:absolute;left:-1.5rem;color:var(--foreground)}.workflow-panel{background:hsl(var(--muted)/.5);border:1px solid var(--border);border-radius:.75rem;padding:1rem;transition:all .3s var(--cubic-enter)}.workflow-panel[data-workflow-expanded=false]{padding:.75rem 1rem}.workflow-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}.workflow-title{font-size:.875rem;font-weight:500;color:var(--foreground);display:flex;align-items:center;gap:.5rem}.workflow-timeline{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.workflow-item{display:flex;align-items:start;gap:.75rem;padding:.5rem;border-radius:.5rem;transition:background-color .15s ease}.workflow-item:hover{background:hsl(var(--muted)/.7)}.workflow-item[data-status=active]{position:relative;overflow:hidden}.workflow-item[data-status=active]:before{content:"";position:absolute;top:0;left:-200%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s linear infinite}.dark .workflow-item[data-status=active]:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}.workflow-item[data-status=completed] .workflow-icon{color:hsl(var(--primary))}.workflow-item[data-status=failed] .workflow-icon{color:hsl(var(--destructive))}.workflow-icon{flex-shrink:0;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center}.workflow-content{flex:1;font-size:.875rem;color:hsl(var(--muted-foreground))}.workflow-timestamp{font-size:.75rem;color:hsl(var(--muted-foreground)/.7);white-space:nowrap}.workflow-step{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.5rem;transition:background-color .15s ease}.workflow-step:hover{background:hsl(var(--muted)/.7)}.workflow-step[data-status=in_progress]{position:relative;overflow:hidden}.workflow-step[data-status=in_progress]:before{content:"";position:absolute;top:0;left:-200%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.15),transparent);animation:shimmer 2s linear infinite}.dark .workflow-step[data-status=in_progress]:before{background:linear-gradient(90deg,transparent,rgba(96,165,250,.1),transparent)}.workflow-step[data-entering]{animation:workflow-step-enter .3s var(--cubic-enter) forwards}@keyframes workflow-step-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.workflow-step[data-status=completed] .workflow-icon{color:hsl(var(--primary))}.workflow-step[data-status=failed] .workflow-icon{color:hsl(var(--destructive))}.workflow-step-name{flex:1;font-size:.875rem;color:var(--foreground);font-weight:500}.workflow-duration{font-size:.75rem;color:hsl(var(--muted-foreground)/.6);margin-left:.25rem;font-weight:400}.citations-panel{border:1px solid var(--border);border-radius:.75rem;padding:1rem;background:hsl(var(--muted)/.3);transition:all .3s var(--cubic-enter)}.citations-panel[data-expanded=false]{padding:.75rem 1rem}.citations-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}.citations-title{font-size:.875rem;font-weight:500;color:var(--foreground);display:flex;align-items:center;gap:.5rem}.citations-list{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.citation-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.5rem;transition:background-color .15s ease;text-decoration:none;color:inherit}.citation-item:hover{background:hsl(var(--muted)/.5)}.citation-icon{flex-shrink:0;font-size:1.25rem}.citation-content{flex:1;display:flex;flex-direction:column;gap:.125rem}.citation-title{font-size:.875rem;font-weight:500;color:var(--foreground);line-height:1.4}.citation-url{font-size:.75rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.citation-link-icon,.citation-url{color:hsl(var(--muted-foreground))}.citation-link-icon{flex-shrink:0;width:1rem;height:1rem}.message-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .2s ease;margin-top:.5rem}article[data-thread-turn=assistant]:hover .message-actions{opacity:1}.message-action-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;border:1px solid var(--border);background:var(--background);color:hsl(var(--muted-foreground));cursor:pointer;transition:all .15s ease}.message-action-button:hover{background:hsl(var(--muted));color:var(--foreground);border-color:hsl(var(--border)/1)}.message-action-button:active{transform:scale(.95)}.message-action-button:disabled{opacity:.5;cursor:not-allowed}.chatkit-composer{flex:0 0 auto;padding:0 1.5rem 1.25rem;background:transparent;pointer-events:none;z-index:50}.chatkit-composer:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent 0,var(--background) 100%);pointer-events:none;z-index:-1}.dark .chatkit-composer:before{background:linear-gradient(to bottom,transparent 0,hsl(var(--background)) 100%);z-index:-1}.composer-wrapper{display:flex;gap:.75rem;align-items:flex-end;max-width:100%;pointer-events:auto}.composer-left-actions{display:flex;align-items:center;pointer-events:auto}.composer-input-wrapper{flex:1;position:relative;background:transparent;border:1px solid var(--border);border-radius:.75rem;box-shadow:0 2px 8px rgba(0,0,0,.1);pointer-events:auto;transition:all .15s ease}.dark .composer-input-wrapper{box-shadow:0 2px 8px rgba(0,0,0,.3)}.composer-textarea{width:100%;min-height:44px;max-height:180px;padding:.875rem 3rem .75rem 1rem;border-radius:.75rem;border:none;background:transparent;color:var(--foreground);font-size:.9375rem;line-height:1.5;resize:none;overflow-y:auto;transition:all .15s ease}.composer-textarea:focus{outline:none}.composer-textarea::placeholder{color:hsl(var(--muted-foreground));opacity:.6}.composer-input-wrapper:has(.composer-textarea:focus){border:2px solid hsl(var(--primary));box-shadow:0 2px 8px rgba(0,0,0,.1)}.dark .composer-input-wrapper:has(.composer-textarea:focus){box-shadow:0 2px 8px rgba(0,0,0,.3)}.composer-textarea:disabled{opacity:.5;cursor:not-allowed}.composer-send-button{position:absolute;right:.75rem;bottom:50%;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;cursor:pointer;transition:background-color .15s ease}.composer-send-button:hover:not(:disabled){background:hsl(var(--primary)/.9)}.composer-send-button:disabled{opacity:.5;cursor:not-allowed}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.chatkit-animated{opacity:var(--tg-initial-opacity,0);transform:var(--tg-initial-transform,none);filter:var(--tg-initial-filter,none);animation:chaткitEnter var(--tg-enter-duration,.4s) var(--tg-enter-timing-function,ease) var(--tg-enter-delay,0s) forwards}@keyframes chaткitEnter{0%{opacity:var(--tg-initial-opacity,0);transform:var(--tg-initial-transform,none);filter:var(--tg-initial-filter,none)}to{opacity:var(--tg-enter-opacity,1);transform:var(--tg-enter-transform,none);filter:var(--tg-enter-filter,none)}}.height-transition{transition:height var(--tg-layout-enter-duration,.3s) var(--tg-layout-enter-timing-function,var(--cubic-move))}@media (max-width:768px){.chatkit-header{padding:.75rem 1rem}.chatkit-thread-container{padding:1.5rem 1rem}.chatkit-composer{padding:.75rem 1rem 1rem}article[data-thread-turn=assistant],article[data-thread-turn=user]{margin-bottom:1rem}}.scroll-to-bottom-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-end;padding-bottom:1.75rem;pointer-events:none;z-index:200}.scroll-to-bottom-overlay:before{content:"";position:absolute;width:3rem;height:3rem;border-radius:9999px;background-color:var(--background);bottom:1.5rem;left:50%;transform:translateX(-50%);pointer-events:none;z-index:0}.scroll-to-bottom{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;background:var(--background);color:var(--foreground);border:1.5px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08);cursor:pointer;transition:all .2s ease;position:relative;z-index:1}.scroll-to-bottom:hover{transform:translateY(-2px);background:var(--muted);border-color:var(--foreground);box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1)}.scroll-to-bottom:active{transform:translateY(0) scale(.95);background:var(--muted);box-shadow:0 1px 4px rgba(0,0,0,.1)}