:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", "Inter", sans-serif;--brand-primary:#f97316;--brand-primary-light:#fb923c;--brand-primary-dark:#ea580c;--brand-accent:#8b5cf6;--brand-accent-light:#a78bfa;--bg-app:#f2ede4;--bg-sidebar:#fdfdfc;--bg-sidebar-hover:#f5f0e8;--bg-mentor-selected:#fff8ec;--bg-mentor-selected-border:#f97316;--bg-surface:#fdfcf9;--bg-surface-2:#faf8f4;--bg-input:#f2ede4;--bg-pill:#ede9e0;--bg-pill-hover:#e2ddd3;--bg-new-chat:#fdfcf9;--bg-chat-item:transparent;--bg-chat-item-hover:#f0ece4;--text-primary:#1a1611;--text-secondary:#6b6257;--text-tertiary:#9c9184;--text-on-brand:#fff;--text-mentor-name:#1a1611;--text-mentor-tag:#6b6257;--text-section-label:#9c9184;--border-subtle:#e8e2d8;--border-medium:#d4cdc1;--border-sidebar:#ede9e2;--shadow-card:0 2px 12px #0000000f;--shadow-input:0 2px 20px #00000014;--shadow-pill:0 1px 4px #0000000f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--header-height:64px;--sidebar-width:260px}[data-theme=dark]{--bg-app:#120f0c;--bg-sidebar:#1e1914;--bg-sidebar-hover:#2a241f;--bg-mentor-selected:#332612;--bg-mentor-selected-border:#f97316;--bg-surface:#221d18;--bg-surface-2:#2b251f;--bg-input:#2a241f;--bg-pill:#2a241f;--bg-pill-hover:#362e28;--bg-new-chat:#2a241f;--bg-chat-item:transparent;--bg-chat-item-hover:#2a241f;--text-primary:#fff;--text-secondary:#c2b8ab;--text-tertiary:#857a6d;--text-on-brand:#fff;--text-mentor-name:#fff;--text-mentor-tag:#c2b8ab;--text-section-label:#857a6d;--border-subtle:#332d26;--border-medium:#443c33;--border-sidebar:#2b251f;--shadow-card:0 2px 12px #0000004d;--shadow-input:0 2px 20px #0006;--shadow-pill:0 1px 4px #0003}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);transition:background-color var(--transition-slow), color var(--transition-slow);min-height:100vh;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}button{cursor:pointer;font-family:var(--font-sans);background:0 0;border:none}input,textarea{font-family:var(--font-sans)}.app-layout{background-color:var(--bg-app);flex-direction:column;gap:12px;height:100vh;padding:12px;display:flex;overflow:hidden}.header{height:var(--header-height);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:background var(--transition-slow), border-color var(--transition-slow);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.header-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon{background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));border-radius:var(--radius-sm);width:36px;height:36px;font-family:var(--font-display);color:#fff;transition:box-shadow var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex;box-shadow:0 2px 8px #f59e0b66}.logo-icon:hover{transform:translateY(-1px);box-shadow:0 4px 14px #f59e0b80}.logo-text{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.3px;transition:color var(--transition-slow);font-size:20px;font-weight:700}.header-center{text-align:center;position:absolute;left:50%;transform:translate(-50%)}.header-mentor-name{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.2px;transition:color var(--transition-slow);font-size:15px;font-weight:700;line-height:1.2}.header-mentor-tag{color:var(--brand-primary);letter-spacing:1.2px;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:600}.header-actions{align-items:center;gap:8px;display:flex}.icon-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--bg-pill);color:var(--text-primary);transform:scale(1.05)}.icon-btn:active{transform:scale(.95)}.content-wrapper{flex:1;gap:12px;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border:1px solid var(--border-sidebar);border-radius:var(--radius-lg);transition:background var(--transition-slow), border-color var(--transition-slow);flex-direction:column;flex-shrink:0;gap:24px;padding:20px 12px;display:flex;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.sidebar-section{flex-direction:column;gap:6px;display:flex}.sidebar-label{color:var(--text-section-label);letter-spacing:1.5px;text-transform:uppercase;transition:color var(--transition-slow);margin-bottom:4px;padding:0 8px;font-size:10px;font-weight:700}.mentor-card{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:1.5px solid #0000;align-items:center;gap:10px;padding:10px;display:flex;position:relative}.mentor-card:hover{background:var(--bg-sidebar-hover);border-color:var(--border-subtle)}.mentor-card.selected{background:var(--bg-mentor-selected);border-color:var(--bg-mentor-selected-border);box-shadow:0 0 0 1px #f59e0b26, var(--shadow-card)}.mentor-avatar-wrapper{flex-shrink:0;position:relative}.mentor-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px;display:block}.mentor-avatar-placeholder{width:40px;height:40px;font-family:var(--font-display);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.mentor-status-dot{border:2px solid var(--bg-sidebar);width:10px;height:10px;transition:border-color var(--transition-slow);background:#22c55e;border-radius:50%;position:absolute;bottom:1px;right:1px}.mentor-info{flex:1;min-width:0}.mentor-name{color:var(--text-mentor-name);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition-slow);font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.mentor-tag{color:var(--brand-primary);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;font-weight:500;overflow:hidden}.mentor-tag-neutral{color:var(--text-mentor-tag);transition:color var(--transition-slow);margin-top:1px;font-size:11px;font-weight:500}.new-chat-btn{border-radius:var(--radius-md);background:var(--bg-new-chat);border:1.5px solid var(--border-subtle);width:100%;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:13px;font-weight:600;display:flex}.new-chat-btn:hover{background:var(--bg-pill);border-color:var(--brand-primary);color:var(--brand-primary);box-shadow:var(--shadow-card);transform:translateY(-1px)}.new-chat-btn:active{transform:translateY(0)}.chat-history-list{flex-direction:column;gap:2px;display:flex}.chat-history-item{border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-chat-item);transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:8px;padding:8px 10px;display:flex}.chat-history-item:hover{background:var(--bg-chat-item-hover);border-color:var(--border-subtle)}.chat-history-icon{color:var(--text-tertiary);flex-shrink:0}.chat-history-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition-slow);font-size:12.5px;line-height:1.4;overflow:hidden}.main-content{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:background var(--transition-slow);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.chat-area{flex-direction:column;flex:1;padding:32px 48px;display:flex;overflow-y:auto}.welcome-state{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;padding:48px 24px;animation:.5s both fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-avatar-ring{width:96px;height:96px;position:relative}.welcome-avatar{object-fit:cover;border:3px solid var(--brand-primary);width:96px;height:96px;box-shadow:0 0 0 6px #f59e0b26, var(--shadow-card);transition:box-shadow var(--transition-base);border-radius:50%;display:block}.welcome-avatar-placeholder{width:96px;height:96px;font-family:var(--font-display);color:#fff;border:3px solid var(--brand-primary);box-shadow:0 0 0 6px #f59e0b26, var(--shadow-card);border-radius:50%;justify-content:center;align-items:center;font-size:36px;font-weight:800;display:flex}.welcome-title{font-family:var(--font-display);color:var(--brand-primary);letter-spacing:-1px;text-align:center;transition:color var(--transition-slow);font-size:40px;font-weight:800;line-height:1.1}.welcome-subtitle{color:var(--text-secondary);text-align:center;max-width:400px;transition:color var(--transition-slow);font-size:15px;line-height:1.6}.suggestions-grid{flex-direction:column;align-items:center;gap:10px;margin-top:8px;display:flex}.suggestions-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.suggestion-pill{border-radius:var(--radius-full);background:var(--bg-pill);border:1.5px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);box-shadow:var(--shadow-pill);align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:500;line-height:1.4;display:flex}.suggestion-pill:hover{background:var(--bg-pill-hover);border-color:var(--brand-primary);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b26}.suggestion-pill:active{transform:translateY(0)}.messages-list{flex-direction:column;gap:24px;width:100%;max-width:760px;margin:0 auto;display:flex}.message{gap:12px;animation:.3s both fadeInUp;display:flex}.message-user{flex-direction:row-reverse}.message-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.message-avatar-placeholder{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.message-bubble{border-radius:var(--radius-lg);max-width:70%;color:var(--text-primary);transition:color var(--transition-slow);padding:12px 16px;font-size:14px;line-height:1.65}.message-bubble-mentor{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px var(--radius-lg) var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-card)}.message-bubble-user{background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));color:#fff;border-radius:var(--radius-lg) 4px var(--radius-lg) var(--radius-lg)}.message-bubble-user .message-time{color:#ffffffb3}.message-time{color:var(--text-tertiary);transition:color var(--transition-slow);margin-top:6px;font-size:11px}.typing-indicator{align-items:center;gap:12px;animation:.3s both fadeInUp;display:flex}.typing-dots{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px var(--radius-lg) var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-card);align-items:center;gap:4px;padding:14px 18px;display:flex}.typing-dot{background:var(--brand-primary);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typingBounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.input-bar-wrapper{background:var(--bg-app);transition:background var(--transition-slow);padding:16px 24px 20px}.input-bar{background:var(--bg-input);border:1.5px solid var(--border-subtle);border-radius:var(--radius-full);max-width:760px;transition:all var(--transition-fast);box-shadow:var(--shadow-input);align-items:center;gap:12px;margin:0 auto;padding:10px 10px 10px 20px;display:flex}.input-bar:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px #f59e0b1f, var(--shadow-input)}.chat-input{color:var(--text-primary);resize:none;transition:color var(--transition-slow);background:0 0;border:none;outline:none;flex:1;font-size:14.5px;line-height:1.5}.chat-input::placeholder{color:var(--text-tertiary)}.send-btn{background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));color:#fff;width:38px;height:38px;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #f59e0b66}.send-btn:hover{transform:scale(1.08);box-shadow:0 4px 14px #f59e0b80}.send-btn:active{transform:scale(.95)}.send-btn:disabled{background:var(--border-medium);box-shadow:none;cursor:not-allowed;transform:none}.theme-toggle-icon{transition:transform var(--transition-base), opacity var(--transition-fast)}.chat-area::-webkit-scrollbar{width:5px}.chat-area::-webkit-scrollbar-track{background:0 0}.chat-area::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:10px}@media (width<=768px){:root{--sidebar-width:64px;--header-height:56px}.logo-text,.mentor-name,.mentor-tag,.mentor-tag-neutral,.sidebar-label{display:none}.mentor-card{justify-content:center;padding:8px}.new-chat-btn span{display:none}.sidebar{gap:16px;padding:16px 8px}.chat-area{padding:24px 16px}.input-bar-wrapper{padding:12px 16px 16px}.welcome-title{font-size:28px}}.markdown-body{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.6}.markdown-body p{margin-bottom:.75em}.markdown-body p:last-child{margin-bottom:0}.markdown-body ul,.markdown-body ol{margin-bottom:.75em;margin-left:1.5em}.markdown-body pre{background:var(--bg-app);border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:.75em;padding:12px;overflow-x:auto}.markdown-body code{background:var(--bg-pill);border-radius:4px;padding:2px 4px;font-family:monospace;font-size:.9em}.markdown-body pre code{background:0 0;border-radius:0;padding:0}.header-left{align-items:center;gap:12px;display:flex}.mobile-menu-btn{display:none}.header-online-dot{vertical-align:middle;background-color:#10b981;border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block;box-shadow:0 0 6px #10b98180}.sidebar-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}@media (width<=768px){.mobile-menu-btn{display:flex}.sidebar{z-index:1001;height:100vh;transition:transform var(--transition-base);border:none;border-radius:0;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 16px #0000001a}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.header-center{text-align:center;flex:1;position:static;transform:none}.logo-text{display:none}}