.blog-demos .demo-container,.blog-demos .demo-container *{font-family:var(--font-untitled-sans),-apple-system,BlinkMacSystemFont,sans-serif}.blog-demos .chat-canvas{position:relative;display:flex;height:100%;width:100%;flex:1;flex-direction:column}.blog-demos .sidebar-toggle-checkbox{position:fixed;top:-9999px;left:-9999px;opacity:0;pointer-events:none}.blog-demos .sidebar-toggle{position:fixed;top:.75rem;left:.75rem;padding:.5rem;border-radius:.5rem;transition:background-color .2s ease-in-out;z-index:30;background-color:transparent;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;user-select:none}.blog-demos .demo-container .sidebar-toggle{position:absolute}.blog-demos .sidebar-toggle:hover{background-color:var(--color-off-white)}.blog-demos .sidebar-icon-hide{display:none}.blog-demos .sidebar-icon-show,.blog-demos .sidebar-toggle-checkbox:checked~.sidebar-toggle .sidebar-icon-hide{display:block}.blog-demos .sidebar-toggle-checkbox:checked~.sidebar-toggle .sidebar-icon-show{display:none}.blog-demos .sidebar{position:fixed;left:0;top:0;height:100vh;width:14rem;z-index:20;display:none;flex-direction:column;overflow:visible}.blog-demos .demo-container .sidebar{position:absolute;height:100%}.blog-demos .sidebar-header{flex-shrink:0;padding:7.5rem .75rem .75rem;display:flex;transition:opacity var(--sidebar-hide-duration) ease-in}.blog-demos .sidebar-toggle-checkbox:not(:checked)~.sidebar .sidebar-header{opacity:0;pointer-events:none}.blog-demos .sidebar-toggle-checkbox:checked~.sidebar .sidebar-header{transition:opacity var(--sidebar-show-duration) ease-out 30ms}.blog-demos .new-chat-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;margin-bottom:1.5rem;border-radius:.5rem;background-color:var(--color-off-white);color:var(--color-black);border:none;cursor:pointer;transition:background-color .2s ease-in-out;font-size:1rem;font-weight:500}.blog-demos .new-chat-btn:hover{background-color:var(--color-hover-off-white)}.blog-demos .chat-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:2.5rem .75rem .75rem;position:relative;background:var(--color-white)}.blog-demos .floating-dot{position:absolute;left:.75rem;width:.375rem;height:.375rem;border-radius:9999px;transform:translateY(-50%);pointer-events:none;will-change:top,opacity}.blog-demos .sidebar-toggle-checkbox:not(:checked)~.sidebar .floating-dot.hover-dot{opacity:0;transition:opacity var(--sidebar-hide-duration) ease-in}.blog-demos .sidebar-toggle-checkbox:not(:checked)~.sidebar .floating-dot.selected-dot{opacity:1;transition:opacity var(--sidebar-show-duration) ease-out 30ms}.blog-demos .sidebar-toggle-checkbox:checked~.sidebar .floating-dot.hover-dot{transition:opacity var(--sidebar-show-duration) ease-out 30ms}.blog-demos .floating-dot.hover-dot{background-color:var(--color-olive-light);z-index:10}.blog-demos .floating-dot.selected-dot{background-color:var(--color-olive-dark);z-index:11}.blog-demos .chat-item{margin-bottom:0;transition:margin-bottom .3s ease-out}.blog-demos .chat-item.expanded{margin-bottom:1rem;transition:margin-bottom 0s}.blog-demos .sidebar-toggle-checkbox:not(:checked)~.sidebar .chat-item:not(.selected){opacity:0;pointer-events:none;transition:opacity var(--sidebar-hide-duration) ease-in}.blog-demos .sidebar-toggle-checkbox:checked~.sidebar .chat-item,.blog-demos .sidebar-toggle-checkbox:not(:checked)~.sidebar .chat-item.selected{opacity:1;pointer-events:auto;transition:opacity var(--sidebar-show-duration) ease-out 30ms}.blog-demos .chat-button{width:100%;text-align:left;padding:.5rem 1rem;border-radius:.5rem;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;color:var(--color-black);transition:color var(--text-transition-duration,.15s) ease-out}.blog-demos .chat-button.selected,.blog-demos .chat-button.selected:hover{color:var(--color-olive-dark)}.blog-demos .chat-title{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.blog-demos .chat-actions{display:flex;gap:4px;align-items:center;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity .2s ease-out}.blog-demos .chat-button:hover .chat-actions{opacity:1;pointer-events:auto;transition:opacity 75ms ease-out}.blog-demos .chat-action-button{padding:3px;border-radius:4px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray);transition:background-color .15s ease-out;flex-shrink:0}.blog-demos .chat-action-button:hover{color:var(--color-gray)}.blog-demos .chat-action-button.delete-button:hover,.blog-demos .chat-action-button:hover{background-color:var(--color-off-white)}.blog-demos .chat-index{padding-left:.5rem;overflow:hidden;max-height:0;opacity:.8;filter:blur(.6px);transform:translateZ(0);will-change:opacity,filter;transition:max-height 0s,opacity .3s ease-out,filter .3s ease-out}.blog-demos .chat-item.expanded .chat-index{max-height:800px;opacity:1;filter:blur(0);transition:max-height 0s,opacity .3s linear,filter .3s linear}.blog-demos .index-item-btn{width:100%;text-align:left;padding:.5rem .5rem .5rem 1.25rem;border-radius:.5rem;background:none;border:none;cursor:pointer;color:var(--color-gray);transition:color var(--text-transition-duration,.45s) ease-out,background-color .3s ease-out;font-size:16px;line-height:1.3;display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;min-width:0}.blog-demos .index-item-btn:hover{transition:color var(--text-transition-duration,.45s) ease-out,background-color .15s ease-out}.blog-demos .index-item-btn.selected,.blog-demos .index-item-btn.selected:hover{color:var(--color-olive-dark)}.blog-demos .index-item-btn.past{color:var(--color-gray);cursor:default}.blog-demos .index-item-btn.upcoming{color:var(--color-black);cursor:pointer}.blog-demos .index-item-btn.upcoming:hover{background-color:var(--color-bg-200)}.blog-demos .index-item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.blog-demos .index-item-actions{display:flex;gap:4px;align-items:center;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity .2s ease-out}.blog-demos .index-item-btn.upcoming:hover .index-item-actions{opacity:1;pointer-events:auto;transition:opacity 75ms ease-out}.blog-demos .index-action-button{padding:3px;border-radius:4px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray);transition:background-color .15s ease-out;flex-shrink:0}.blog-demos .index-action-button:hover{color:var(--color-gray)}.blog-demos .index-action-button.delete-button:hover,.blog-demos .index-action-button:hover{background-color:var(--color-off-white)}.blog-demos .main-content{position:relative;display:flex;height:100%;width:100%;flex:1;flex-direction:column;margin-left:14rem;transition:margin-left .28s cubic-bezier(.4,0,.2,1)}.blog-demos .sidebar-toggle-checkbox:checked~.main-content{margin-left:14rem}.blog-demos .sidebar-toggle-checkbox:not(:checked)~.main-content{margin-left:clamp(0rem,calc((75rem - 100vw) * .696),12rem)}.blog-demos .messages-container{flex:1;overflow-y:auto;padding-top:3rem;padding-bottom:8rem;background:#FBFBFA}.blog-demos .messages-wrapper{margin:0 auto;max-width:41rem;padding:0 1.5rem}.blog-demos .input-container{position:fixed;bottom:0;left:0;right:0;padding-bottom:1rem;background:linear-gradient(to bottom,transparent,var(--bg-000) 20%);transition:padding-left .28s cubic-bezier(.4,0,.2,1);z-index:10}.blog-demos .demo-container .input-container{position:absolute}.blog-demos .sidebar-toggle-checkbox:checked~.main-content .input-container{padding-left:14rem}.blog-demos .sidebar-toggle-checkbox:not(:checked)~.main-content .input-container{padding-left:clamp(0rem,calc((75rem - 100vw) * .696),12rem)}.blog-demos .input-wrapper{max-width:44rem;margin:0 auto;padding:0 1.5rem}.blog-demos .input-box{position:relative;display:flex;padding:8px;flex-direction:column;align-items:flex-end;gap:.5rem;align-self:stretch;background-color:var(--color-white);border:1px solid var(--border-subtle);border-radius:1.5rem;box-shadow:var(--shadow-subtle)}.blog-demos .input-box.reply{border-radius:.75rem;box-shadow:none}.blog-demos .input-box:before{top:6px;background:linear-gradient(to bottom,var(--color-white) 10%,transparent 100%);border-radius:1rem 1rem 0 0}.blog-demos .input-box:after,.blog-demos .input-box:before{content:"";position:absolute;left:0;right:16px;height:1rem;pointer-events:none;z-index:1}.blog-demos .input-box:after{bottom:50px;background:linear-gradient(0deg,#FBFBFA 10%,transparent);border-radius:0 0 0 0}.blog-demos .input-textarea{width:100%;padding:.5rem;max-height:12rem;overflow-y:auto;border:none;outline:none;resize:none;font-size:var(--font-size-message);line-height:var(--line-height-message);color:var(--color-black);background:transparent;position:relative;z-index:0}.blog-demos .input-textarea::placeholder{color:var(--color-gray)}.blog-demos .input-actions{display:flex;align-items:center;align-self:stretch;justify-content:space-between}.blog-demos .input-actions-left{display:flex;align-items:center;gap:8px}.blog-demos .search-container{position:relative;display:flex;align-items:center;flex-shrink:0}.blog-demos .search-menu-checkbox{position:absolute;opacity:0;pointer-events:none}.blog-demos .search-button{display:flex;height:36px;padding:0 6px 0 12px;align-items:center;gap:6px;border-radius:100px;border:1px solid var(--border-subtle);background:transparent;cursor:pointer;transition:background-color .15s ease-out;position:relative;z-index:2;user-select:none}.blog-demos .search-label{font-size:16px;color:var(--color-gray);font-weight:400;margin-bottom:2px}.blog-demos .search-icon-wrapper{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-off-white);opacity:0;max-width:0;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .15s ease-out,max-width .2s ease-out,padding .2s ease-out;padding:0}.blog-demos .search-button:hover .search-icon-wrapper{opacity:1;max-width:24px;padding:4px}.blog-demos .search-menu-checkbox:checked~.search-button .search-icon-wrapper{opacity:1;max-width:24px;padding:4px;transform:rotate(45deg)}.blog-demos .search-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;display:none;z-index:100;cursor:default}.blog-demos .search-menu-checkbox:checked~.search-menu-overlay{display:block}.blog-demos .search-menu{position:absolute;bottom:0;left:calc(100% + 6px);display:flex;width:124px;padding:4px;flex-direction:column;justify-content:center;align-items:flex-start;border-radius:16px;border:1px solid var(--border-subtle);background:var(--color-white);box-shadow:var(--shadow-subtle);z-index:101;gap:2px;opacity:0;transform:scale(.9) translateY(-4px);transform-origin:bottom left;pointer-events:none;transition:opacity 135ms ease-out,transform 135ms ease-out}.blog-demos .search-menu-checkbox:checked~.search-menu{opacity:1;transform:scale(1) translateY(0);pointer-events:auto;transition:opacity 125ms cubic-bezier(.34,1.3,.64,1),transform 125ms cubic-bezier(.34,1.3,.64,1)}.blog-demos .search-menu-item{display:flex;padding:8px 12px;align-items:flex-end;gap:10px;align-self:stretch;border-radius:12px;background:var(--color-white);border:none;cursor:pointer;font-size:16px;color:var(--color-black);transition:background .15s ease-out;text-align:left;width:100%;user-select:none}.blog-demos .search-menu-item:hover{background:var(--color-off-white)}.blog-demos .autoplay-toggle-button{display:flex;align-items:center;cursor:pointer;transition:all .15s ease-out;height:36px;flex-shrink:0}.blog-demos .autoplay-switch{width:64px;height:36px;border-radius:100px;background:var(--color-off-white);position:relative;transition:background .15s ease-out}.blog-demos .autoplay-toggle-button:hover .autoplay-switch{background:var(--color-hover-off-white)}.blog-demos .autoplay-slider{width:28px;height:28px;border-radius:50%;background:var(--color-white);position:absolute;top:4px;left:4px;transition:all .2s cubic-bezier(.34,1.3,.64,1);box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}.blog-demos .autoplay-slider.active{left:32px;background:var(--color-olive-light)}.blog-demos .queue-toggle-container{position:fixed;top:2rem;right:1rem;z-index:30}.blog-demos .demo-container .queue-toggle-container{position:absolute}.blog-demos .queue-toggle-button{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:100px;border:1.5px solid var(--color-border);background:var(--color-white);cursor:pointer;transition:all .15s ease-out}.blog-demos .queue-toggle-button:hover{background:var(--color-off-white);border-color:var(--color-olive-dark)}.blog-demos .toggle-label{font-size:14px;font-weight:500;color:var(--color-black)}.blog-demos .toggle-switch{width:42px;height:24px;border-radius:100px;background:var(--color-bg-300);position:relative;transition:background .15s ease-out}.blog-demos .queue-toggle-button:hover .toggle-switch{background:var(--color-bg-400)}.blog-demos .toggle-slider{width:18px;height:18px;border-radius:50%;background:var(--color-white);position:absolute;top:3px;left:3px;transition:all .2s cubic-bezier(.34,1.3,.64,1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.blog-demos .toggle-slider.active{left:21px;background:var(--color-light-green)}.blog-demos .line-clamp-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:700px){.blog-demos .sidebar,.blog-demos .sidebar-toggle{display:flex}}@media (max-width:699px){.blog-demos .sidebar,.blog-demos .sidebar-toggle{display:none!important}.blog-demos .main-content{margin-left:0!important}.blog-demos .input-container{padding-left:0!important}}.blog-demos .chat-button{user-select:none;-webkit-user-select:none}.blog-demos .citation-chip{display:inline-flex;align-items:center;margin:0 3px;padding:2px 6px;font-size:var(--font-size-small);font-weight:400;color:var(--color-gray);background-color:var(--color-off-white);border-radius:4px;text-decoration:none;transition:all .15s ease-out;cursor:pointer;vertical-align:baseline;line-height:1.4}.blog-demos .citation-chip:hover{background-color:var(--color-hover-off-white)}.blog-demos .citation-link,.blog-demos .tiptap-editor a{color:var(--color-olive-dark);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;text-decoration-thickness:2px;cursor:pointer}.blog-demos .message-content b,.blog-demos .message-content strong,.blog-demos .tiptap-editor b,.blog-demos .tiptap-editor strong{font-weight:var(--font-weight-semibold);color:inherit}.blog-demos .message-content em,.blog-demos .message-content i,.blog-demos .tiptap-editor em,.blog-demos .tiptap-editor i{font-style:italic;color:inherit}.blog-demos .message-content h1,.blog-demos .message-content h2,.blog-demos .message-content h3,.blog-demos .tiptap-editor h1,.blog-demos .tiptap-editor h2,.blog-demos .tiptap-editor h3{font-weight:var(--font-weight-semibold);line-height:1.3;margin-top:0;padding:0;color:inherit}.blog-demos .message-content h1,.blog-demos .tiptap-editor h1{font-size:1.75rem;margin-top:1.5rem;margin-bottom:.5rem}.blog-demos .message-content h2,.blog-demos .tiptap-editor h2{font-size:1.5rem;margin-top:1rem;margin-bottom:.25rem}.blog-demos .message-content h3,.blog-demos .tiptap-editor h3{font-size:1.25rem;margin-top:.75rem;margin-bottom:.25rem}.blog-demos .message-content ol,.blog-demos .message-content ul,.blog-demos .tiptap-editor ol,.blog-demos .tiptap-editor ul{padding-left:var(--list-padding-left);margin:var(--list-margin-top) 0 var(--list-margin-bottom) 0;color:inherit;list-style-position:outside}.blog-demos .message-content ul,.blog-demos .tiptap-editor ul{list-style-type:disc}.blog-demos .message-content ol,.blog-demos .tiptap-editor ol{list-style-type:decimal}.blog-demos .message-content li,.blog-demos .tiptap-editor li{margin:var(--list-item-margin);color:inherit}.blog-demos .message-content li>p,.blog-demos .tiptap-editor li>p{margin:0}.blog-demos .message-content mark,.blog-demos .tiptap-editor mark{background-color:var(--color-highlight);color:var(--color-olive-dark);padding:var(--highlight-padding);border-radius:var(--highlight-border-radius)}.blog-demos .message-content code,.blog-demos .tiptap-editor code{background-color:var(--code-bg);color:var(--code-text);padding:.125em .25em;border-radius:3px;font-family:var(--font-mono);font-size:.9em}.blog-demos .message-content pre,.blog-demos .tiptap-editor pre{background-color:var(--pre-bg);color:var(--code-text);padding:.75em 1em;border-radius:6px;overflow-x:auto;margin:.5em 0;font-family:var(--font-mono)}.blog-demos .message-content pre code,.blog-demos .tiptap-editor pre code{background:none;padding:0;font-size:inherit;color:inherit}.blog-demos .message-content blockquote,.blog-demos .tiptap-editor blockquote{border-left:3px solid var(--blockquote-border);padding-left:1em;margin:.5em 0;font-style:italic;color:inherit}.blog-demos .message-content del,.blog-demos .message-content s,.blog-demos .tiptap-editor del,.blog-demos .tiptap-editor s{text-decoration:line-through;color:inherit}.blog-demos .message-content u,.blog-demos .tiptap-editor u{text-decoration:underline;color:inherit}.blog-demos .message-content hr,.blog-demos .tiptap-editor hr{border:none;border-top:1px solid var(--hr-border);margin:1em 0}.blog-demos .message-content p,.blog-demos .tiptap-editor p{margin:0;padding:0;line-height:inherit;color:inherit}