:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--gray-25: #fcfcfd;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #030712;--success-500: #10b981;--success-600: #059669;--warning-500: #f59e0b;--error-500: #ef4444;--error-600: #dc2626;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--sidebar-width: 280px;--conversation-panel-width: 320px;--header-height: 70px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--gray-50);color:var(--gray-900);line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%}.app-container{height:100vh;width:100vw;overflow:hidden;background-color:var(--gray-50)}.app-layout{display:flex;height:100%;width:100%}.sidebar{width:var(--sidebar-width);background-color:#fff;border-right:1px solid var(--gray-200);display:flex;flex-direction:column}.sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3)}.brand-icon{font-size:var(--font-size-xl)}.brand-name{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900)}.new-chat-btn{padding:var(--space-2);background-color:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s;display:flex;align-items:center;justify-content:center}.new-chat-btn:hover:not(:disabled){background-color:var(--primary-600)}.new-chat-btn:disabled{background-color:var(--gray-300);cursor:not-allowed;opacity:.6}.sidebar-content{flex:1;overflow-y:auto;padding:var(--space-4)}.search-section{margin-bottom:var(--space-6)}.search-input{position:relative;display:flex;align-items:center}.search-input svg{position:absolute;left:var(--space-3);color:var(--gray-400);z-index:1}.search-input input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) 2.5rem;border:1px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background-color:var(--gray-50);transition:all .15s}.search-input input:focus{outline:none;border-color:var(--primary-500);background-color:#fff;box-shadow:0 0 0 3px var(--primary-50)}.categories-section{display:flex;flex-direction:column;gap:var(--space-4)}.category-group{display:flex;flex-direction:column}.category-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:none;border:none;text-align:left;cursor:pointer;border-radius:var(--radius-md);transition:background-color .15s;font-size:var(--font-size-sm);font-weight:500;color:var(--gray-700)}.category-header:hover{background-color:var(--gray-100)}.category-arrow{transition:transform .15s}.category-arrow.expanded{transform:rotate(90deg)}.category-name{flex:1}.category-count{background-color:var(--gray-200);color:var(--gray-600);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.category-apps{margin-left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-1)}.app-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);cursor:pointer;border-radius:var(--radius-lg);transition:all .15s;position:relative;text-align:center}.app-item:hover{background-color:var(--gray-50)}.app-item.active{background-color:var(--primary-50);border:1px solid var(--primary-200)}.app-item-header{display:flex;align-items:center;justify-content:center;position:relative}.app-avatar{width:40px;height:40px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;background-color:var(--gray-100);flex-shrink:0}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-xl)}.avatar-emoji{font-size:var(--font-size-lg)}.app-status{position:absolute;top:-2px;right:-2px}.app-info{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;width:100%}.app-name{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-900);line-height:1.2;margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.app-desc{font-size:var(--font-size-xs);color:var(--gray-500);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%}.status-dot{width:10px;height:10px;border-radius:50%;background-color:var(--success-500);border:2px solid white;box-shadow:0 1px 3px #0000001a}.status-dot.online{background-color:var(--success-500)}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--gray-100)}.user-info{display:flex;align-items:center;gap:var(--space-3)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-lg);background-color:var(--gray-200);display:flex;align-items:center;justify-content:center;color:var(--gray-600)}.user-details{flex:1}.user-name{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-900)}.user-plan{font-size:var(--font-size-xs);color:var(--gray-500)}.main-content{flex:1;display:flex;flex-direction:column}.header{height:var(--header-height);background-color:#fff;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;padding:0 var(--space-6)}.header-content{width:100%}.header-main{display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:var(--space-4)}.mobile-menu-btn{display:none}.header-avatar{width:44px;height:44px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;background-color:var(--gray-100);position:relative;flex-shrink:0}.ai-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-xl)}.ai-avatar-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl)}.hidden{display:none!important}.header-info h1{font-size:var(--font-size-xl);font-weight:600;color:var(--gray-900);line-height:1.2}.header-info p{font-size:var(--font-size-sm);color:var(--gray-500);margin-top:var(--space-1)}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.header-status{display:flex;align-items:center}.status-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--gray-50);border-radius:var(--radius-md)}.status-indicator .status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--success-500)}.status-text{font-size:var(--font-size-xs);color:var(--gray-600);font-weight:500}.header-controls{display:flex;align-items:center;gap:var(--space-2)}.header-button{padding:var(--space-2);background-color:transparent;border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;color:var(--gray-600);transition:all .15s;display:flex;align-items:center;justify-content:center}.header-button:hover{background-color:var(--gray-50);border-color:var(--gray-300);color:var(--gray-700)}.header-button.panel-toggle.active{background-color:var(--primary-50);border-color:var(--primary-200);color:var(--primary-600)}.chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.welcome-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8);background-color:var(--gray-25)}.welcome-content{text-align:center;max-width:480px}.welcome-icon{font-size:4rem;margin-bottom:var(--space-6)}.welcome-title{font-size:var(--font-size-3xl);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-4)}.welcome-description{font-size:var(--font-size-lg);color:var(--gray-600);margin-bottom:var(--space-8)}.feature-list{display:flex;flex-direction:column;gap:var(--space-4)}.feature-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.feature-icon{font-size:var(--font-size-xl)}.feature-text{font-size:var(--font-size-base);color:var(--gray-700);font-weight:500}.chat-interface{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.messages-container{flex:1;overflow-y:auto;padding:var(--space-6);padding-bottom:var(--space-4);background-color:var(--gray-25)}.message-bubble{margin-bottom:var(--space-6);display:flex;align-items:flex-start;gap:var(--space-3);max-width:100%}.message-bubble.user{flex-direction:row-reverse;justify-content:flex-start}.message-bubble.assistant{flex-direction:row;justify-content:flex-start}.message-avatar{width:36px;height:36px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;background-color:var(--gray-100);flex-shrink:0;position:relative}.message-avatar.user{background-color:var(--primary-500);color:#fff}.message-avatar .ai-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-xl)}.message-avatar .ai-avatar-fallback{position:absolute;color:var(--gray-600)}.message-content{max-width:calc(100% - 48px);min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.message-bubble.user .message-content{align-items:flex-end}.message-bubble.assistant .message-content{align-items:flex-start}.message-text{padding:var(--space-4);border-radius:var(--radius-xl);font-size:var(--font-size-base);line-height:1.5;white-space:pre-wrap;word-wrap:break-word;max-width:100%;position:relative}.message-text.assistant{background-color:#fff;color:var(--gray-900);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);border-bottom-left-radius:var(--radius-sm)}.message-text.user{background-color:var(--primary-500);color:#fff;border-bottom-right-radius:var(--radius-sm)}.message-text.streaming .cursor{display:inline-block;animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.message-time{font-size:var(--font-size-xs);color:var(--gray-400);margin:var(--space-1) var(--space-2) 0}.message-bubble.user .message-time{text-align:right}.typing-indicator{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6)}.typing-bubble{background-color:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--space-2)}.typing-dots{display:flex;gap:var(--space-1)}.typing-dot{width:6px;height:6px;border-radius:50%;background-color:var(--gray-400);animation:typing-pulse 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-input-container{background-color:#fff;border-top:1px solid var(--gray-200)}.chat-input-panel{display:flex;flex-direction:column}.input-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--gray-100);background-color:var(--gray-25)}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:var(--space-1)}.toolbar-btn{padding:var(--space-1);background-color:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--gray-500);transition:all .15s;display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px}.toolbar-btn:hover{background-color:var(--gray-100);color:var(--gray-700)}.input-area{position:relative}.input-form{display:flex;align-items:flex-end;position:relative}.textarea-wrapper{flex:1;position:relative}.input-textarea{width:100%;min-height:100px;max-height:180px;padding:var(--space-3) var(--space-4);padding-right:80px;border:none;outline:none;resize:none;font-family:inherit;font-size:var(--font-size-base);line-height:1.5;background-color:transparent;color:var(--gray-900)}.input-textarea::placeholder{color:var(--gray-400)}.input-textarea:focus{outline:none}.send-btn{position:absolute;right:var(--space-2);bottom:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--primary-500);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:var(--space-1);height:32px;min-width:60px;flex-shrink:0;font-size:var(--font-size-sm);font-weight:500}.send-btn:hover:not(:disabled){background-color:var(--primary-600)}.send-btn:disabled{background-color:var(--gray-300);cursor:not-allowed}.conversation-panel{width:var(--conversation-panel-width);background-color:#fff;border-left:1px solid var(--gray-200);display:flex;flex-direction:column;height:100%}.panel-header{padding:var(--space-4);border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between}.panel-title{display:flex;align-items:center;gap:var(--space-2)}.title-text{font-size:var(--font-size-base);font-weight:600;color:var(--gray-900)}.conversation-count{background-color:var(--gray-200);color:var(--gray-600);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.new-conversation-btn{padding:var(--space-2);background-color:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s;display:flex;align-items:center;justify-content:center}.new-conversation-btn:hover{background-color:var(--primary-600)}.panel-search{padding:var(--space-4);border-bottom:1px solid var(--gray-100)}.panel-content{flex:1;overflow-y:auto}.panel-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--space-8);text-align:center}.placeholder-icon{font-size:3rem;margin-bottom:var(--space-4)}.placeholder-text{font-size:var(--font-size-base);color:var(--gray-500)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.empty-icon{font-size:2.5rem;margin-bottom:var(--space-4)}.empty-text{font-size:var(--font-size-sm);color:var(--gray-500);margin-bottom:var(--space-6)}.start-chat-btn{padding:var(--space-3) var(--space-6);background-color:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color .15s}.start-chat-btn:hover{background-color:var(--primary-600)}.conversations-list{display:flex;flex-direction:column}.conversation-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);cursor:pointer;border-bottom:1px solid var(--gray-100);transition:all var(--duration-150);position:relative}.conversation-item:hover{background-color:var(--gray-50)}.conversation-item.active{background-color:var(--primary-50);border-left:3px solid var(--primary-500)}.conversation-content{flex:1;min-width:0}.conversation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.conversation-title{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-900);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{font-size:var(--font-size-xs);color:var(--gray-400);flex-shrink:0;margin-left:var(--space-2)}.conversation-preview{font-size:var(--font-size-xs);color:var(--gray-500);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-actions{display:flex;align-items:center;opacity:0;transition:opacity var(--duration-150)}.conversation-item:hover .conversation-actions{opacity:1}.delete-btn{padding:var(--space-1);background-color:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--gray-400);transition:all var(--duration-150);display:flex;align-items:center;justify-content:center}.delete-btn:hover{background-color:#fef2f2;color:var(--error-500)}.panel-footer{padding:var(--space-4);border-top:1px solid var(--gray-100)}.app-info{display:flex;align-items:center;gap:var(--space-3)}.app-info .app-avatar{width:36px;height:36px}.app-details{flex:1}.app-details .app-name{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-900)}.app-category{font-size:var(--font-size-xs);color:var(--gray-500)}@media (max-width: 1024px){:root{--sidebar-width: 260px;--conversation-panel-width: 280px}}@media (max-width: 768px){:root{--sidebar-width: 280px;--conversation-panel-width: 300px;--header-height: 60px}.app-layout{position:relative}.mobile-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:15;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:20;transform:translate(-100%);transition:transform .3s ease-in-out;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.conversation-panel{position:fixed;right:0;top:0;bottom:0;z-index:20;transform:translate(100%);transition:transform .3s ease-in-out;box-shadow:var(--shadow-lg)}.conversation-panel.open{transform:translate(0)}.main-content{width:100%}.header{height:var(--header-height);padding:0 var(--space-4)}.mobile-menu-btn{display:flex;margin-right:var(--space-3)}.header-info h1{font-size:var(--font-size-lg)}.header-avatar{width:36px;height:36px}.messages-container{padding:var(--space-4)}.message-bubble{margin-bottom:var(--space-4);gap:var(--space-2)}.message-avatar{width:32px;height:32px}.message-content{max-width:calc(100% - 40px)}.message-text{padding:var(--space-3);font-size:var(--font-size-sm)}.input-toolbar{padding:var(--space-1) var(--space-3)}.toolbar-btn{min-width:24px;min-height:24px}.input-textarea{min-height:80px;padding:var(--space-2) var(--space-3);padding-right:60px;font-size:var(--font-size-sm)}.send-btn{height:28px;min-width:50px;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}}@media (max-width: 480px){:root{--sidebar-width: 100vw;--conversation-panel-width: 100vw;--header-height: 56px;--space-4: .875rem;--space-6: 1.25rem}.app-container{font-size:14px}.sidebar{width:100vw}.sidebar-header{padding:var(--space-3) var(--space-4)}.brand-name{font-size:var(--font-size-base)}.conversation-panel{width:100vw}.header{height:var(--header-height);padding:0 var(--space-3)}.header-info h1{font-size:var(--font-size-base)}.header-info p{font-size:var(--font-size-xs)}.header-avatar{width:32px;height:32px}.header-controls{gap:var(--space-1)}.header-button{padding:var(--space-1);min-width:32px;min-height:32px}.welcome-content{padding:var(--space-4)}.welcome-icon{font-size:3rem}.welcome-title{font-size:var(--font-size-xl)}.welcome-description{font-size:var(--font-size-base)}.feature-item{padding:var(--space-3)}.messages-container{padding:var(--space-3);padding-bottom:var(--space-2)}.message-bubble{margin-bottom:var(--space-3);gap:var(--space-2)}.message-avatar{width:28px;height:28px}.message-content{max-width:calc(100% - 36px)}.message-text{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);line-height:1.4;border-radius:var(--radius-lg)}.message-text.assistant{border-bottom-left-radius:var(--radius-xs)}.message-text.user{border-bottom-right-radius:var(--radius-xs)}.message-time{font-size:11px;margin:2px var(--space-2) 0}.input-toolbar{padding:var(--space-1) var(--space-2)}.toolbar-btn{min-width:20px;min-height:20px}.toolbar-btn svg{width:14px;height:14px}.input-textarea{min-height:60px;max-height:140px;padding:var(--space-2);padding-right:55px;font-size:var(--font-size-sm)}.send-btn{height:28px;min-width:50px;padding:var(--space-1) var(--space-2);right:var(--space-1);bottom:var(--space-1);font-size:var(--font-size-xs)}.send-btn svg{width:12px;height:12px}.error-message{padding:var(--space-2);margin-bottom:var(--space-2);font-size:var(--font-size-xs)}.typing-indicator{gap:var(--space-2);margin-bottom:var(--space-3)}.typing-bubble{padding:var(--space-2) var(--space-3)}.edit-modal{width:95%;margin:var(--space-4)}.edit-header,.edit-content{padding:var(--space-4)}.edit-actions{padding:var(--space-3) var(--space-4) var(--space-4);gap:var(--space-2)}.cancel-btn,.save-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}}@media (max-width: 360px){:root{--space-2: .375rem;--space-3: .625rem;--space-4: .75rem}.messages-container{padding:var(--space-2)}.message-text{padding:var(--space-2);font-size:13px}.input-toolbar{padding:var(--space-1)}.input-textarea{min-height:50px;padding:var(--space-1);padding-right:45px;font-size:13px}.send-btn{height:24px;min-width:40px;padding:var(--space-1);font-size:11px}.send-btn svg{width:10px;height:10px}}@media (hover: none) and (pointer: coarse){.app-item,.conversation-item{padding:var(--space-4)}.header-button,.new-chat-btn,.new-conversation-btn{min-width:44px;min-height:44px}.app-item:hover,.conversation-item:hover,.header-button:hover,.new-chat-btn:hover,.new-conversation-btn:hover{background-color:initial;transform:none}.app-item:active,.conversation-item:active,.header-button:active{background-color:var(--gray-100);transform:scale(.98)}.send-btn:active{transform:scale(.95)}.toolbar-btn:active{background-color:var(--gray-200)}}.lottie-fallback{display:flex;align-items:center;justify-content:center}.css-animation-placeholder{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.pulse-circle{width:20px;height:20px;border-radius:50%;background-color:var(--primary-500);animation:pulse-core 2s infinite;position:relative}.pulse-circle:before{content:"";position:absolute;inset:-10px;border:2px solid var(--primary-200);border-radius:50%;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(.5);opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes pulse-core{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.user-profile{position:relative}.user-profile .user-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:background-color .15s}.user-profile .user-info:hover{background-color:var(--gray-50)}.user-profile .user-avatar{width:40px;height:40px;border-radius:var(--radius-lg);background-color:var(--gray-100);display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-profile .avatar-emoji{font-size:1.5rem}.user-profile .user-details{flex:1;min-width:0}.user-profile .user-name{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-900);line-height:1.2}.user-profile .user-status{font-size:var(--font-size-xs);color:var(--success-500);margin-top:1px}.user-profile .edit-icon{color:var(--gray-400);opacity:0;transition:opacity .15s}.user-profile .user-info:hover .edit-icon{opacity:1}.user-profile.editing{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.edit-modal{background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:90%;max-width:400px;max-height:90vh;overflow-y:auto}.edit-header{padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--gray-200)}.edit-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);margin:0}.edit-tabs{display:flex;gap:var(--space-1);margin-top:var(--space-4);border-bottom:1px solid var(--gray-200)}.tab-btn{padding:var(--space-2) var(--space-4);border:none;background:none;cursor:pointer;font-size:var(--font-size-sm);color:var(--gray-600);border-bottom:2px solid transparent;transition:all .15s}.tab-btn:hover{color:var(--gray-900)}.tab-btn.active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.edit-content{padding:var(--space-6)}.avatar-section{margin-bottom:var(--space-6);text-align:center}.current-avatar{font-size:3rem;margin-bottom:var(--space-4)}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2);max-height:120px;overflow-y:auto;padding:var(--space-2);border:1px solid var(--gray-200);border-radius:var(--radius-lg)}.avatar-option{padding:var(--space-2);border:2px solid transparent;border-radius:var(--radius-md);background:none;cursor:pointer;font-size:1.2rem;transition:all .15s}.avatar-option:hover{background-color:var(--gray-50)}.avatar-option.selected{border-color:var(--primary-500);background-color:var(--primary-50)}.form-section{margin-bottom:var(--space-4)}.form-section label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--gray-700);margin-bottom:var(--space-2)}.form-section input{width:100%;padding:var(--space-3);border:1px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:border-color .15s}.form-section input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50)}.edit-actions{padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--gray-200);display:flex;gap:var(--space-3);justify-content:flex-end}.cancel-btn{padding:var(--space-3) var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-lg);background-color:#fff;color:var(--gray-700);cursor:pointer;font-size:var(--font-size-sm);transition:all .15s}.cancel-btn:hover{background-color:var(--gray-50)}.save-btn{padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-lg);background-color:var(--primary-500);color:#fff;cursor:pointer;font-size:var(--font-size-sm);transition:background-color .15s}.save-btn:hover:not(:disabled){background-color:var(--primary-600)}.save-btn:disabled{background-color:var(--gray-300);cursor:not-allowed}.api-settings{padding:var(--space-2) 0}.api-status{font-size:var(--font-size-xs);color:var(--primary-600);font-weight:400;margin-left:var(--space-2)}.api-key-input-group{position:relative;display:flex;align-items:center;gap:var(--space-1)}.api-key-input{flex:1;padding:var(--space-3);padding-right:40px;border:1px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-family:Consolas,Monaco,Courier New,monospace;transition:border-color .15s}.api-key-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50)}.clear-btn{position:absolute;right:8px;padding:var(--space-1);border:none;background:none;cursor:pointer;color:var(--gray-400);transition:color .15s;z-index:1;font-size:14px}.clear-btn:hover{color:var(--gray-600)}.api-key-hint{margin-top:var(--space-3);padding:var(--space-3);background-color:var(--gray-50);border-radius:var(--radius-md);border-left:3px solid var(--primary-500)}.api-key-hint p{margin:0;margin-bottom:var(--space-1);font-size:var(--font-size-xs);color:var(--gray-600);line-height:1.4}.api-key-hint p:last-child{margin-bottom:0}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-3);display:flex;align-items:center;justify-content:space-between}.error-text{color:var(--error-500);font-size:var(--font-size-sm)}.error-close{background:none;border:none;color:var(--error-500);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-1)}