@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--primary: #0f172a;--primary-light: #334155;--accent: #2563eb;--accent-hover: #1d4ed8;--bg-shell: #f8fafc;--bg-chat: #ffffff;--bg-hover: #f1f5f9;--bg-item: #ffffff;--bg-code: #0f172a;--bg-inline-code: rgba(15, 23, 42, .05);--text-inline-code: #0f172a;--text-main: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--sidebar-width: 280px;--glass: rgba(255, 255, 255, .8);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .05), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .05), 0 4px 6px -4px rgb(0 0 0 / .05);--text-on-primary: #ffffff;font-size:15px}[data-theme=dark]{--primary: #f8fafc;--primary-light: #e2e8f0;--accent: #3b82f6;--accent-hover: #60a5fa;--bg-shell: #020617;--bg-chat: #0f172a;--bg-hover: #1e293b;--bg-item: #1e293b;--bg-code: #020617;--bg-inline-code: rgba(241, 245, 249, .1);--text-inline-code: #f1f5f9;--text-main: #f8fafc;--text-muted: #94a3b8;--border: #1e293b;--glass: rgba(15, 23, 42, .8);--text-on-primary: #ffffff}html{overflow-y:scroll}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1rem;background-color:var(--bg-shell);color:var(--text-main);overflow:hidden;-webkit-font-smoothing:antialiased;transition:background-color .2s,color .2s}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}#root{height:100vh;display:flex}.glass{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-container{display:flex;width:100%;height:100vh;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;background-color:var(--bg-chat);position:relative}[data-tooltip]{position:relative}.modal-overlay{position:fixed;inset:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.auth-modal{background:var(--bg-chat);color:var(--text-main);width:100%;max-width:400px;border-radius:24px;border:1px solid var(--border);padding:2.5rem;position:relative;box-shadow:0 25px 50px -12px #00000040;transition:background-color .2s,color .2s}.close-btn{position:absolute;top:1.25rem;right:1.25rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s}.close-btn:hover{background-color:var(--bg-shell);color:var(--primary)}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{font-size:1.75rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.auth-header p{color:var(--text-muted);font-size:.875rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.input-group{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:var(--bg-shell);border:1px solid var(--border);border-radius:12px;transition:all .2s}.input-group:focus-within{border-color:var(--accent);background-color:var(--bg-chat);box-shadow:0 0 0 4px #2563eb1a}.input-group input{flex:1;border:none;background:none;font-size:.875rem;color:var(--text-main);outline:none}.submit-btn{margin-top:.5rem;background-color:var(--primary);color:var(--text-on-primary);border:none;padding:.875rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover{background-color:var(--primary-light);transform:translateY(-1px)}.divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--border)}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:var(--border)}.divider span{padding:0 1rem;font-size:.75rem;font-weight:600;color:var(--text-muted)}.google-auth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem;background-color:#fff;border:1px solid var(--border);border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.google-auth-btn:hover{background-color:var(--bg-shell)}.auth-switch{margin-top:1.5rem;text-align:center;font-size:.875rem;color:var(--text-muted)}.auth-switch button{background:none;border:none;color:var(--accent);font-weight:600;cursor:pointer;padding:0 .25rem}.auth-switch button:hover{text-decoration:underline}.auth-error{background-color:#fee2e2;color:#ef4444;padding:.75rem;border-radius:12px;font-size:.875rem;margin-bottom:1rem;text-align:center}.confirmation-modal{background:var(--bg-chat);color:var(--text-main);width:100%;max-width:400px;border-radius:24px;border:1px solid var(--border);padding:2rem;position:relative;box-shadow:0 25px 50px -12px #00000040;text-align:center}.confirm-icon-wrapper{margin-bottom:1.5rem;display:flex;justify-content:center}.text-danger{color:#ef4444}.text-warning{color:#f59e0b}.confirm-content h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--primary)}.confirm-content p{color:var(--text-muted);font-size:.9375rem;line-height:1.5;margin-bottom:2rem}.confirm-actions{display:flex;gap:1rem}.confirm-actions button{flex:1;padding:.75rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn{background-color:var(--bg-shell)!important;border:1px solid var(--border)!important;color:var(--text-main)!important}.cancel-btn:hover{background-color:var(--bg-hover)!important}.confirm-btn{border:none;color:#fff}.confirm-btn.bg-primary{color:var(--text-on-primary)}.bg-danger{background-color:#ef4444}.bg-danger:hover{background-color:#dc2626}.bg-primary{background-color:var(--primary)}.bg-primary:hover{background-color:var(--primary-light)}.loading-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--primary);color:var(--text-on-primary);font-size:2rem;font-family:Outfit,sans-serif}.logo-placeholder{font-weight:700;letter-spacing:-.05em}.sidebar{width:var(--sidebar-width);height:100%;background-color:var(--bg-shell);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.5rem;z-index:10}.sidebar-header{margin-bottom:2rem}.logo{font-size:1.5rem;font-weight:800;color:var(--primary);margin-bottom:1.5rem;letter-spacing:-.05em}.new-chat-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background-color:var(--accent);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.new-chat-btn:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.sidebar-section.scrollable{flex:1;overflow-y:auto;margin:1rem -1.5rem;padding:0 1.5rem}.section-separator{height:1px;background-color:var(--border);margin:2rem 0;opacity:.5}.chat-history-list{display:flex;flex-direction:column;gap:.25rem;margin-bottom:2rem}.chat-history-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-muted);position:relative;border:1px solid transparent}.chat-history-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3.5px;height:60%;background-color:var(--accent);border-radius:0 4px 4px 0;transition:transform .25s cubic-bezier(.4,0,.2,1),background-color .25s}.chat-history-item svg{transition:transform .25s cubic-bezier(.4,0,.2,1),color .25s}.chat-history-item:hover{background-color:var(--bg-chat);color:var(--primary);box-shadow:0 4px 12px #0f172a08;transform:translate(4px)}.chat-history-item:hover:before{transform:translateY(-50%) scaleY(.6);background-color:#2563eb66}.chat-history-item:hover svg{transform:scale(1.1)}.chat-history-item.active{background:linear-gradient(90deg,rgba(37,99,235,.05) 0%,var(--bg-chat) 100%);color:var(--accent);box-shadow:var(--shadow-sm);border-color:#2563eb1a;transform:translate(6px)}.chat-history-item.active:before{transform:translateY(-50%) scaleY(1);background-color:var(--accent)}.chat-history-item.active svg{transform:scale(1.1) rotate(5deg);color:var(--accent)}.chat-title-text{font-size:.875rem;font-weight:500;flex:1}.delete-chat-btn{opacity:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.chat-history-item:hover .delete-chat-btn{opacity:1}.delete-chat-btn:hover{color:#ef4444;background-color:#fee2e2}.empty-state{font-size:.75rem;color:var(--text-muted);text-align:center;padding:1rem;font-style:italic}.section-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem;letter-spacing:.05em}.file-list{display:flex;flex-direction:column;gap:.5rem}.file-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--bg-chat);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s}.file-item:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.file-info{flex:1;display:flex;flex-direction:column}.file-name{font-size:.875rem;font-weight:600;color:var(--text-main)}.file-status{font-size:.75rem;color:var(--accent)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-btn{opacity:0;background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.file-item:hover .delete-btn{opacity:1}.delete-btn:hover{background-color:#fee2e2}.upload-btn{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;background-color:var(--bg-item);border:1px dashed var(--border);border-radius:12px;color:var(--text-muted);font-weight:600;cursor:pointer;transition:all .2s;width:100%}.upload-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background-color:var(--bg-chat);box-shadow:var(--shadow-sm)}.upload-btn:disabled{cursor:not-allowed;opacity:.7}.upload-btn.uploading{border-style:solid;border-color:var(--border)}.loading-dots{display:flex;gap:4px;align-items:center;justify-content:center;height:20px}.loading-dots span{width:6px;height:6px;background-color:var(--accent);border-radius:50%;display:inline-block;animation:dot-flicker 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes dot-flicker{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}.sidebar-footer{margin-top:auto;padding-top:1.5rem;margin-bottom:.5rem;border-top:1px solid var(--border)}.auth-buttons{display:flex;flex-direction:column;gap:.75rem}.login-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background-color:var(--accent);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.login-btn:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.signup-link{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;font-size:.875rem;color:var(--accent);background:transparent;border:1px solid var(--accent);border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.signup-link:hover{background-color:#2563eb0d;text-decoration:none}.disabled-prompt{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;font-size:.9rem;color:var(--text-muted);background-color:var(--bg-hover);border:1px solid var(--border);border-radius:12px;cursor:not-allowed;opacity:.8}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:12px;transition:all .2s;cursor:pointer}.user-profile:hover{background-color:var(--bg-chat);box-shadow:var(--shadow-sm)}.avatar,.avatar-placeholder{width:38px;height:38px;border-radius:10px;flex-shrink:0;border:2px solid white;box-shadow:var(--shadow-sm)}.avatar{object-fit:cover}.avatar-placeholder{background:linear-gradient(135deg,var(--accent),#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.user-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.user-name{font-size:.9375rem;font-weight:700;color:var(--primary);line-height:1.1;margin-bottom:2px}.logout-link{font-size:.75rem;color:var(--text-muted);background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:color .2s}.logout-link:hover{color:#ef4444}.settings-icon{color:var(--text-muted);transition:all .2s;padding:4px;border-radius:6px}.user-profile:hover .settings-icon{color:var(--primary);background-color:var(--bg-shell)}.chat-interface{height:100%;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background-color:var(--bg-chat);border-bottom:1px solid var(--border);height:64px}.header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.chat-title{font-family:Outfit,sans-serif;font-weight:600;color:var(--text-main);font-size:1.1rem}.header-actions{position:relative;display:flex;align-items:center;gap:12px}.model-selector-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:220px;padding:8px 16px;background:var(--bg-item);border:1px solid var(--border);border-radius:12px;color:var(--text-main);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.model-selector-btn:hover:not(:disabled){border-color:var(--primary);background:var(--bg-chat);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb1a}.model-selector-btn.disabled{opacity:.5;cursor:not-allowed;background:var(--bg-shell)}.btn-content{display:flex;align-items:center;gap:8px}.model-label{font-size:.85rem;font-weight:700;letter-spacing:-.01em}.model-label-mobile{display:none!important}.chevron{color:var(--text-muted);transition:transform .2s}.rotate-180{transform:rotate(180deg)}.model-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:320px;padding:10px;z-index:1000;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:6px}.dropdown-glass{background:var(--bg-chat);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.dropdown-divider{font-size:.65rem;font-weight:800;color:var(--text-muted);letter-spacing:.1em;padding:4px 12px;margin-bottom:2px}.model-option{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;border:1px solid transparent;transition:all .2s}.model-option:hover{background:var(--bg-shell);border-color:var(--border)}.model-option.active{background:#2563eb0d;border-color:#2563eb33}.option-icon-wrapper{width:32px;height:32px;border-radius:8px;background:var(--bg-shell);display:flex;align-items:center;justify-content:center;color:var(--primary);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.option-info{flex:1;display:flex;flex-direction:column;gap:1px}.option-name{font-size:.85rem;font-weight:700;color:var(--text-main)}.option-desc{font-size:.7rem;color:var(--text-muted)}.quota-pill{font-size:.7rem;font-weight:800;padding:3px 10px;background:var(--bg-shell);border:1px solid var(--border);border-radius:20px;color:var(--primary)}.messages-container{flex:1;overflow-y:auto;padding:2rem 0}.messages-wrapper{max-width:800px;margin:0 auto;padding:0 1.5rem;display:flex;flex-direction:column;gap:2rem}.message-row{display:flex;gap:1.5rem}.message-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.assistant .message-icon{background-color:var(--accent);color:#fff}.user .message-icon{background-color:var(--bg-shell);color:var(--primary);border:1px solid var(--border);overflow:hidden}.user .message-icon:has(.user-chat-placeholder),.user .message-icon:has(.user-chat-avatar){border:none;background:none}.user-chat-avatar,.user-chat-placeholder{width:100%;height:100%;object-fit:cover}.user-chat-placeholder{background:linear-gradient(135deg,var(--accent),#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;text-transform:uppercase}.message-content-wrapper{flex:1;display:flex;flex-direction:column;gap:.5rem}.message-content{font-size:1rem;line-height:1.6;color:var(--text-main);padding:1.25rem;border-radius:16px;position:relative}.assistant .message-content{background-color:var(--bg-shell);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-top-left-radius:4px}.message-row.system-alert .message-content{background:linear-gradient(135deg,#fffaf0,#fff5f5);border:1px solid #fee2e2;box-shadow:0 4px 12px #dc26260d;color:#7f1d1d}[data-theme=dark] .message-row.system-alert .message-content{background:linear-gradient(135deg,#2d1616,#1e1010);border-color:#4c1d1d;color:#fca5a5}.message-row.system-alert .message-icon{background:#dc2626;animation:pulse-red 2s infinite}@keyframes pulse-red{0%{transform:scale(1);box-shadow:0 0 #dc262666}70%{transform:scale(1.05);box-shadow:0 0 0 10px #dc262600}to{transform:scale(1);box-shadow:0 0 #dc262600}}.user .message-content{background-color:var(--bg-chat);border:1px solid rgba(37,99,235,.1);border-top-left-radius:4px}.message-content h3{font-size:1.1rem;font-weight:700;margin:1.5rem 0 .75rem;color:var(--primary)}.message-content h3:first-child{margin-top:0}.message-content p{margin-bottom:1rem}.message-content ul,.message-content ol{margin-bottom:1rem;padding-left:1.5rem}.message-content h1,.message-content h2,.message-content h4,.message-content h5,.message-content h6{margin:1.5rem 0 .75rem;color:var(--primary)}.message-content h1:first-child,.message-content h2:first-child,.message-content h4:first-child,.message-content h5:first-child,.message-content h6:first-child{margin-top:0}.message-content blockquote{border-left:4px solid var(--accent);padding-left:1rem;margin:1rem 0;color:var(--text-muted);font-style:italic}.message-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9375rem}.message-content th,.message-content td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border)}.message-content th{font-weight:700;color:var(--primary);background-color:var(--bg-hover)}.typing-indicator{display:flex;gap:4px;padding-top:15px}.typing-indicator span{width:4px;height:4px;background-color:var(--text-muted);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.input-container{padding:0 1.5rem 2rem;display:flex;flex-direction:column;align-items:center}.input-wrapper{width:100%;max-width:800px;display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:var(--bg-chat);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg)}.input-wrapper input{flex:1;border:none;background:none;font-size:1rem;padding:.5rem 0;color:var(--text-main)}.input-wrapper input:focus{outline:none}.attach-btn,.send-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.send-btn{color:#fff;background-color:var(--accent);padding:10px;border-radius:12px}.send-btn:disabled{background-color:var(--border);cursor:not-allowed}.send-btn:not(:disabled):hover{background-color:var(--accent-hover);transform:scale(1.05)}.citations-container{margin-top:1.25rem;padding-top:1rem}.citation-divider{height:1px;background:linear-gradient(to right,var(--border),transparent);margin-bottom:1rem}.citation-label{font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.citation-items{display:flex;flex-wrap:wrap;gap:.5rem}.citation-badge{font-size:.7rem;padding:4px 10px;background-color:var(--bg-chat);border:1px solid var(--border);border-radius:8px;color:var(--accent);font-weight:700;cursor:help;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:4px}.citation-badge:hover{border-color:var(--accent);background-color:var(--bg-shell);transform:translateY(-1px);box-shadow:0 4px 6px -1px #2563eb1a}.message-actions{display:flex;gap:.5rem;padding-left:.5rem;opacity:0;transition:opacity .2s}.message-row:hover .message-actions{opacity:1}.action-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid transparent;color:var(--text-muted);font-size:.75rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s cubic-bezier(.4,0,.2,1)}.action-btn:hover{background-color:var(--bg-shell);color:var(--primary);border-color:var(--border)}.action-btn.copied{color:#10b981;background-color:#10b98114;border-color:#10b98133}.input-hint{font-size:.75rem;color:var(--text-muted);margin-top:1rem}code{background-color:var(--bg-inline-code);color:var(--text-inline-code);padding:.2rem .4rem;border-radius:4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9em}pre{background-color:var(--bg-code);color:#f8fafc;padding:1.25rem;border-radius:12px;margin:1rem 0;overflow-x:auto;box-shadow:var(--shadow-lg)}pre code{background:none;padding:0;color:inherit;font-size:.85rem}.generation-heading{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;-webkit-user-select:none;user-select:none}.generation-pulse{width:6px;height:6px;background-color:var(--accent);border-radius:50%;position:relative;display:inline-block}.generation-pulse:after{content:"";position:absolute;top:-3px;left:-3px;width:12px;height:12px;border:1px solid var(--accent);border-radius:50%;animation:pulse-ring 1.4s cubic-bezier(.215,.61,.355,1) infinite;opacity:0}@keyframes pulse-ring{0%{transform:scale(.5);opacity:0}50%{opacity:.5}to{transform:scale(1.5);opacity:0}}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .25rem;background:transparent;border:none;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;margin-bottom:-1px}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.option-btn{background:transparent;border:1px solid var(--border);border-radius:8px;padding:.75rem;color:var(--text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center}.option-btn:hover{border-color:var(--text-muted)}.option-btn.active{border-color:var(--accent);color:var(--accent);background:#2563eb0d}.option-swatch{width:24px;height:24px;border-radius:50%;margin:0 auto .5rem}.setting-toggle{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s;margin:-.5rem}.setting-toggle:hover{background-color:var(--bg-hover)}.toggle-title{font-weight:600;font-size:.875rem;color:var(--text-main)}.toggle-desc{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.toggle-switch{width:36px;height:20px;background:#cbd5e1;border-radius:20px;position:relative;transition:all .2s;flex-shrink:0}.toggle-switch.active{background:var(--accent)}.toggle-knob{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:all .2s;box-shadow:0 1px 2px #0000001a}.toggle-switch.active .toggle-knob{left:18px}.settings-footer-btns{display:flex;gap:.75rem;margin-top:.5rem}#Export-btn{color:#fff!important;background-color:#2563eb!important}.settings-btn{flex:1;margin:0;padding:.75rem 1rem;border-radius:12px;color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.danger-btn{background-color:transparent!important;border:1px solid #ef4444!important;color:#ef4444!important;width:100%;border-radius:12px;padding:.75rem 1rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.danger-btn:hover:not(:disabled){background-color:#ef4444!important;color:#fff!important}.danger-btn.confirm-active{background-color:#ef4444!important;color:#fff!important}.danger-btn:disabled{opacity:.6;cursor:not-allowed}.danger-warning{display:flex;align-items:flex-start;gap:.5rem;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:10px;padding:.75rem;font-size:.75rem;color:#b91c1c;line-height:1.5}.settings-modal{background:var(--bg-chat);color:var(--text-main);width:100%;max-width:460px;border-radius:24px;border:1px solid var(--border);padding:2.25rem 2.5rem 2rem;position:relative;box-shadow:0 25px 50px -12px #00000040;transition:background-color .2s,color .2s}.settings-tabs{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.settings-section{display:flex;flex-direction:column;gap:1.25rem}.setting-group{display:flex;flex-direction:column;gap:.5rem}.setting-label{font-size:.8125rem;font-weight:600;color:var(--text-main);letter-spacing:.04em;text-transform:uppercase}.setting-desc{font-size:.75rem;color:var(--text-muted);line-height:1.55;margin-bottom:.25rem}.setting-options-row{display:flex;gap:.5rem}.setting-options-row .option-btn{flex:1}.marketing-wrapper{background-color:var(--bg-shell);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;overflow-y:auto;width:100%}.marketing-navbar{height:80px;background-color:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);display:flex;justify-content:center;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px -2px #0000000d;width:100%;transition:all .3s ease}.marketing-navbar-container{width:100%;max-width:1200px;margin:0 auto;padding:1rem 3rem!important;display:flex;align-items:center;justify-content:space-between}.marketing-logo{font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800;color:var(--text-main);cursor:pointer;letter-spacing:-.03em;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.marketing-logo:after{content:".";color:var(--accent)}.marketing-logo:hover{transform:scale(1.02);opacity:.9}.marketing-nav-links{display:flex;gap:1.5rem;list-style:none;align-items:center}.marketing-nav-item{font-size:.9rem;font-weight:500;color:var(--text-muted);cursor:pointer;padding:.5rem 1rem;border-radius:9999px;transition:all .25s cubic-bezier(.4,0,.2,1)}.marketing-nav-item:hover{color:var(--text-main);background-color:var(--bg-hover)}.marketing-nav-item.active,[data-theme=dark] .marketing-nav-item.active{color:var(--accent)}.marketing-cta-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background-color:var(--accent);color:var(--text-on-primary);border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2563eb26}.marketing-cta-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb40}.marketing-mobile-toggle{display:none;background:transparent;border:1px solid var(--border);color:var(--text-main);border-radius:8px;padding:.5rem;cursor:pointer;align-items:center;justify-content:center;transition:all .2s ease}.marketing-mobile-toggle:hover{background-color:var(--bg-hover)}.marketing-mobile-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-chat);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;padding:2rem;z-index:1000;animation:fullMenuFadeIn .3s cubic-bezier(.16,1,.3,1)}.mobile-menu-header{position:absolute;top:0;left:0;right:0;height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem}.mobile-menu-close{background:transparent;border:none;color:var(--text-main);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s ease}.mobile-menu-close:hover{background-color:var(--bg-hover)}@media(min-width:769px){.marketing-mobile-menu{display:none!important}}@keyframes fullMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.marketing-mobile-nav-links{list-style:none;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.marketing-mobile-nav-item{font-size:1.5rem;font-weight:600;color:var(--text-muted);padding:.5rem 1.5rem;cursor:pointer;transition:all .25s ease}.marketing-mobile-nav-item:hover,.marketing-mobile-nav-item.active{color:var(--accent);transform:scale(1.05);background-color:transparent!important}.marketing-mobile-cta-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;background-color:var(--accent);color:var(--text-on-primary);border:none;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;width:80%;max-width:300px;transition:all .2s ease;box-shadow:0 10px 25px #2563eb33}.marketing-mobile-cta-btn:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.marketing-content-container{flex:1}.marketing-page{padding:5rem 2rem;max-width:1200px;margin:0 auto;animation:fadeIn .4s ease-out}.marketing-header-section{text-align:center;margin-bottom:4rem}.marketing-header-section h1{font-size:3rem;font-weight:800;color:var(--text-main);margin-bottom:1rem;letter-spacing:-.02em;text-wrap:balance}.marketing-header-section p{font-size:1.25rem;color:var(--text-muted);max-width:650px;margin:0 auto;text-wrap:balance}.marketing-container-sm{max-width:700px;margin:0 auto}.hero-section{position:relative;padding:10rem 2rem 8rem;text-align:center;overflow:hidden}.hero-container{max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background-color:#2563eb14;color:var(--accent);border-radius:9999px;font-size:.8125rem;font-weight:600;margin-bottom:2rem}[data-theme=dark] .hero-badge{background-color:#3b82f626}.hero-title{font-size:5rem;font-weight:800;color:var(--text-main);line-height:1.05;margin-bottom:1.5rem;letter-spacing:-.04em}.hero-title span{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.15rem;color:var(--text-muted);line-height:1.7;max-width:700px;margin:0 auto 3rem;text-wrap:balance}.hero-actions{display:flex;justify-content:center;gap:1rem}.primary-hero-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background-color:var(--text-main);color:var(--bg-chat);border:none;border-radius:12px;font-weight:600;font-size:1.05rem;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 14px #0000001a}[data-theme=dark] .primary-hero-btn{box-shadow:0 4px 14px #ffffff1a}.primary-hero-btn:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}[data-theme=dark] .primary-hero-btn:hover{box-shadow:0 6px 20px #ffffff26}.secondary-hero-btn{padding:.875rem 1.75rem;background-color:transparent;color:var(--text-main);border:1px solid var(--border);border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.secondary-hero-btn:hover{background-color:var(--bg-hover)}.features-section{padding:6rem 2rem;background-color:var(--bg-shell);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.marketing-section-header{text-align:center;margin-bottom:4rem}.marketing-section-header h2{font-size:2.25rem;font-weight:800;color:var(--text-main);margin-bottom:.75rem}.marketing-section-header p{font-size:1.1rem;color:var(--text-muted)}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.feature-card{background-color:var(--bg-chat);padding:2.5rem;border-radius:16px;border:1px solid var(--border);box-shadow:0 4px 6px -1px #00000003;transition:all .3s ease}.feature-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 20px -3px #0000000a}.feature-icon-wrapper{width:48px;height:48px;border-radius:12px;background-color:#2563eb0d;color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}[data-theme=dark] .feature-icon-wrapper{background-color:#3b82f61a}.feature-card h3{font-size:1.25rem;font-weight:700;color:var(--text-main);margin-bottom:.75rem}.feature-card p{font-size:.9375rem;color:var(--text-muted);line-height:1.5}.workflow-section{padding:6rem 2rem}.workflow-container{max-width:900px;margin:0 auto}.workflow-container h2{font-size:2.25rem;font-weight:800;color:var(--text-main);text-align:center;margin-bottom:3.5rem}.workflow-steps{display:flex;flex-direction:column;gap:2.5rem}.workflow-step{display:flex;gap:1.5rem}.step-number{flex-shrink:0;width:36px;height:36px;border-radius:50%;background-color:var(--accent);color:var(--text-on-primary);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1rem}.workflow-step h4{font-size:1.125rem;font-weight:700;color:var(--text-main);margin-bottom:.375rem}.workflow-step p{color:var(--text-muted);font-size:.9375rem;line-height:1.5}.cta-banner-section{padding:6rem 2rem;background-color:var(--bg-shell);border-top:1px solid var(--border)}.cta-banner-container{max-width:800px;margin:0 auto;text-align:center;padding:4rem 2rem;background:radial-gradient(circle at top left,rgba(37,99,235,.05),transparent 70%);border:1px solid var(--border);border-radius:24px}.cta-banner-container h2{font-size:2rem;font-weight:800;color:var(--text-main);margin-bottom:1rem;text-wrap:balance}.cta-banner-container p{color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem;text-wrap:balance}.cta-banner-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background-color:var(--accent);color:var(--text-on-primary);border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.cta-banner-btn:hover{transform:translateY(-1px)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem}.about-card{padding:3rem 2rem;background-color:var(--bg-chat);border:1px solid var(--border);border-radius:16px;text-align:center}.about-card-icon-wrapper{width:54px;height:54px;background-color:#2563eb0d;color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}[data-theme=dark] .about-card-icon-wrapper{background-color:#3b82f61a}.about-card h3{font-size:1.25rem;font-weight:700;color:var(--text-main);margin-bottom:1rem}.about-card p{font-size:.9375rem;color:var(--text-muted);line-height:1.6}.contact-container{max-width:480px;margin:0 auto;background-color:var(--bg-chat);border:1px solid var(--border);border-radius:20px;padding:2.5rem;box-shadow:0 4px 6px -1px #00000003}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-form-group{display:flex;flex-direction:column;gap:.5rem}.contact-form-group label{font-size:.875rem;font-weight:600;color:var(--text-main)}.contact-form-group input,.contact-form-group textarea{padding:.75rem 1rem;border:1px solid var(--border);border-radius:10px;font-size:.9375rem;color:var(--text-main);outline:none;background-color:var(--bg-shell);transition:all .2s}.contact-form-group textarea{resize:vertical;min-height:100px;max-height:300px}.contact-form-group input:focus,.contact-form-group textarea:focus{border-color:var(--accent);background-color:var(--bg-chat);box-shadow:0 0 0 4px #2563eb14}.contact-submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;background-color:var(--accent);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.contact-submit-btn:hover{opacity:.9;transform:translateY(-1px)}.contact-success-card{text-align:center;padding:2rem 1rem}.success-icon{color:#10b981;margin-bottom:1.5rem}.contact-success-card h2{font-size:1.5rem;color:var(--text-main);margin-bottom:.75rem}.contact-success-card p{color:var(--text-muted);margin-bottom:2rem}.privacy-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.privacy-block h3{font-size:1.25rem;font-weight:700;color:var(--text-main);margin-bottom:.75rem}.privacy-block p{color:var(--text-muted);line-height:1.6;font-size:.975rem}.marketing-footer{background-color:var(--bg-shell);border-top:1px solid var(--border);padding:4rem 2rem 2rem}.marketing-footer-container{max-width:1200px;margin:0 auto 3rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:3rem}.marketing-footer-brand{max-width:320px}.marketing-footer-tagline{margin-top:1rem;color:var(--text-muted);font-size:.9375rem;line-height:1.5}.marketing-footer-links-group h4{font-size:.875rem;font-weight:700;color:var(--text-main);text-transform:uppercase;margin-bottom:1rem;letter-spacing:.05em}.marketing-footer-links-group ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.marketing-footer-links-group li{font-size:.9375rem;color:var(--text-muted);cursor:pointer;transition:color .2s}.marketing-footer-links-group li:hover{color:var(--accent)}.marketing-footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid var(--border);text-align:center}.marketing-footer-bottom p{font-size:.8125rem;color:var(--text-muted)}.about-section-title{font-size:2.5rem;font-weight:700;color:var(--text-main);margin-bottom:1rem}.about-hero-desc{display:flex;flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;font-size:1.125rem;line-height:1.8;color:var(--text-muted)}@media(max-width:768px){.desktop-only{display:none!important}.marketing-mobile-toggle{display:flex}.marketing-navbar-container{padding:0 1.5rem}.hero-title{font-size:2.75rem}.hero-subtitle{font-size:1.1rem;margin-bottom:2rem}.hero-actions{flex-direction:column;gap:.75rem;align-items:center;width:100%}.hero-actions button{width:100%;justify-content:center}.marketing-page{padding:3rem 1.5rem}.features-section,.workflow-section,.cta-banner-section{padding:4rem 1.5rem}.marketing-header-section h1{font-size:2.25rem}.contact-container{padding:2rem 1.5rem}.about-section-title{font-size:1.85rem!important}.about-hero-desc{font-size:1rem!important;line-height:1.6!important}.marketing-footer-container{flex-direction:column;align-items:center;text-align:center;gap:2rem}.marketing-footer-brand{max-width:100%;display:flex;flex-direction:column;align-items:center}.privacy-container{gap:2rem!important}.privacy-block h3{font-size:1.15rem!important}.privacy-block p{font-size:.9rem!important;line-height:1.5!important}.app-container{position:relative;width:100vw;height:100vh;overflow:hidden}.sidebar{position:absolute;top:0;left:0;bottom:0;width:290px;height:100%;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:10px 0 35px #00000040;background-color:var(--bg-shell)}.sidebar.mobile-open{transform:translate(0)}.main-content{width:100%;height:100%;flex:1}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-main);cursor:pointer;margin-right:.5rem;padding:.5rem;border-radius:10px;transition:background-color .2s}.mobile-menu-btn:hover{background-color:var(--bg-hover)}.mobile-close-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:10px;transition:all .2s}.mobile-close-btn:hover{color:var(--text-main);background-color:var(--bg-hover)}.model-label{display:none!important}.model-label-mobile{display:inline!important;font-size:.85rem;font-weight:700}.model-selector-btn{padding:.5rem .75rem!important;gap:.5rem!important}.model-selector-btn .chevron{margin-left:.25rem!important}.chat-header{padding:.75rem 1rem!important;gap:12px!important}.header-actions{flex-shrink:0!important}.chat-title{font-size:.95rem!important}.input-container{padding:0 .75rem 1rem!important}.input-wrapper{gap:.5rem!important;padding:.5rem 1rem!important;border-radius:16px!important}}@media(min-width:769px){.mobile-menu-btn,.mobile-close-btn{display:none!important}}.sidebar-logo-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;width:100%}.sidebar-logo-row .logo{margin-bottom:0!important;cursor:pointer}.exit-workspace-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:600;color:var(--text-muted);background-color:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s}.exit-workspace-btn:hover{color:var(--accent);border-color:var(--accent);background-color:var(--bg-hover)}