@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", sans-serif;--bg-main:#f9fafb;--bg-card:#fff;--bg-sidebar:#f3f4f6;--bg-input:#fff;--border-color:#e5e7eb;--border-glow:#4f46e51a;--primary:#4f46e5;--primary-glow:#4f46e526;--secondary:#8b5cf6;--secondary-glow:#8b5cf626;--accent:#10b981;--accent-glow:#10b98126;--amber:#b45309;--amber-glow:#b453091a;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#8e95a2;--shadow-sm:0 1px 3px 0 #0000000d, 0 1px 2px 0 #00000008;--shadow-md:0 4px 12px -2px #0000000d, 0 2px 6px -1px #00000008;--shadow-lg:0 12px 24px -4px #00000014, 0 4px 12px -2px #00000008;--shadow-glow:0 0 20px #4f46e50f}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#4f46e533 transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100dvh;position:relative;overflow:hidden}body:before{content:"";z-index:-1;pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#4f46e50d 0%,#0000 70%);border-radius:50%;width:50%;height:50%;position:absolute;top:-10%;left:-10%}body:after{content:"";z-index:-1;pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#8b5cf60a 0%,#0000 70%);border-radius:50%;width:50%;height:50%;position:absolute;bottom:-10%;right:-10%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#4f46e526;border-radius:99px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#4f46e54d}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes userMsgEntry{0%{opacity:0;transform:translate(12px,12px)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes assistantMsgEntry{0%{opacity:0;transform:translate(-12px,12px)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{border-color:#4f46e533;box-shadow:0 0 12px #4f46e526}50%{border-color:#4f46e559;box-shadow:0 0 20px #4f46e54d}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes typing{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.markdown-body{line-height:1.6}.markdown-body p{margin-bottom:.8rem}.markdown-body p:last-child{margin-bottom:0}.markdown-body ul,.markdown-body ol{margin-bottom:.8rem;margin-left:1.5rem}.markdown-body li{margin-bottom:.3rem}.markdown-body code{color:#d946ef;background:#4f46e50d;border-radius:4px;padding:.15rem .35rem;font-family:monospace;font-size:.9em}.markdown-body pre{background:#1e293b;border:1px solid #334155;border-radius:10px;margin:.8rem 0;padding:1rem;overflow-x:auto}.markdown-body pre code{color:#f1f5f9;background:0 0;padding:0}.markdown-body strong{color:var(--text-primary);font-weight:600}.app-container{background-color:var(--bg-main);width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;width:300px;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.sidebar-logo{font-family:var(--font-display);background:linear-gradient(to right, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.new-chat-btn{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin:1.25rem;padding:.85rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.new-chat-btn:hover{border-color:var(--primary);box-shadow:var(--shadow-md), 0 0 10px #4f46e51a;background:#fff;transform:translateY(-1px)}.history-list{flex-direction:column;flex:1;gap:.4rem;padding:0 .75rem;display:flex;overflow-y:auto}.history-item{cursor:pointer;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;border-radius:10px;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.9rem;transition:all .2s;display:flex;overflow:hidden}.history-item:hover{color:var(--text-primary);background:#00000008}.history-item.active{color:var(--primary);background:#4f46e50f;border-color:#4f46e526;font-weight:500}.trash-icon{opacity:0;transition:opacity .2s}.history-item:hover .trash-icon{opacity:1}.sidebar-footer{border-top:1px solid var(--border-color);background:#00000003;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.footer-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.6rem;font-size:.9rem;transition:all .2s;display:flex}.footer-btn:hover{color:var(--text-primary);background:#00000008}.chat-main{background-color:#fff;flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.chat-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#ffffffd9;justify-content:space-between;align-items:center;height:65px;padding:0 1.5rem;display:flex}.header-left{align-items:center;gap:.75rem;display:flex}.toggle-sidebar-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.toggle-sidebar-btn:hover{color:var(--text-primary);background:#00000008}.model-badge{color:var(--primary);background:#4f46e50f;border:1px solid #4f46e526;border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:flex}.model-badge:before{content:"";background-color:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--accent);border-radius:50%}.header-right{align-items:center;gap:.75rem;display:flex}.header-icon-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:38px;height:38px;box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.header-icon-btn:hover{border-color:var(--primary);color:var(--primary);background:#4f46e50d;transform:translateY(-1px)}.messages-container{scroll-behavior:smooth;background-color:#fff;flex-direction:column;flex:1;gap:1.5rem;padding:2rem 2.5rem;display:flex;overflow-y:auto}.welcome-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:600px;margin:auto;padding:2rem 1rem;animation:.6s fadeIn;display:flex}.welcome-logo{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px #4f46e51a);-webkit-background-clip:text;margin-bottom:1.25rem;font-size:3.5rem;animation:4s ease-in-out infinite float}.welcome-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.03em;margin-bottom:.5rem;font-size:2rem;font-weight:800}.welcome-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.suggestions-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;display:grid}.suggestion-card{border:1px solid var(--border-color);cursor:pointer;text-align:left;background:#f9fafb;border-radius:14px;padding:1.1rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.suggestion-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md), 0 4px 12px #4f46e50d;background:#fff;transform:translateY(-2px)}.suggestion-card-title{color:var(--text-primary);margin-bottom:.2rem;font-size:.9rem;font-weight:600}.suggestion-card-desc{color:var(--text-secondary);font-size:.75rem}.message-wrapper{gap:1rem;max-width:75%;display:flex}.message-wrapper.user{flex-direction:row-reverse;align-self:flex-end;animation:.35s cubic-bezier(.16,1,.3,1) forwards userMsgEntry}.message-wrapper.assistant{align-self:flex-start;animation:.35s cubic-bezier(.16,1,.3,1) forwards assistantMsgEntry}.avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.message-wrapper.user .avatar{background:linear-gradient(135deg, var(--secondary), var(--primary));color:#fff;box-shadow:0 4px 10px #4f46e533}.message-wrapper.assistant .avatar{border:1px solid var(--border-color);color:var(--primary);background:#f3f4f6;box-shadow:0 2px 6px #00000008}.avatar-icon{width:18px;height:18px}.message-bubble{box-shadow:var(--shadow-sm);border-radius:16px;padding:.85rem 1.15rem;font-size:.95rem;line-height:1.6}.message-wrapper.user .message-bubble{background:linear-gradient(135deg, var(--primary) 0%, #6366f1 100%);color:#fff;border-top-right-radius:4px;box-shadow:0 4px 12px #4f46e526}.message-wrapper.assistant .message-bubble{border:1px solid var(--border-color);color:var(--text-primary);background:#fff;border-top-left-radius:4px;width:100%}.thinking-box{background:#d9770608;border:1px dashed #d977064d;border-radius:12px;margin-bottom:.75rem;transition:all .3s;overflow:hidden}.thinking-box.collapsed{background:#d9770603;border-style:solid;border-color:#d977061f}.thinking-header-container{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex}.thinking-header-container:hover{background:#d977060d}.thinking-title-wrapper{color:var(--amber);align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.thinking-pulse-icon{width:14px;height:14px;animation:2s ease-in-out infinite float}.thinking-pulse-icon.thinking-active{color:var(--amber);animation:3s linear infinite rotateRing}.thinking-chevron{width:14px;height:14px;color:var(--text-muted);transition:transform .3s}.thinking-chevron.expanded{transform:rotate(-180deg)}.thinking-content-wrapper{color:#78350f;white-space:pre-wrap;background:#d9770605;border-top:1px solid #d977060f;max-height:200px;padding:.6rem .85rem .85rem;font-size:.8rem;line-height:1.5;overflow-y:auto}.typing-dots{align-items:center;gap:4px;padding:.2rem .4rem;display:flex}.typing-dot{background:var(--text-secondary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typing}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.chat-input-panel{z-index:5;background:linear-gradient(#0000,#fff 20%);padding:1rem 2.5rem 1.75rem}.chat-input-inner{max-width:850px;margin:0 auto;position:relative}.chat-input-wrapper{background:#fff;border:1px solid #d1d5db;border-radius:16px;align-items:flex-end;gap:.75rem;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #0000000a}.chat-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), 0 8px 24px #4f46e51a}.message-input{color:var(--text-primary);font-family:var(--font-sans);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:180px;padding:4px 0;font-size:.95rem;line-height:1.5}.message-input::placeholder{color:var(--text-muted)}.input-actions{align-items:center;gap:.5rem;display:flex}.send-button{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #4f46e540}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #4f46e566}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{color:var(--text-muted);cursor:not-allowed;box-shadow:none;border:1px solid var(--border-color);background:#f3f4f6}.send-button-icon{width:18px;height:18px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#11182766;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.settings-modal{border:1px solid var(--border-color);width:90%;max-width:480px;box-shadow:var(--shadow-lg), 0 10px 40px #00000014;background:#fff;border-radius:20px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.2rem;display:flex}.close-modal-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.close-modal-btn:hover{color:var(--text-primary);background:#0000000a}.modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.setting-group{flex-direction:column;gap:.4rem;display:flex}.setting-label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.setting-input{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);background:#f9fafb;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.9rem;transition:border-color .2s}.setting-input:focus{border-color:var(--primary);background:#fff}.setting-select{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;background:#fff;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.9rem;transition:border-color .2s}.setting-select:focus{border-color:var(--primary)}.setting-desc{color:var(--text-muted);font-size:.75rem;line-height:1.4}.save-settings-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:12px;margin-top:.5rem;padding:.85rem;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #4f46e533}.save-settings-btn:hover{transform:translateY(-1px);box-shadow:0 6px 15px #4f46e559}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:95;background:#1118274d;animation:.2s fadeIn;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar{width:270px;height:100%;position:fixed;top:0;left:-100%;box-shadow:15px 0 25px #00000014}.sidebar.open{left:0}.sidebar-overlay.open{display:block}.messages-container{gap:1rem;padding:1.25rem 1rem}.message-wrapper{max-width:88%}.suggestions-grid{grid-template-columns:1fr;gap:.6rem}.chat-input-panel{padding:.6rem .75rem 1.25rem}.chat-input-wrapper{border-radius:12px;padding:.6rem .75rem}.welcome-title{font-size:1.65rem}.welcome-subtitle{margin-bottom:1.25rem;font-size:.9rem}}@media (width>=769px){.toggle-sidebar-btn.desktop-hide{display:none}}