.chat-module__cHtH3q__chatLayout{height:100vh;margin:calc(-1 * var(--space-page-y)) calc(-1 * var(--space-page-x));display:flex;overflow:hidden}.chat-module__cHtH3q__chatSidebar{background-color:var(--color-background);border-right:1px solid var(--color-border);height:100%;transition:width var(--transition-normal), min-width var(--transition-normal);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.chat-module__cHtH3q__chatSidebarOpen{width:260px;min-width:260px}.chat-module__cHtH3q__chatSidebarClosed{width:52px;min-width:52px}.chat-module__cHtH3q__chatSidebarHeader{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.chat-module__cHtH3q__newChatButton{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-surface);background:var(--gradient-primary);border-radius:var(--radius);cursor:pointer;white-space:nowrap;transition:box-shadow var(--transition-fast), transform var(--transition-fast), filter var(--transition-fast);border:none;flex:1;font-weight:600;display:flex;overflow:hidden}.chat-module__cHtH3q__newChatButton:hover{box-shadow:var(--shadow-glow-sm);filter:brightness(1.05)}.chat-module__cHtH3q__newChatButton:disabled{opacity:.6;cursor:not-allowed}.chat-module__cHtH3q__newChatIcon{flex-shrink:0;width:15px;height:15px}.chat-module__cHtH3q__toggleButton{width:32px;height:32px;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.chat-module__cHtH3q__toggleButton:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.chat-module__cHtH3q__toggleIcon{width:18px;height:18px}.chat-module__cHtH3q__collapsedActions{padding:var(--space-3) 0;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.chat-module__cHtH3q__collapsedNewButton{width:32px;height:32px;color:var(--color-surface);background-color:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);border:none;justify-content:center;align-items:center;display:inline-flex}.chat-module__cHtH3q__collapsedNewButton:hover{background-color:var(--color-primary-hover)}.chat-module__cHtH3q__collapsedNewButton:disabled{opacity:.6;cursor:not-allowed}.chat-module__cHtH3q__conversationList{padding:var(--space-2) var(--space-2);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-module__cHtH3q__conversationGroup{gap:var(--space-1);margin-bottom:var(--space-2);flex-direction:column;display:flex}.chat-module__cHtH3q__groupLabel{padding:var(--space-2) var(--space-2) var(--space-1);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-tertiary);white-space:nowrap;font-weight:600}.chat-module__cHtH3q__conversationItem{gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius);cursor:pointer;transition:background-color var(--transition-fast);flex-direction:column;min-width:0;text-decoration:none;display:flex}.chat-module__cHtH3q__conversationItem:hover{background-color:var(--color-surface-hover)}.chat-module__cHtH3q__conversationItemActive{background-color:var(--color-accent-light);box-shadow:inset 3px 0 0 var(--color-primary)}.chat-module__cHtH3q__conversationItemActive:hover{background-color:color-mix(in srgb, var(--color-primary) 12%, var(--color-surface))}.chat-module__cHtH3q__conversationItemTitle{font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;line-height:1.4;overflow:hidden}.chat-module__cHtH3q__conversationItemActive .chat-module__cHtH3q__conversationItemTitle{color:var(--color-text);font-weight:600}.chat-module__cHtH3q__conversationItemTime{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap}.chat-module__cHtH3q__conversationItemActive .chat-module__cHtH3q__conversationItemTime{color:var(--color-text-secondary)}.chat-module__cHtH3q__conversationItemRow{align-items:stretch;display:flex;position:relative}.chat-module__cHtH3q__conversationItemRow .chat-module__cHtH3q__conversationItem{flex:1;min-width:0}.chat-module__cHtH3q__deleteConversationButton{width:28px;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.chat-module__cHtH3q__conversationItemRow:hover .chat-module__cHtH3q__deleteConversationButton{display:flex}.chat-module__cHtH3q__deleteConversationButton:hover{color:var(--color-danger);background-color:var(--color-danger-light)}.chat-module__cHtH3q__deleteConversationIcon{width:14px;height:14px}.chat-module__cHtH3q__deleteConfirm{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background-color:var(--color-surface);border:1px solid var(--color-danger);flex-direction:column;flex:1;display:flex}.chat-module__cHtH3q__deleteConfirmText{font-size:var(--font-size-xs);color:var(--color-danger);font-weight:500}.chat-module__cHtH3q__deleteConfirmActions{gap:var(--space-2);display:flex}.chat-module__cHtH3q__deleteConfirmYes{font-size:var(--font-size-xs);color:var(--color-surface);background-color:var(--color-danger);border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-fast);border:none;padding:3px 10px;font-weight:600}.chat-module__cHtH3q__deleteConfirmYes:hover{opacity:.9}.chat-module__cHtH3q__deleteConfirmYes:disabled{opacity:.6;cursor:not-allowed}.chat-module__cHtH3q__deleteConfirmNo{font-size:var(--font-size-xs);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;padding:3px 10px;font-weight:500}.chat-module__cHtH3q__deleteConfirmNo:hover{background-color:var(--color-surface-hover)}.chat-module__cHtH3q__deleteConfirmNo:disabled{opacity:.6;cursor:not-allowed}.chat-module__cHtH3q__sidebarLoading{padding:var(--space-4) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.chat-module__cHtH3q__sidebarEmpty{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;flex-direction:column;display:flex}.chat-module__cHtH3q__sidebarEmptyIcon{width:32px;height:32px;color:var(--color-border)}.chat-module__cHtH3q__chatContent{background-color:var(--color-background);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chat-module__cHtH3q__welcomePage{height:100%;padding:var(--space-6);background-color:var(--color-background);justify-content:center;align-items:center;display:flex}.chat-module__cHtH3q__welcomeContent{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:480px;display:flex}.chat-module__cHtH3q__welcomeIcon{background:var(--gradient-primary);border-radius:var(--radius-xl);width:64px;height:64px;margin-bottom:var(--space-6);box-shadow:var(--shadow-glow);justify-content:center;align-items:center;display:flex}.chat-module__cHtH3q__welcomeIconSvg{width:32px;height:32px;color:var(--color-surface)}.chat-module__cHtH3q__welcomeTitle{font-family:var(--font-body);font-size:var(--font-size-2xl);color:var(--color-text);margin-bottom:var(--space-3);letter-spacing:-.02em;white-space:nowrap;font-weight:700;line-height:1.3}.chat-module__cHtH3q__welcomeSubtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-bottom:var(--space-6);white-space:nowrap;line-height:1.5}@media (max-width:480px){.chat-module__cHtH3q__welcomeTitle,.chat-module__cHtH3q__welcomeSubtitle{white-space:normal}.chat-module__cHtH3q__welcomeTitle{font-size:var(--font-size-xl)}.chat-module__cHtH3q__welcomeSubtitle{font-size:var(--font-size-sm)}.chat-module__cHtH3q__welcomePage{padding:var(--space-4)}}.chat-module__cHtH3q__welcomeError{font-size:var(--font-size-base);color:var(--color-danger);margin-bottom:var(--space-4)}.chat-module__cHtH3q__welcomeButton{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--font-size-md);color:var(--color-surface);background:var(--gradient-primary);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-glow-sm);transition:box-shadow var(--transition-fast), transform var(--transition-fast), filter var(--transition-fast);border:none;font-weight:600;display:inline-flex}.chat-module__cHtH3q__welcomeButton:hover{box-shadow:var(--shadow-glow);filter:brightness(1.05);transform:translateY(-1px)}.chat-module__cHtH3q__welcomeButton:disabled{opacity:.6;cursor:not-allowed}.chat-module__cHtH3q__startersTitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--space-8);margin-bottom:var(--space-4)}.chat-module__cHtH3q__startersGrid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);width:100%;max-width:560px;display:grid}.chat-module__cHtH3q__starterCard{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);text-align:center;flex-direction:column;min-height:88px;display:flex}.chat-module__cHtH3q__starterCard:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:var(--shadow-glow-sm);transform:translateY(-1px)}.chat-module__cHtH3q__starterCard:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.chat-module__cHtH3q__starterIcon{width:22px;height:22px;color:var(--color-primary);flex-shrink:0}.chat-module__cHtH3q__starterLabel{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-text);font-weight:500;line-height:1.3}@media (max-width:640px){.chat-module__cHtH3q__startersGrid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.chat-module__cHtH3q__starterCard{padding:var(--space-3) var(--space-2);min-height:72px}}@media (max-width:480px){.chat-module__cHtH3q__welcomeContent{max-width:100%}.chat-module__cHtH3q__startersGrid{grid-template-columns:repeat(2,1fr)}.chat-module__cHtH3q__starterIcon{width:18px;height:18px}}.chat-module__cHtH3q__chatSidebarBackdrop,.chat-module__cHtH3q__chatMobileOpenButton{display:none}@media (max-width:768px){.chat-module__cHtH3q__chatLayout{margin:0;padding:0;position:relative}.chat-module__cHtH3q__chatSidebarBackdrop{z-index:28;background:#0006;animation:.2s chat-module__cHtH3q__chatBackdropFadeIn;display:block;position:fixed;inset:0}@keyframes chat-module__cHtH3q__chatBackdropFadeIn{0%{opacity:0}to{opacity:1}}.chat-module__cHtH3q__chatMobileOpenButton{z-index:26;background:var(--gradient-primary);width:52px;height:52px;color:var(--color-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;bottom:24px;left:24px}.chat-module__cHtH3q__chatMobileOpenButton:hover{box-shadow:var(--shadow-glow);transform:scale(1.05)}.chat-module__cHtH3q__chatMobileOpenIcon{width:24px;height:24px}.chat-module__cHtH3q__chatSidebarMobile{z-index:30;height:100%;transition:transform var(--transition-normal);box-shadow:none;position:fixed;top:0;left:0;transform:translate(-100%);width:min(300px,82vw)!important;min-width:unset!important}.chat-module__cHtH3q__chatSidebarMobile.chat-module__cHtH3q__chatSidebarOpen{box-shadow:var(--shadow-lg);transform:translate(0)}.chat-module__cHtH3q__chatSidebarMobile.chat-module__cHtH3q__chatSidebarClosed{pointer-events:none;border:none;padding:0;overflow:hidden;transform:translate(-100%);width:0!important;min-width:0!important}.chat-module__cHtH3q__chatContent{width:100%;min-width:0}}
