:root{--ds-sider-width:260px;--ds-font-size-m:14px;--ds-line-height-m:25px;--ds-icon-button-size:28px;--dsr-main:#4d6bfe;--dsr-side-bg:#f9fbff;--dsr-side-hover-bg:rgb(239,246,255);--dsr-side-hover-bg-rgb:239,246,255;--dsr-text-1:rgb(30,41,59);--dsr-text-2:rgb(100,116,139);--dsr-border-1:rgb(226,232,240);--ds-transition-duration:0.2s;--ds-transition-duration-fast:0.1s;--ds-transition-duration-slow:0.3s;--ds-ease-in-out:cubic-bezier(0.4,0,0.2,1);--ds-rgb-blue-50:239,246,255;--ds-rgb-neutral-800:30,41,59;--ds-rgb-neutral-600:100,116,139;--ds-rgb-neutral-350:203,213,225}.chat-sidebar{width:var(--ds-sider-width);height:100vh;background:var(--dsr-side-bg);display:flex;flex-direction:column;font-family:quote-cjk-patch,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Open Sans,sans-serif;font-size:var(--ds-font-size-m);line-height:var(--ds-line-height-m);color:var(--dsr-text-1);position:fixed;top:0;left:0;z-index:9;transition:transform var(--ds-transition-duration-slow) var(--ds-ease-in-out)}.chat-sidebar.collapsed{width:68px;border-right:1px solid var(--dsr-border-1);flex-direction:column;align-items:center;padding:19px 0}.chat-sidebar.collapsed .sidebar-header{flex-direction:column;align-items:center;padding:0;border-bottom:none;gap:38px;width:100%}.chat-sidebar.collapsed .sidebar-logo{display:none}.chat-sidebar.collapsed .sidebar-controls{flex-direction:column;gap:0}.chat-sidebar.collapsed .control-button{width:28px;height:28px}.chat-sidebar.collapsed .new-conversation{margin:38px 0 0;padding:0;background:none;border:none;width:28px;height:28px;border-radius:20px;align-self:center;justify-content:center}.chat-sidebar.collapsed .new-conversation:hover{background:var(--dsr-side-hover-bg);border-radius:20px;padding:2px}.chat-sidebar.collapsed .new-conversation span{display:none}.chat-sidebar.collapsed .new-conversation svg{width:28px;height:28px;color:rgb(var(--ds-rgb-primary))}.chat-sidebar.collapsed .conversation-list,.chat-sidebar.collapsed .sidebar-footer{display:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px}.sidebar-logo svg{height:32px;color:var(--dsr-text-1)}.sidebar-controls{display:flex;gap:8px}.control-button{width:var(--ds-icon-button-size);height:var(--ds-icon-button-size);display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:background var(--ds-transition-duration) var(--ds-ease-in-out)}.control-button:hover{background:var(--dsr-side-hover-bg)}.control-button svg{width:var(--ds-icon-button-size);height:var(--ds-icon-button-size);color:var(--dsr-text-1)}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:flex}}.new-conversation{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:16px 16px 0;border-radius:20px;background:rgb(var(--ds-rgb-blue-50));border:1px solid rgb(var(--ds-rgb-blue-200));cursor:pointer;transition:all var(--ds-transition-duration) var(--ds-ease-in-out);width:auto;min-width:0;flex-shrink:0}.new-conversation:hover{background:rgb(var(--ds-rgb-blue-100));border-color:rgb(var(--ds-rgb-blue-300));box-shadow:0 2px 8px rgba(var(--ds-rgb-blue-500),.1)}.new-conversation svg{width:20px;height:20px;color:rgb(var(--ds-rgb-primary));flex-shrink:0}.new-conversation span{font-size:var(--ds-font-size-l);font-weight:600;color:rgb(var(--ds-rgb-primary));white-space:nowrap}.conversation-list{flex:1;overflow-y:auto;padding:16px;scrollbar-width:none;-ms-overflow-style:none}.conversation-list::-webkit-scrollbar{display:none}.conversation-group{margin-bottom:16px}.group-title{font-size:12px;color:var(--dsr-text-2);margin-bottom:8px;padding:0 8px;font-weight:400}.conversation-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:20px;cursor:pointer;min-height:36px;transition:all var(--ds-transition-duration) var(--ds-ease-in-out)}.conversation-item.active,.conversation-item:hover{background:var(--dsr-side-hover-bg)}.conversation-item.active{color:var(--dsr-main);border-radius:20px}.conversation-title{font-size:var(--ds-font-size-m);font-weight:400;color:var(--dsr-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.conversation-item.active .conversation-title{color:var(--dsr-main);font-weight:500}.conversation-input{background:transparent;border:none;outline:none;font-size:var(--ds-font-size-m);color:var(--dsr-text-1);flex:1;padding:2px 4px;border-radius:4px;border:1px solid var(--dsr-main)}.conversation-actions{opacity:0;transition:opacity var(--ds-transition-duration)}.conversation-item:hover .conversation-actions{opacity:1}.more-button{width:16px;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:background var(--ds-transition-duration)}.more-button:hover{background:rgba(var(--dsr-side-hover-bg-rgb),.8)}.more-button svg{width:16px;height:16px;color:var(--dsr-text-2)}.sidebar-footer{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-top:1px solid var(--dsr-border-1)}.footer-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background var(--ds-transition-duration)}.footer-item:hover{background:var(--dsr-side-hover-bg)}.footer-item .icon{width:20px;height:20px;color:var(--dsr-text-1)}.footer-item .icon-png{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(217deg) brightness(104%) contrast(97%)}.footer-item .text{font-size:var(--ds-font-size-m);font-weight:400;color:var(--dsr-text-1)}.empty-state,.error-state,.loading-state{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;color:var(--dsr-text-2);font-size:var(--ds-font-size-m)}.loading-spinner{width:24px;height:24px;border-top:2px solid var(--dsr-border-1);border:2px solid var(--dsr-border-1);border-top-color:var(--dsr-main);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state button{margin-top:8px;padding:6px 12px;background:var(--dsr-main);color:white;border:none;border-radius:4px;cursor:pointer;font-size:12px}.error-state button:hover{background:#4166d5}.chat-list,.new-chat-button,.search-container,.sidebar-settings{display:none}.conversation-menu{background:rgb(var(--ds-rgb-white));border:1px solid rgb(var(--ds-rgb-gray-200));border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:100px;padding:4px 0;animation:menuFadeIn .15s ease-out}.conversation-menu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:14px;color:rgb(var(--ds-rgb-label-1));transition:background-color .15s ease}.conversation-menu-item:hover{background:rgb(var(--ds-rgb-bg-hover))}.conversation-menu-item--danger{color:rgb(var(--ds-rgb-error))}.conversation-menu-item--danger:hover{background:rgb(var(--ds-rgb-error-bg))}.conversation-menu-item svg{width:16px;height:16px;flex-shrink:0}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}body.dark .conversation-menu{background:rgb(var(--ds-rgb-elevated));border-color:rgb(var(--ds-rgb-separator));box-shadow:0 4px 12px rgba(0,0,0,.3)}body.dark .conversation-menu-item{color:rgb(var(--ds-rgb-label-1))}body.dark .conversation-menu-item:hover{background:rgb(var(--ds-rgb-bg-hover))}body.dark .conversation-menu-item--danger{color:rgb(var(--ds-rgb-error))}body.dark .sidebar-footer{border-top-color:rgb(100,116,139)}body.dark .footer-item .icon{color:rgb(147,197,253)}body.dark .footer-item .icon-png{filter:brightness(0) saturate(100%) invert(79%) sepia(18%) saturate(1096%) hue-rotate(178deg) brightness(99%) contrast(96%)}body.dark .footer-item .text{color:rgb(226,232,240)}