.chat-sidebar{background:var(--surface-1);border-right:var(--border-width)solid color-mix(in srgb,var(--border)50%,transparent 50%);width:272px;min-width:272px;max-width:272px;height:100%;transition:width .22s var(--ease-smooth),min-width .22s var(--ease-smooth),background var(--duration-normal)var(--ease-default);flex-direction:column;display:flex;overflow:hidden}.chat-sidebar-collapsed{width:52px;min-width:52px;max-width:52px;padding-top:var(--space-3);align-items:center;gap:var(--space-1);background:var(--surface-1);border-right:var(--border-width)solid color-mix(in srgb,var(--border)50%,transparent 50%)}.chat-sidebar-expand{width:36px;height:36px;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.chat-sidebar-expand:hover{background:var(--hover-bg);color:var(--text-primary)}.chat-sidebar-header{padding:var(--space-3-5)var(--space-4)var(--space-2)var(--space-4);justify-content:space-between;align-items:center;display:flex}.chat-sidebar-title{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps);opacity:.7;margin:0}.chat-sidebar-collapse{width:28px;height:28px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.chat-sidebar-collapse:hover{background:var(--hover-bg);color:var(--text-primary)}.chat-new-btn{align-items:center;gap:var(--space-2);margin:var(--space-2)var(--space-3);padding:var(--space-2-5)var(--space-3-5);border:var(--border-width)solid color-mix(in srgb,var(--border)60%,transparent);color:var(--text-secondary);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:var(--font-sans);transition:all var(--duration-normal)var(--ease-smooth);background:0 0;display:flex}.chat-new-btn:hover{color:#6366f1;background:#6366f10f;border-color:#6366f1}.chat-search-wrap{margin:var(--space-1)var(--space-3)var(--space-2)var(--space-3);position:relative}.chat-search-icon{left:var(--space-2-5);color:var(--text-muted);pointer-events:none;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.chat-search-input{width:100%;padding:var(--space-2)30px;background:var(--surface-2);border:var(--border-width)solid color-mix(in srgb,var(--border)50%,transparent);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-xs);font-family:var(--font-sans);transition:all var(--duration-fast)var(--ease-default);outline:none}.chat-search-input::placeholder{color:var(--text-muted);opacity:.6}.chat-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.chat-search-clear{right:var(--space-2);background:var(--surface-3);width:18px;height:18px;color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast)var(--ease-default);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.chat-search-clear:hover{background:var(--active-bg);color:var(--text-primary)}.chat-list{padding:0 var(--space-2)var(--space-3)var(--space-2);flex:1;overflow:hidden auto}.chat-list-empty{align-items:center;gap:var(--space-2-5);padding:var(--space-10)var(--space-4);color:var(--text-muted);text-align:center;flex-direction:column;display:flex}.chat-list-empty svg{opacity:.3}.chat-list-empty p{font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.chat-list-empty-sub{opacity:.5;font-size:var(--text-xs)!important}.chat-group{margin-bottom:var(--space-1)}.chat-group-label{padding:var(--space-3)var(--space-2)5px var(--space-2);font-size:9px;font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;opacity:.6}.chat-item{padding:9px var(--space-2-5);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast)var(--ease-default);border:var(--border-width)solid transparent;justify-content:space-between;align-items:center;min-height:36px;display:flex;position:relative}.chat-item:hover{background:var(--hover-bg)}.chat-item-active{background:#6366f10f;border-color:#6366f11f}.chat-item-active:before{content:"";left:0;top:var(--space-1-5);bottom:var(--space-1-5);border-radius:0 var(--radius-xs)var(--radius-xs)0;background:#6366f1;width:3px;position:absolute}.chat-item-active:hover{background:#6366f11a}.chat-item-content{align-items:center;gap:var(--space-1-5);flex:1;min-width:0;display:flex;overflow:hidden}.chat-item-pin{color:#6366f1;flex-shrink:0}.chat-item-title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-item-active .chat-item-title{color:#6366f1;font-weight:var(--weight-semibold)}.chat-item-actions{opacity:0;transition:opacity var(--duration-fast)var(--ease-default);align-items:center;display:flex;position:relative}.chat-item:hover .chat-item-actions{opacity:1}.chat-item-menu-btn{width:24px;height:24px;color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.chat-item-menu-btn:hover{background:var(--active-bg);color:var(--text-primary)}.chat-item:has(.chat-item-menu){z-index:var(--z-dropdown)}.chat-item:has(.chat-item-menu) .chat-item-actions{opacity:1}.chat-item-menu{z-index:var(--z-dropdown);background:var(--surface-1);border:var(--border-width)solid color-mix(in srgb,var(--border)60%,transparent);border-radius:var(--radius-lg);min-width:150px;padding:var(--space-1);box-shadow:var(--shadow-lg);animation:chatMenuIn var(--duration-fast)var(--ease-smooth);position:absolute;top:100%;right:0}@keyframes chatMenuIn{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-menu-option{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2)var(--space-2-5);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xs);font-family:var(--font-sans);text-align:left;background:0 0;border:none;display:flex}.chat-menu-option:hover{background:var(--hover-bg);color:var(--text-primary)}.chat-menu-danger:hover{background:var(--danger-light);color:var(--danger)}.chat-item-edit{align-items:center;gap:var(--space-1);width:100%;display:flex}.chat-item-edit-input{min-width:0;padding:var(--space-1)var(--space-2);background:var(--surface-2);border:var(--border-width)solid #6366f1;border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);outline:none;flex:1;box-shadow:0 0 0 3px #6366f114}.chat-item-edit-confirm,.chat-item-edit-cancel{border-radius:var(--radius-xs);cursor:pointer;width:24px;height:24px;transition:all var(--duration-fast)var(--ease-default);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-item-edit-confirm{color:var(--success)}.chat-item-edit-confirm:hover{background:var(--success-light)}.chat-item-edit-cancel{color:var(--danger)}.chat-item-edit-cancel:hover{background:var(--danger-light)}.chat-sidebar-footer{padding:var(--space-2-5)var(--space-4)var(--space-3-5)var(--space-4);border-top:var(--border-width)solid color-mix(in srgb,var(--border)40%,transparent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-sidebar-banner{border-radius:var(--radius-md);opacity:.4;width:auto;max-width:110px;height:auto;transition:opacity var(--duration-normal)var(--ease-default);pointer-events:none;-webkit-user-select:none;user-select:none}.chat-sidebar-footer:hover .chat-sidebar-banner{opacity:.7}@media (max-width:768px){.chat-sidebar{z-index:var(--z-drawer);width:300px;min-width:300px;max-width:300px;height:100dvh;box-shadow:var(--shadow-xl);transition:transform .25s var(--ease-smooth),opacity .25s var(--ease-smooth);opacity:0;pointer-events:none;position:fixed;top:0;left:0;transform:translate(-100%)}.chat-sidebar.chat-sidebar-mobile-open{opacity:1;pointer-events:auto;transform:translate(0)}.chat-sidebar-collapsed{display:none}.chat-item{min-height:var(--touch-target-min);padding:var(--space-2-5)var(--space-3)}.chat-item-actions{opacity:1}.chat-new-btn{min-height:var(--touch-target-min);padding:var(--space-3)var(--space-3-5)}.chat-menu-option{min-height:var(--touch-target-min);padding:var(--space-2-5)var(--space-3)}.chat-sidebar-collapse{width:var(--touch-target-min);height:var(--touch-target-min)}.chat-sidebar-footer{padding-bottom:calc(var(--space-3-5) + var(--safe-bottom))}}@media (max-width:400px){.chat-sidebar{width:280px;min-width:280px;max-width:280px}}.chat-item-fade{animation:sidebarItemFade .28s var(--ease-smooth)forwards;opacity:0}@keyframes sidebarItemFade{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.chat-item-menu-btn,.chat-sidebar-collapse,.chat-sidebar-expand{transition:transform var(--duration-fast)var(--ease-smooth),background-color var(--duration-fast)var(--ease-default),color var(--duration-fast)var(--ease-default)}.chat-item-menu-btn:hover,.chat-sidebar-collapse:hover,.chat-sidebar-expand:hover{transform:scale(1.06)}.chat-item-menu-btn:active,.chat-sidebar-collapse:active,.chat-sidebar-expand:active{transform:scale(.95)}.chat-menu-option{transition:background-color var(--duration-fast)var(--ease-default),color var(--duration-fast)var(--ease-default),transform var(--duration-fast)var(--ease-smooth)}.chat-menu-option:hover{transform:translate(2px)}@media (prefers-reduced-motion:reduce){.chat-sidebar,.chat-item-menu{transition-duration:.01ms!important;animation-duration:.01ms!important}}