@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #ffffff;--bg-sidebar: #f8f9fa;--bg-header: #ffffff;--bg-input: #ffffff;--bg-message-user: #f0f4f8;--bg-message-ai: transparent;--text-primary: #1f2937;--text-secondary: #6b7280;--text-accent: #2563eb;--border-color: #e5e7eb;--hover-bg: #f3f4f6;--active-bg: #eff6ff;--active-text: #2563eb}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.App{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.main-wrapper{display:flex;flex-grow:1;overflow:hidden;position:relative}.sidebar{width:260px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1rem;transition:max-width .3s ease,padding .3s ease,opacity .3s ease;overflow:hidden;max-width:260px}.sidebar.closed{max-width:0;padding:0;opacity:0;border-right:none}.new-tab-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background-color:#fff;border:1px solid var(--border-color);border-radius:9999px;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:1rem}.new-tab-btn:hover{background-color:var(--hover-bg)}.new-tab-btn svg{color:var(--text-accent)}.nav-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s}.nav-item-text{display:flex;flex-direction:column;line-height:1.3}.nav-item.active{background-color:var(--active-bg);color:var(--active-text)}.main-content{flex-grow:1;display:flex;flex-direction:column;position:relative}.header{height:60px;min-height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-header)}.header-left{display:flex;align-items:center;gap:1.5rem}.menu-icon{color:var(--text-secondary);cursor:pointer;transition:color .2s}.menu-icon:hover{color:var(--text-primary)}.logo-container{display:flex;align-items:center}.logo-brand{font-weight:700;font-size:1.25rem;color:var(--text-accent);letter-spacing:.02em}.logo-divider{margin:0 .75rem;color:#d1d5db;font-weight:300}.logo-subtitle{font-weight:500;font-size:1.1rem;color:var(--text-secondary);letter-spacing:.05em}.user-profile{width:32px;height:32px;border-radius:50%;background-color:#e0e7ff;color:var(--text-accent);display:flex;align-items:center;justify-content:center;cursor:pointer}.chat-container{flex-grow:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;align-items:center}.chat-messages{width:100%;max-width:800px;display:flex;flex-direction:column;gap:2rem;padding-bottom:120px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60%;text-align:center;max-width:800px;margin:0 auto}.empty-state h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.empty-state p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.suggestions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.suggestion-pill{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:9999px;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.suggestion-pill:hover{background-color:var(--hover-bg);color:var(--text-primary)}.suggestion-pill.more{color:var(--text-accent);border-color:#bfdbfe}.message-wrapper{display:flex;width:100%;padding:1rem;border-radius:.75rem}.message-wrapper.user{background-color:var(--bg-message-user)}.message-wrapper.ai{background-color:var(--bg-message-ai)}.message-content{width:100%}.message-content p{margin-bottom:1rem;line-height:1.7;color:var(--text-primary);text-align:justify}.message-content p:last-child{margin-bottom:0}.message-content strong,.message-content b{font-weight:600;color:var(--text-primary)}.message-content ul,.message-content ol{margin-left:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.message-content li{margin-bottom:.5rem}.message-content pre{background:#f1f5f9;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1rem 0;border:1px solid var(--border-color)}.message-content code{font-family:monospace;background:#f1f5f9;padding:.2rem .4rem;border-radius:.25rem;font-size:.85em;color:#0f172a}.message-content pre code{background:none;padding:0}.message-content a{color:var(--text-accent);text-decoration:none}.message-content a:hover{text-decoration:underline}.input-container{position:absolute;bottom:0;left:0;width:100%;padding:2rem;background:linear-gradient(to top,#ffffff 80%,transparent);display:flex;justify-content:center}.input-box{display:flex;align-items:flex-end;width:100%;max-width:800px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:1.5rem;padding:.5rem .5rem .5rem 1.5rem;box-shadow:0 4px 10px #0000000d;transition:box-shadow .2s,border-color .2s}.input-box:focus-within{border-color:#93c5fd;box-shadow:0 4px 12px #2563eb1a}.input-box textarea{flex-grow:1;background:transparent;border:none;font-size:1rem;color:var(--text-primary);outline:none;resize:none;font-family:inherit;line-height:1.5;max-height:200px;min-height:24px;padding:.4rem 0;margin-right:.5rem;overflow-y:auto}.input-box textarea::placeholder{color:var(--text-secondary)}.send-btn{background:var(--active-bg);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-accent);cursor:pointer;transition:all .2s;flex-shrink:0}.send-btn:hover:not(:disabled){background:#dbeafe}.send-btn:disabled{opacity:.5;cursor:not-allowed;background:transparent;color:var(--text-secondary)}.typing-indicator{display:flex;gap:.3rem;padding:.5rem 0}.dot{width:6px;height:6px;background:var(--text-secondary);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}