:root{--text:#333;--text-light:#666;--text-muted:#999;--bg:#fff;--bg-light:#f5f5f5;--border:#e0e0e0;--primary:#646cff;--primary-light:#747bff;--secondary:#f0f0f0;--user-bubble:#e3f2fd;--ai-bubble:#f5f5f5;--shadow:0 2px 8px #0000001a;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-light);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}#app{background-color:var(--bg);width:100%;max-width:600px;height:100vh;box-shadow:var(--shadow);flex-direction:column;margin:0 auto;display:flex;position:relative}.header{border-bottom:1px solid var(--border);background-color:var(--bg);z-index:100;justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.header h1{color:var(--text);margin:0;font-size:18px;font-weight:600}.header-button{background-color:var(--secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.chat-container{scroll-behavior:smooth;flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.message{max-width:80%;animation:.3s fadeIn;display:flex}.message:last-child{margin-bottom:40px}.message.user{justify-content:flex-end;align-self:flex-end}.message.ai{justify-content:flex-start;align-self:flex-start}.message-content{max-width:100%}.message-bubble{border-radius:18px;padding:12px 16px;line-height:1.4;position:relative}.user .message-bubble{color:#fff;background-color:#1677ff;border-bottom-right-radius:4px}.ai .message-bubble{color:var(--text);background-color:#f5f5f5;border-bottom-left-radius:4px}.message-text{white-space:pre-wrap;font-size:16px}.message-time{color:var(--text-muted);text-align:right;margin-top:4px;font-size:12px}.user .message-time{color:#ffffffb3}.input-container{background-color:#fff;padding:0 16px 16px;position:relative}.input-wrapper{border:1px solid var(--border);background-color:#fff;border-radius:24px;align-items:flex-end;gap:12px;padding:8px 16px;transition:all .2s;display:flex;box-shadow:0 1px 4px #00000014}.input-wrapper:focus-within{border-color:#b3d1ff;box-shadow:0 1px 4px #1677ff26}.menu-button{cursor:pointer;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.menu-button:hover{background-color:var(--bg-light)}.sidebar{z-index:200;background-color:#fff;width:260px;height:100vh;padding:20px;transition:left .3s;position:fixed;top:0;left:-260px;overflow-y:auto;box-shadow:2px 0 10px #0000001a}.sidebar.open{left:0}.sidebar-overlay{z-index:150;opacity:0;visibility:hidden;background-color:#00000080;transition:all .3s;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;visibility:visible}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.sidebar-title{color:var(--text);font-size:18px;font-weight:600}.close-button{cursor:pointer;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .2s;display:flex}.close-button:hover{background-color:var(--bg-light)}.sidebar-menu{flex-direction:column;gap:10px;display:flex}.sidebar-menu-item{border:1px solid var(--border);text-align:left;color:var(--text);cursor:pointer;background-color:#fff;border-radius:8px;padding:12px 16px;font-size:14px;transition:all .2s}.sidebar-menu-item:hover{background-color:var(--bg-light);border-color:var(--primary);transform:translate(5px)}.header{z-index:100;box-shadow:none;background-color:#fff;border:none;justify-content:space-between;align-items:center;margin:0;padding:16px;display:flex;position:sticky;top:0}.chat-container{background-color:#fff;flex:1;padding-bottom:20px;overflow-y:auto}.input-field{resize:none;background:0 0;border:none;flex:1;min-height:32px;max-height:120px;padding:8px 0 8px 8px;font-size:16px;overflow-y:auto}.input-field:focus{outline:none}.send-button{color:#fff;cursor:pointer;background-color:#1677ff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.send-button:hover:not(:disabled){background-color:#409eff;transform:scale(1.05)}.send-button:disabled{background-color:var(--border);cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.message{max-width:85%}.header h1{font-size:16px}.chat-container{padding:16px}.input-container{padding:0 16px 16px}.input-wrapper{padding:6px 12px}.message-bubble{padding:10px 14px}}.loading{background-color:#f5f5f5;border-radius:18px 18px 18px 4px;align-items:center;gap:4px;padding:12px 16px;display:flex}.loading-dot{background-color:var(--text-muted);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both loading}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes loading{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.empty-state{text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.welcome-content{flex-direction:column;align-items:center;gap:32px;width:100%;max-width:500px;margin-bottom:60px;display:flex}.welcome-title{color:var(--text);margin:0;font-size:24px;font-weight:600;line-height:1.2}.quick-questions-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding-bottom:16px;overflow-x:auto}.quick-questions-scroll::-webkit-scrollbar{display:none}.quick-questions{flex-wrap:wrap;gap:12px;width:max-content;max-width:200vw;padding:0;display:flex}.quick-question{text-align:left;color:var(--text);cursor:pointer;white-space:nowrap;background-color:#f5f5f5;border:none;border-radius:12px;flex-shrink:0;min-width:auto;max-width:none;padding:12px 16px;font-size:14px;transition:background-color .2s}.quick-question:hover{background-color:#e8e8e8}.header{border-bottom:1px solid var(--border);z-index:100;background-color:#fff;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:sticky;top:0}.header h1{color:var(--text);text-align:center;flex:1;margin:0;font-size:18px;font-weight:600}.header-button{cursor:pointer;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.header-button:hover{background-color:var(--bg-light)}.header-actions{gap:8px;display:flex}.tooltip{display:inline-block;position:relative}.tooltip .tooltip-text{visibility:hidden;background-color:var(--text);color:#fff;text-align:center;z-index:1;opacity:0;border-radius:6px;width:120px;margin-left:-60px;padding:6px;font-size:12px;transition:opacity .3s;position:absolute;bottom:125%;left:50%}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.header-placeholder[data-v-9854acca]{flex-shrink:0;width:36px;height:36px}.loading-options[data-v-22ba1f64]{background-color:#f5f5f5;border-radius:12px;align-items:center;gap:8px;margin-top:12px;padding:12px 16px;display:flex}.loading-dot[data-v-22ba1f64]{background-color:#999;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both loading-22ba1f64}.loading-dot[data-v-22ba1f64]:first-child{animation-delay:-.32s}.loading-dot[data-v-22ba1f64]:nth-child(2){animation-delay:-.16s}@keyframes loading-22ba1f64{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.app-container[data-v-948f2800]{flex-direction:column;width:100%;height:100vh;display:flex}.gradient-overlay[data-v-948f2800]{pointer-events:none;z-index:10;background:linear-gradient(#fff0,#ffffffb3 50%,#fff);flex-shrink:0;height:40px;margin-top:-40px;position:relative}