@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";.mode-selector{position:relative;display:flex;flex-direction:column;gap:var(--spacing-xs)}.mode-selector-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.mode-selector-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;font-size:.875rem;color:var(--color-text-primary);min-width:200px}.mode-selector-btn:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-primary)}.mode-selector-btn.active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.mode-selector-btn:disabled{opacity:.6;cursor:not-allowed}.mode-selector-btn.has-mode{background-color:var(--color-primary-light);border-color:var(--color-primary)}.mode-selector-icon{font-size:1.125rem;line-height:1}.mode-selector-text{flex:1;text-align:left;font-weight:500}.mode-selector-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast)}.mode-selector-chevron.rotated{transform:rotate(180deg)}.mode-selector-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));left:0;right:0;min-width:320px;max-height:400px;overflow-y:auto;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;padding:var(--spacing-sm)}.mode-selector-section{padding:var(--spacing-xs) 0}.mode-selector-section+.mode-selector-section{border-top:1px solid var(--color-border-light);margin-top:var(--spacing-xs);padding-top:var(--spacing-sm)}.mode-section-header{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.mode-section-icon{font-size:.875rem}.mode-section-crown{color:var(--color-warning);margin-left:auto}.mode-section-list{display:flex;flex-direction:column;gap:2px}.mode-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:inherit}.mode-option:hover:not(:disabled){background-color:var(--color-bg-hover)}.mode-option.active{background-color:var(--color-primary-light)}.mode-option:disabled{opacity:.5;cursor:not-allowed}.mode-option.locked{opacity:.6}.mode-option-icon{font-size:1.25rem;line-height:1;flex-shrink:0}.mode-option-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mode-option-name{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.mode-option-desc{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-option-lock{color:var(--color-text-muted);flex-shrink:0}.mode-selector-discovery{background-color:var(--color-primary-light);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.mode-discovery-header{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.7rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.mode-discovery-header svg{color:var(--color-primary)}.mode-option-discovery{background-color:var(--color-bg-secondary);border:1px solid var(--color-primary)}.mode-option-discovery:hover{background-color:var(--color-bg-hover)}.mode-discovery-trials{margin-top:var(--spacing-xs);font-size:.7rem;color:var(--color-text-muted);text-align:center}.mode-selector-upgrade{padding:var(--spacing-sm);border-top:1px solid var(--color-border-light);margin-top:var(--spacing-xs)}.mode-upgrade-link{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;border-radius:var(--radius-md);font-size:.8rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.mode-upgrade-link:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);color:#fff}.mode-selector-loading .mode-selector-btn{cursor:wait;opacity:.7}@media(max-width:768px){.mode-selector-btn{min-width:150px;padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}.mode-selector-dropdown{min-width:min(320px,calc(100vw - 2rem));max-width:calc(100vw - 1rem);left:auto;right:0}.mode-option{padding:var(--spacing-xs) var(--spacing-sm)}.mode-option-name{font-size:.8125rem}.mode-option-desc{font-size:.7rem}}@media(max-width:480px){.mode-selector-btn{min-width:120px;font-size:.75rem;gap:var(--spacing-xs)}.mode-selector-icon{font-size:1rem}.mode-selector-dropdown{min-width:calc(100vw - 1rem);max-height:60vh}.mode-option-icon{font-size:1rem}.mode-section-header{font-size:.65rem}}.mode-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-full);font-family:inherit}.mode-indicator-inherited{background-color:var(--color-bg-tertiary);border-color:var(--color-border)}.mode-indicator-tiny{padding:2px 6px;font-size:.65rem;gap:4px}.mode-indicator-tiny .mode-indicator-icon{font-size:.7rem}.mode-indicator-tiny .mode-indicator-name{font-weight:500}.mode-indicator-small{padding:2px var(--spacing-xs);font-size:.7rem}.mode-indicator-small .mode-indicator-icon{font-size:.75rem}.mode-indicator-medium{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}.mode-indicator-medium .mode-indicator-icon{font-size:.875rem}.mode-indicator-large{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.mode-indicator-large .mode-indicator-icon{font-size:1rem}.mode-indicator-icon{line-height:1;flex-shrink:0}.mode-indicator-content{display:flex;flex-direction:column;gap:1px;min-width:0}.mode-indicator-name{font-weight:500;color:var(--color-text-primary);white-space:nowrap}.mode-indicator-desc{font-size:.7rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-indicator-inherited-badge{font-size:.65rem;color:var(--color-text-muted);font-style:italic}.mode-indicator:hover{box-shadow:var(--shadow-sm)}.mode-discovery-banner{background:linear-gradient(135deg,var(--color-primary-light),var(--color-bg-secondary));border:1px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.mode-discovery-banner-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.mode-discovery-icon{color:var(--color-primary)}.mode-discovery-title{font-size:.75rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.mode-discovery-banner-content{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:inherit}.mode-discovery-banner-content:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.mode-discovery-mode-icon{font-size:1.5rem;line-height:1}.mode-discovery-mode-info{flex:1;display:flex;flex-direction:column;gap:2px}.mode-discovery-mode-name{font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.mode-discovery-mode-desc{font-size:.75rem;color:var(--color-text-muted)}.mode-discovery-banner-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-sm);font-size:.7rem;color:var(--color-text-muted)}.mode-discovery-timer{display:flex;align-items:center;gap:var(--spacing-xs)}.mode-discovery-trials{padding:2px var(--spacing-xs);background-color:var(--color-success-light);color:var(--color-success);border-radius:var(--radius-sm);font-weight:500}.mode-discovery-upgrade{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-xs) var(--spacing-sm);margin-top:var(--spacing-sm);background:transparent;border:1px dashed var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);font-size:.75rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.mode-discovery-upgrade:hover{background-color:var(--color-primary);border-style:solid;color:#fff}.mode-trial-counter{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-success-light);border-radius:var(--radius-md);font-size:.7rem;color:var(--color-success)}.mode-trial-counter.exhausted{background-color:var(--color-warning-light);color:var(--color-warning)}.mode-trial-icon{flex-shrink:0}.mode-trial-text{flex:1;white-space:nowrap}.mode-trial-text strong{font-weight:600}.mode-trial-bar{width:40px;height:4px;background-color:#0000001a;border-radius:var(--radius-full);overflow:hidden}.mode-trial-bar-fill{height:100%;background-color:currentColor;border-radius:var(--radius-full);transition:width var(--transition-normal)}.mode-welcome{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:800px;margin:0 auto;padding:var(--spacing-xl)}.mode-welcome-loading{text-align:center;color:var(--color-text-muted);padding:var(--spacing-xl)}.mode-welcome-header{text-align:center;margin-bottom:var(--spacing-md)}.mode-welcome-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.mode-welcome-subtitle{font-size:.9rem;color:var(--color-text-muted)}.mode-welcome-project-banner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:.85rem;color:var(--color-primary)}.mode-welcome-project-banner svg{flex-shrink:0}.mode-welcome-project-banner strong{font-weight:600}.mode-welcome-general{display:flex;justify-content:center}.mode-welcome-card-general{max-width:400px;background-color:var(--color-bg-tertiary)}.mode-welcome-discovery{background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-md)}.mode-welcome-discovery-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-size:.75rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.mode-welcome-discovery-header svg{color:var(--color-primary)}.mode-welcome-trials{margin-left:auto;padding:2px var(--spacing-xs);background-color:var(--color-success-light);color:var(--color-success);border-radius:var(--radius-sm);font-size:.65rem;text-transform:none}.mode-welcome-card-discovery{background-color:var(--color-bg-secondary);border:1px solid var(--color-border)}.mode-welcome-categories{display:flex;flex-direction:column;gap:var(--spacing-lg)}.mode-welcome-category{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mode-welcome-category-header{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.mode-welcome-category-icon{font-size:.9rem}.mode-welcome-crown{color:var(--color-warning);margin-left:var(--spacing-xs)}.mode-welcome-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-sm)}.mode-welcome-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:inherit;width:100%}.mode-welcome-card:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.mode-welcome-card.active{background-color:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.mode-welcome-card-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.mode-welcome-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mode-welcome-card-name{font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.mode-welcome-card-desc{font-size:.75rem;color:var(--color-text-muted);line-height:1.4}.mode-welcome-upgrade{text-align:center;margin-top:var(--spacing-md)}.mode-welcome-upgrade-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.mode-welcome-upgrade-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:#fff}.mode-welcome-mobile{padding:var(--spacing-md);gap:var(--spacing-md)}.mode-welcome-mobile .mode-welcome-header{margin-bottom:0}.mode-welcome-mobile .mode-welcome-title{font-size:1.5rem}.mode-welcome-mobile .mode-welcome-subtitle{font-size:1rem;line-height:1.5}.mode-welcome-dropdown-wrapper{position:relative;width:100%}.mode-welcome-dropdown-btn{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:inherit}.mode-welcome-dropdown-btn:hover{border-color:var(--color-primary)}.mode-welcome-dropdown-btn.active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.mode-welcome-dropdown-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.mode-welcome-dropdown-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mode-welcome-dropdown-name{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.mode-welcome-dropdown-desc{font-size:.875rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-welcome-dropdown-chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform var(--transition-fast)}.mode-welcome-dropdown-chevron.rotated{transform:rotate(180deg)}.mode-welcome-dropdown-menu{position:absolute;top:calc(100% + var(--spacing-xs));left:0;right:0;max-height:60vh;overflow-y:auto;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;padding:var(--spacing-xs)}.mode-welcome-dropdown-section{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-xs);font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-top:1px solid var(--color-border-light);margin-top:var(--spacing-sm)}.mode-welcome-dropdown-section:first-child{border-top:none;margin-top:0}.mode-welcome-dropdown-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);min-height:48px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);text-align:left;font-family:inherit}.mode-welcome-dropdown-option:hover{background-color:var(--color-bg-hover)}.mode-welcome-dropdown-option.active{background-color:var(--color-primary-light)}.mode-welcome-dropdown-option-icon{font-size:1.25rem;line-height:1;flex-shrink:0}.mode-welcome-dropdown-option-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mode-welcome-dropdown-option-name{font-size:1rem;font-weight:500;color:var(--color-text-primary)}.mode-welcome-dropdown-option-desc{font-size:.8125rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-welcome-dropdown-upgrade{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-md);min-height:48px;margin-top:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;border-radius:var(--radius-md);font-size:1rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.mode-welcome-dropdown-upgrade:hover{opacity:.9;color:#fff}@media(max-width:600px){.mode-welcome{padding:var(--spacing-md)}.mode-welcome-category-grid{grid-template-columns:1fr}.mode-welcome-card{padding:var(--spacing-sm)}.mode-welcome-card-icon{font-size:1.25rem}}.mode-notification{position:absolute;top:70px;right:20px;transform:translateY(-10px);opacity:0;z-index:10;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 16px #0000001a;transition:opacity .3s ease,transform .3s ease;max-width:400px;width:max-content}.mode-notification--visible{opacity:1;transform:translateY(0)}.mode-notification--info{border-left:3px solid var(--color-primary)}.mode-notification--suggestion{border-left:3px solid #f59e0b;background:linear-gradient(135deg,#fff,#f59e0b0d)}.mode-notification--upgrade{border-left:3px solid #8b5cf6;background:linear-gradient(135deg,#fff,#8b5cf60d)}.mode-notification__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--bg-tertiary);flex-shrink:0}.mode-notification__mode-icon{font-size:20px}.mode-notification__content{flex:1;min-width:0}.mode-notification__message{margin:0;font-size:14px;color:var(--text-primary);line-height:1.4}.mode-notification__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.mode-notification__action-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.mode-notification__action-btn:hover{background:var(--color-primary-hover)}.mode-notification__dismiss{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:background .2s,color .2s}.mode-notification__dismiss:hover{background:var(--bg-tertiary);color:var(--text-primary)}@media(max-width:640px){.mode-notification{top:60px;left:10px;right:10px;max-width:none;width:auto;transform:translateY(-10px)}.mode-notification--visible{transform:translateY(0)}.mode-notification__message{font-size:13px}}.project-files-manager{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.project-files-header{display:flex;flex-direction:column;gap:var(--spacing-sm)}.project-files-stats{display:flex;justify-content:space-between;font-size:.8rem;color:var(--color-text-muted)}.context-progress-bar{height:4px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.context-progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-normal),background var(--transition-normal)}.context-progress-fill.warning{background:var(--color-warning)}.context-progress-fill.danger{background:var(--color-error)}.project-files-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-error-light);color:var(--color-error);border-radius:var(--radius-sm);font-size:.85rem}.project-files-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:200px;overflow-y:auto}.project-files-loading,.project-files-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--color-text-muted);text-align:center}.project-files-empty svg{opacity:.3;margin-bottom:var(--spacing-sm)}.project-files-empty p{margin:0}.project-files-empty .hint{font-size:.8rem;opacity:.7}.project-file-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.project-file-item:hover{border-color:var(--color-border)}.project-file-item.inactive{opacity:.5;background:var(--color-bg-tertiary)}.file-info{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0;flex:1}.file-icon{flex-shrink:0;color:var(--color-text-muted)}.file-icon-image{color:var(--color-primary)}.file-icon-doc{color:var(--color-warning)}.file-details{display:flex;flex-direction:column;min-width:0}.file-name{font-size:.85rem;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:.75rem;color:var(--color-text-muted)}.file-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.file-actions .btn-icon{padding:var(--spacing-xs);border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);color:var(--color-text-muted)}.file-actions .btn-icon:hover{background:var(--color-bg-hover)}.file-actions .toggle-btn{color:var(--color-text-muted)}.file-actions .toggle-btn.active{color:var(--color-success)}.file-actions .delete-btn:hover{color:var(--color-error);background:var(--color-error-light)}.project-files-upload{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.upload-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.upload-btn.disabled{opacity:.5;pointer-events:none}.upload-hint{font-size:.75rem;color:var(--color-text-muted)}.quota-gauge{display:flex;align-items:center;gap:.5rem}.quota-gauge-track{background:var(--color-bg-tertiary, #e5e7eb);border-radius:4px;overflow:hidden;position:relative}.quota-gauge-fill{height:100%;border-radius:4px;transition:width .3s ease,background-color .3s ease}.quota-gauge-label{font-size:.7rem;font-weight:500;color:var(--color-text-tertiary, #6b7280);white-space:nowrap;min-width:45px;text-align:right}.quota-gauge-small .quota-gauge-track{width:100%;height:3px}.quota-gauge-medium .quota-gauge-track{width:80px;height:6px}.quota-gauge-normal .quota-gauge-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}.quota-gauge-normal .quota-gauge-label{color:var(--color-text-tertiary, #6b7280)}.quota-gauge-warning .quota-gauge-fill{background:linear-gradient(90deg,#f59e0b,#d97706)}.quota-gauge-warning .quota-gauge-label{color:#d97706}.quota-gauge-danger .quota-gauge-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.quota-gauge-danger .quota-gauge-label{color:#dc2626;font-weight:600}.quota-gauge-critical .quota-gauge-fill{background:linear-gradient(90deg,#dc2626,#b91c1c);animation:pulse-critical 1.5s ease-in-out infinite}.quota-gauge-critical .quota-gauge-label{color:#b91c1c;font-weight:700}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.7}}[data-theme=dark] .quota-gauge-track{background:var(--color-bg-tertiary, #374151)}[data-theme=dark] .quota-gauge-label{color:var(--color-text-tertiary, #9ca3af)}[data-theme=dark] .quota-gauge-warning .quota-gauge-label{color:#fbbf24}[data-theme=dark] .quota-gauge-danger .quota-gauge-label{color:#f87171}[data-theme=dark] .quota-gauge-critical .quota-gauge-label{color:#fca5a5}.modes-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modes-modal{width:100%;max-width:600px;max-height:80vh;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.modes-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.modes-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.modes-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.modes-modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.modes-modal-intro{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-light)}.modes-modal-intro p{margin:0;font-size:.875rem;line-height:1.5;color:var(--color-text-secondary)}.modes-modal-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.modes-modal-loading{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted)}.modes-modal-section{margin-bottom:var(--spacing-lg)}.modes-modal-section:last-child{margin-bottom:0}.modes-modal-section-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;font-size:.8125rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.modes-modal-crown{color:var(--color-warning)}.modes-modal-section-upgrade{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-decoration:none;color:var(--color-primary);background:var(--color-primary-alpha);border:1px solid var(--color-primary);transition:all .2s ease}.modes-modal-section-upgrade:hover{background:var(--color-primary);color:#fff}.modes-modal-discovery{background:linear-gradient(135deg,var(--color-primary-alpha),transparent);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.modes-modal-discovery .modes-modal-section-header{color:var(--color-primary)}.modes-modal-grid{display:flex;flex-direction:column;gap:var(--spacing-xs)}.modes-modal-option{display:flex;align-items:flex-start;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;background:var(--color-bg-secondary);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all .2s ease}.modes-modal-option:hover{background:var(--color-bg-tertiary);border-color:var(--color-border)}.modes-modal-option.active{background:var(--color-primary-alpha);border-color:var(--color-primary)}.modes-modal-option-featured{background:var(--color-bg-primary);border:1px solid var(--color-primary)}.modes-modal-option-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;color:var(--color-text-secondary)}.modes-modal-option-content{flex:1;min-width:0}.modes-modal-option-name{display:block;font-weight:500;color:var(--color-text-primary);margin-bottom:2px}.modes-modal-option-desc{display:block;font-size:.8125rem;color:var(--color-text-muted);line-height:1.4}.modes-modal-option-badge{flex-shrink:0;font-size:.625rem;font-weight:500;padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.02em;align-self:center}.modes-modal-option-badge.free{background:var(--color-bg-tertiary);color:var(--color-text-muted);border:1px solid var(--color-border)}.modes-modal-option-lock{flex-shrink:0;color:var(--color-text-muted);opacity:.5}.modes-modal-option.locked{opacity:.7;cursor:not-allowed;border-style:dashed;border-color:var(--color-border)}.modes-modal-option.locked:hover{background:var(--color-bg-secondary);border-color:var(--color-border)}.modes-modal-option.locked .modes-modal-option-name{color:var(--color-text-muted)}.modes-modal-upgrade{padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light);margin-top:var(--spacing-md)}.modes-modal-upgrade-title{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.modes-modal-upgrade-title svg{color:var(--color-warning)}.modes-modal-upgrade-buttons{display:flex;gap:var(--spacing-sm)}.modes-modal-upgrade-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-xs);border-radius:var(--radius-md);text-decoration:none;transition:all .2s ease;border:1px solid transparent}.modes-modal-upgrade-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.modes-modal-upgrade-btn-name{font-size:.875rem;font-weight:600;color:#fff}.modes-modal-upgrade-btn-desc{font-size:.6875rem;color:#ffffffd9;margin-top:2px}.modes-modal-upgrade-btn.perso{background:linear-gradient(135deg,#f59e0b,#d97706)}.modes-modal-upgrade-btn.pro{background:linear-gradient(135deg,var(--color-primary),#1d4ed8)}.modes-modal-upgrade-btn.lintello{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}@media(max-width:768px){.modes-modal-overlay{padding:0;align-items:flex-end}.modes-modal{max-width:100%;max-height:90vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modes-modal-header{padding:var(--spacing-md)}.modes-modal-content,.modes-modal-option{padding:var(--spacing-sm)}.modes-modal-option-icon{width:28px;height:28px}}.feedback-floating-btn{position:fixed;right:8px;top:50%;transform:translateY(-50%);background:var(--primary-color, #3b82f6);color:#fff;border:none;padding:.875rem .625rem;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.375rem;font-weight:500;font-size:.875rem;box-shadow:0 2px 8px #00000026;transition:all .2s;z-index:999;writing-mode:vertical-lr;transform:translateY(-50%) rotate(180deg)}.feedback-floating-btn:hover{background:var(--primary-hover, #2563eb);right:4px;transform:translateY(-50%) rotate(180deg)}.feedback-floating-btn.active{opacity:0;pointer-events:none}.feedback-btn-icon{width:18px;height:18px;flex-shrink:0}.feedback-btn-text{font-size:.875rem}.feedback-btn-badge{position:absolute;bottom:-.375rem;left:-.375rem;background:#ef4444;color:#fff;font-size:.625rem;font-weight:700;min-width:1.125rem;height:1.125rem;border-radius:50%;display:flex;align-items:center;justify-content:center;writing-mode:horizontal-tb;transform:rotate(180deg);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:rotate(180deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}@media(max-width:768px){.feedback-floating-btn{padding:.75rem}.feedback-btn-text{display:none}}.feedback-panel{position:fixed;top:0;right:0;width:360px;height:100vh;background:var(--bg-primary, #ffffff);border-left:1px solid var(--border-color, #e5e7eb);box-shadow:-4px 0 20px #0000001a;z-index:1000;display:flex;flex-direction:column;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}[data-theme=dark] .feedback-panel{background:var(--bg-primary, #1f2937);border-left-color:var(--border-color, #374151)}.feedback-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}[data-theme=dark] .feedback-panel-header{background:var(--bg-secondary, #111827);border-bottom-color:var(--border-color, #374151)}.feedback-panel-header h3{margin:0;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.feedback-back-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem;color:var(--text-primary, #111827)}.feedback-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted, #6b7280);padding:.25rem;line-height:1}.feedback-close-btn:hover{color:var(--text-primary, #111827)}.feedback-error{background:#fef2f2;color:#dc2626;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.feedback-error button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1rem}.feedback-panel-content{flex:1;overflow-y:auto;padding:1rem}.feedback-new-btn{width:100%;padding:.75rem;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;margin-bottom:1rem;transition:background .2s}.feedback-new-btn:hover{background:var(--primary-hover, #2563eb)}.feedback-thread-list{display:flex;flex-direction:column;gap:.5rem}.feedback-thread-item{padding:.75rem;background:var(--bg-secondary, #f9fafb);border-radius:.5rem;cursor:pointer;transition:background .2s;border:1px solid transparent}.feedback-thread-item:hover{background:var(--bg-hover, #f3f4f6)}.feedback-thread-item.unread{border-color:var(--primary-color, #3b82f6);background:#3b82f60d}[data-theme=dark] .feedback-thread-item{background:var(--bg-secondary, #111827)}[data-theme=dark] .feedback-thread-item:hover{background:var(--bg-hover, #1f2937)}.feedback-thread-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.feedback-thread-status{font-size:.75rem}.feedback-thread-time{font-size:.75rem;color:var(--text-muted, #6b7280);margin-left:auto}.feedback-thread-preview{font-size:.875rem;color:var(--text-primary, #111827);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feedback-thread-meta{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.75rem;color:var(--text-muted, #6b7280)}.feedback-unread-badge{background:var(--primary-color, #3b82f6);color:#fff;padding:.125rem .5rem;border-radius:1rem;font-size:.625rem;font-weight:500}.feedback-theme-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;background:var(--bg-secondary, #e5e7eb);color:var(--text-primary, #374151)}.feedback-theme-badge.small{padding:.125rem .375rem;font-size:.625rem}.feedback-theme-badge.theme-bug{background:#fef2f2;color:#dc2626}.feedback-theme-badge.theme-suggestion{background:#f0fdf4;color:#16a34a}.feedback-theme-badge.theme-announcement{background:#eff6ff;color:#2563eb}.feedback-theme-badge.theme-design{background:#fdf4ff;color:#a855f7}.feedback-theme-badge.theme-web_search{background:#ecfeff;color:#0891b2}.feedback-create-form{display:flex;flex-direction:column;gap:1rem}.feedback-form-group{display:flex;flex-direction:column;gap:.375rem}.feedback-form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary, #111827)}.feedback-form-group select,.feedback-form-group textarea{padding:.625rem;border:1px solid var(--border-color, #d1d5db);border-radius:.375rem;font-size:.875rem;background:var(--bg-primary, #ffffff);color:var(--text-primary, #111827);resize:vertical}.feedback-form-group select:focus,.feedback-form-group textarea:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 2px #3b82f61a}[data-theme=dark] .feedback-form-group select,[data-theme=dark] .feedback-form-group textarea{background:var(--bg-secondary, #1f2937);border-color:var(--border-color, #374151)}.feedback-screenshot-btn{padding:.625rem;border:2px dashed var(--border-color, #d1d5db);border-radius:.375rem;background:transparent;color:var(--text-muted, #6b7280);cursor:pointer;transition:all .2s}.feedback-screenshot-btn:hover{border-color:var(--primary-color, #3b82f6);color:var(--primary-color, #3b82f6)}.feedback-screenshot-preview{position:relative;display:inline-block}.feedback-screenshot-preview img{max-width:100%;max-height:150px;border-radius:.375rem;border:1px solid var(--border-color, #d1d5db)}.feedback-screenshot-preview button{position:absolute;top:-.5rem;right:-.5rem;width:1.5rem;height:1.5rem;border-radius:50%;background:#ef4444;color:#fff;border:none;cursor:pointer;font-size:1rem;line-height:1}.feedback-submit-btn{padding:.75rem;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:background .2s}.feedback-submit-btn:hover:not(:disabled){background:var(--primary-hover, #2563eb)}.feedback-submit-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-thread-detail{display:flex;flex-direction:column;height:100%}.feedback-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-bottom:1rem}.feedback-message{padding:.75rem;border-radius:.5rem;max-width:90%}.feedback-message.user{background:var(--bg-secondary, #f3f4f6);align-self:flex-start}.feedback-message.admin{background:var(--primary-color, #3b82f6);color:#fff;align-self:flex-end}[data-theme=dark] .feedback-message.user{background:var(--bg-secondary, #1f2937)}.feedback-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem;font-size:.75rem}.feedback-message-author{font-weight:500}.feedback-message-time{opacity:.7}.feedback-message-content{font-size:.875rem;line-height:1.5;white-space:pre-wrap}.feedback-message-screenshot{margin-top:.5rem}.feedback-message-screenshot a{color:inherit;text-decoration:underline;font-size:.75rem}.feedback-reply-form{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border-color, #e5e7eb);display:flex;flex-direction:column;gap:.5rem}.feedback-reply-form textarea{padding:.625rem;border:1px solid var(--border-color, #d1d5db);border-radius:.375rem;font-size:.875rem;resize:none;background:var(--bg-primary, #ffffff);color:var(--text-primary, #111827)}[data-theme=dark] .feedback-reply-form textarea{background:var(--bg-secondary, #1f2937);border-color:var(--border-color, #374151)}.feedback-reply-form button{padding:.625rem;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-weight:500}.feedback-reply-form button:disabled{opacity:.5;cursor:not-allowed}.feedback-closed-notice{margin-top:auto;padding:.75rem;background:var(--bg-secondary, #f3f4f6);border-radius:.5rem;text-align:center;color:var(--text-muted, #6b7280);font-size:.875rem}.feedback-empty,.feedback-loading{text-align:center;padding:2rem;color:var(--text-muted, #6b7280)}.feedback-empty p{margin:.5rem 0}@media(max-width:768px){.feedback-panel{width:100%;max-width:100vw}.feedback-panel-header{padding:.75rem}.feedback-panel-header h3{font-size:.9rem}.feedback-panel-content{padding:.75rem}.feedback-thread-item{padding:.625rem}.feedback-message{max-width:95%}}@media(max-width:480px){.feedback-panel-header h3{font-size:.85rem}.feedback-panel-content{padding:.5rem}.feedback-new-btn{padding:.625rem;font-size:.875rem}.feedback-thread-preview{font-size:.8125rem}.feedback-form-group select,.feedback-form-group textarea{font-size:16px}}.conversation-summary{margin:1rem;border-radius:12px;background:linear-gradient(135deg,var(--color-warning-bg, #fef3c7) 0%,var(--color-bg-secondary, #f9fafb) 100%);border:1px solid var(--color-warning, #f59e0b);overflow:hidden}.conversation-summary-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:#f59e0b26}.conversation-summary-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-warning-dark, #b45309);font-size:.9rem}.conversation-summary-title svg{color:var(--color-warning, #f59e0b)}.conversation-summary-content{padding:1rem}.conversation-summary-prompt{text-align:center;padding:1rem}.conversation-summary-prompt p{color:var(--color-text-secondary, #4b5563);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.conversation-summary-prompt .btn{display:inline-flex;align-items:center;gap:.5rem}.conversation-summary-loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;color:var(--color-text-secondary, #6b7280)}.conversation-summary-loading .spinning{animation:spin 1s linear infinite}.conversation-summary-error{text-align:center;padding:1rem}.conversation-summary-error p{color:var(--color-danger, #dc2626);margin-bottom:1rem;font-size:.9rem}.conversation-summary-result{display:flex;flex-direction:column;gap:1rem}.conversation-summary-text{background:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;padding:1rem;font-size:.875rem;line-height:1.6;color:var(--color-text-primary, #1f2937);max-height:300px;overflow-y:auto}.conversation-summary-text.markdown-content h1,.conversation-summary-text.markdown-content h2,.conversation-summary-text.markdown-content h3,.conversation-summary-text.markdown-content h4{margin-top:.75rem;margin-bottom:.5rem;font-weight:600;color:var(--color-text-primary, #1f2937)}.conversation-summary-text.markdown-content h4{font-size:.9rem}.conversation-summary-text.markdown-content p{margin-bottom:.5rem}.conversation-summary-text.markdown-content ul,.conversation-summary-text.markdown-content ol{margin-left:1.25rem;margin-bottom:.5rem}.conversation-summary-text.markdown-content li{margin-bottom:.25rem}.conversation-summary-text.markdown-content strong{font-weight:600}.conversation-summary-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.conversation-summary-actions .btn{display:inline-flex;align-items:center;gap:.5rem}.conversation-summary-actions .btn-success{background:var(--color-success, #22c55e)!important;border-color:var(--color-success, #22c55e)!important}.conversation-summary-hint{font-size:.8rem;color:var(--color-text-tertiary, #9ca3af);text-align:center;margin:0}.conversation-summary-upgrade{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;margin-top:.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;color:#fff;font-size:.875rem;font-weight:500}.conversation-summary-upgrade svg{color:#fbbf24}.conversation-summary-upgrade .btn-upgrade{margin-left:.5rem;padding:.375rem .75rem;background:#fff;color:#6366f1;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.conversation-summary-upgrade .btn-upgrade:hover{background:#f0f0ff;transform:translateY(-1px)}[data-theme=dark] .conversation-summary{background:linear-gradient(135deg,rgba(245,158,11,.15) 0%,var(--color-bg-secondary, #1f2937) 100%);border-color:#f59e0b66}[data-theme=dark] .conversation-summary-header:hover{background:#f59e0b26}[data-theme=dark] .conversation-summary-title,[data-theme=dark] .conversation-summary-toggle{color:#fbbf24}[data-theme=dark] .conversation-summary-text{background:var(--color-bg-tertiary, #374151);border-color:var(--color-border, #4b5563)}[data-theme=dark] .conversation-summary-prompt p,[data-theme=dark] .conversation-summary-loading{color:var(--color-text-secondary, #d1d5db)}.welcome-home{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);min-height:100%}.welcome-home-content{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.welcome-greeting{text-align:center;margin-bottom:var(--spacing-md)}.welcome-logo{width:64px;height:64px;margin:0 auto var(--spacing-sm) auto}.welcome-logo-light{display:block}.welcome-logo-dark,[data-theme=dark] .welcome-logo-light{display:none}[data-theme=dark] .welcome-logo-dark{display:block}.welcome-greeting h1{font-size:1.75rem;font-weight:600;color:var(--color-text-primary);margin:0}.welcome-files-preview{width:100%;margin-bottom:var(--spacing-sm)}.welcome-input-wrapper{width:100%;background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:visible;transition:border-color .2s ease,box-shadow .2s ease}.welcome-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.welcome-input-error{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-error-bg);color:var(--color-error);font-size:.875rem;border-bottom:1px solid var(--color-border-light)}.welcome-input-form{display:flex;align-items:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-lg)}.welcome-input-form .chat-attach-wrapper{order:-1;display:flex}.welcome-input-form .chat-attach-menu{z-index:1000}.welcome-input-form .chat-upload-btn{order:-1}.welcome-input{flex:1;min-height:44px;max-height:200px;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-primary);font-size:1rem;line-height:1.5;resize:none;outline:none;font-family:inherit}.welcome-input::placeholder{color:var(--color-text-muted)}.welcome-attach-wrapper{position:relative}.welcome-attach-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.welcome-attach-btn:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.welcome-attach-btn.active{background:var(--color-primary);color:#fff}.welcome-attach-btn:disabled{opacity:.5;cursor:not-allowed}.welcome-attach-menu{position:absolute;bottom:calc(100% + 8px);left:0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:100;min-width:140px}.welcome-attach-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:background-color .2s ease}.welcome-attach-option:hover{background:var(--color-bg-secondary)}.welcome-upload-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.welcome-upload-btn:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.welcome-upload-btn:disabled{opacity:.5;cursor:not-allowed}.welcome-send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.welcome-send-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:scale(1.05)}.welcome-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.welcome-stop-btn{background:var(--color-error)}.welcome-stop-btn:hover:not(:disabled){background:var(--color-error-hover)}.welcome-selected-mode{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-alpha);border:1px solid var(--color-primary);border-radius:var(--radius-full);font-size:.875rem;color:var(--color-primary)}.welcome-selected-mode-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.welcome-selected-mode-name{font-weight:500}.welcome-selected-mode-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--color-primary);cursor:pointer;border-radius:var(--radius-full);transition:background-color .2s ease}.welcome-selected-mode-clear:hover{background:var(--color-primary);color:#fff}.welcome-modes{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}.welcome-mode-chip{position:relative;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:var(--radius-full);font-size:.875rem;cursor:pointer;transition:all .2s ease}.welcome-mode-chip:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-alpha)}.welcome-mode-chip.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.welcome-mode-chip:disabled{opacity:.6;cursor:not-allowed}.welcome-mode-chip.demo{border-style:dashed;border-color:var(--color-warning);background:var(--color-warning-alpha, rgba(234, 179, 8, .1));opacity:.85}.welcome-mode-chip.demo:hover{border-color:var(--color-warning);background:var(--color-warning-alpha, rgba(234, 179, 8, .15))}.welcome-mode-lock{position:absolute;top:-6px;right:-6px;padding:3px;background:var(--color-bg-primary);border-radius:50%;color:var(--color-text-muted);box-shadow:0 1px 3px #0000001a}.welcome-mode-chip.free{border-color:var(--color-primary);background:var(--color-primary-alpha)}.welcome-mode-chip.free:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-alpha)}.welcome-mode-free-badge{position:absolute;top:-8px;right:-8px;font-size:.5625rem;font-weight:500;padding:2px 5px;background:var(--color-bg-tertiary);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.02em;line-height:1}.welcome-mode-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:currentColor}.welcome-mode-name{font-weight:500}.welcome-all-modes-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-muted);font-size:.875rem;cursor:pointer;transition:color .2s ease}.welcome-all-modes-btn:hover:not(:disabled){color:var(--color-primary)}.welcome-all-modes-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.welcome-home{padding:var(--spacing-md);align-items:flex-start;padding-top:var(--spacing-xl)}.welcome-home-content{max-width:100%}.welcome-greeting h1{font-size:1.5rem}.welcome-emoji{font-size:2.5rem}.welcome-desktop-only{display:none!important}.welcome-attach-wrapper{display:flex}.welcome-input-form{padding:var(--spacing-sm);gap:var(--spacing-xs)}.welcome-input{padding:var(--spacing-xs) var(--spacing-sm);font-size:16px}.welcome-mode-chip{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;min-height:44px}.welcome-mode-icon{width:20px;height:20px}.welcome-modes{gap:var(--spacing-sm)}.welcome-all-modes-btn{font-size:.9rem;min-height:44px}}@media(min-width:769px){.welcome-attach-wrapper,.welcome-input-form .chat-attach-wrapper{display:none!important}.welcome-desktop-only,.chat-desktop-only{display:flex}}.project-home{flex:1;display:flex;flex-direction:column;min-height:100%;overflow-y:auto}.project-home-breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);font-size:.875rem;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-primary);position:sticky;top:0;z-index:10}.breadcrumb-project{color:var(--color-text-secondary);font-weight:500}.breadcrumb-separator,.breadcrumb-current{color:var(--color-text-muted)}.project-home-content{flex:1;width:100%;max-width:720px;margin:0 auto;padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.project-home-header{display:flex;flex-direction:column;gap:var(--spacing-sm)}.project-home-title-row{display:flex;align-items:center;gap:var(--spacing-md)}.project-home-icon{color:var(--color-primary);flex-shrink:0}.project-home-title{font-size:1.75rem;font-weight:600;color:var(--color-text-primary);margin:0;flex:1}.project-home-edit-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.project-home-edit-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-alpha)}.project-home-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-left:calc(32px + var(--spacing-md))}.project-home-tag{padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:#fff}.project-default-mode{display:flex;align-items:center;gap:var(--spacing-xs);margin-left:calc(32px + var(--spacing-md));font-size:.875rem;color:var(--color-text-muted)}.project-default-mode-label{color:var(--color-text-muted)}.project-default-mode-name{color:var(--color-primary);font-weight:500}.project-section-separator{height:1px;background:var(--color-border-light);margin:var(--spacing-sm) 0}.project-section-separator-input{height:1px;background:var(--color-border-light);margin:var(--spacing-md) 0}.project-input-wrapper{width:100%;background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:visible;transition:border-color .2s ease,box-shadow .2s ease}.project-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.project-input-error{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-error-bg);color:var(--color-error);font-size:.875rem;border-bottom:1px solid var(--color-border-light)}.project-input-form{display:flex;align-items:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-lg)}.project-input-form .chat-attach-wrapper{order:-1;display:flex}.project-input-form .chat-attach-menu{z-index:1000}.project-input-form .chat-upload-btn{order:-1}.project-input{flex:1;min-height:44px;max-height:200px;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-primary);font-size:1rem;line-height:1.5;resize:none;outline:none;font-family:inherit}.project-input::placeholder{color:var(--color-text-muted)}.project-send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.project-send-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:scale(1.05)}.project-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.project-selected-mode{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-alpha);border:1px solid var(--color-primary);border-radius:var(--radius-full);font-size:.875rem;color:var(--color-primary);width:fit-content}.project-selected-mode-name{font-weight:500}.project-selected-mode-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--color-primary);cursor:pointer;border-radius:var(--radius-full);transition:background-color .2s ease}.project-selected-mode-clear:hover{background:var(--color-primary);color:#fff}.project-modes{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.project-mode-chip{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);background:var(--color-bg-primary);border-radius:var(--radius-full);font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.project-mode-chip:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-alpha)}.project-mode-chip.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.project-mode-chip.active .project-mode-icon{color:#fff}.project-mode-chip.demo{opacity:.6;cursor:not-allowed}.project-mode-chip:disabled{cursor:not-allowed}.project-mode-icon{flex-shrink:0}.project-mode-name{font-weight:500}.project-mode-demo-badge{padding:2px 6px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted)}.project-all-modes-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .2s ease;margin:0 auto}.project-all-modes-btn:hover:not(:disabled){opacity:.8}.project-all-modes-btn:disabled{opacity:.5;cursor:not-allowed}.project-instructions{display:flex;flex-direction:column;gap:var(--spacing-xs)}.project-instructions-header{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:0;border:none;background:transparent;color:var(--color-text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:color .2s ease}.project-instructions-header:hover{color:var(--color-primary)}.project-instructions-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.project-instructions-content.expanded{max-height:500px}.project-instructions-content:not(.expanded){max-height:80px}.project-instructions-text{padding:0;padding-left:calc(16px + var(--spacing-sm));margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;white-space:pre-wrap}.project-conversations{display:flex;flex-direction:column;gap:var(--spacing-sm)}.project-conversations-header{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.project-conversations-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.project-conversations-empty p{margin:0}.project-conversations-hint{font-size:.875rem;margin-top:var(--spacing-xs)!important}.project-conversations-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.project-conversation-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.project-conversation-item:hover{border-color:var(--color-primary);background:var(--color-primary-alpha)}.project-conversation-item:hover .conversation-icon,.project-conversation-item:hover .conversation-title{color:var(--color-primary)}.project-conversation-item .conversation-icon{color:var(--color-text-muted);flex-shrink:0}.project-conversation-item .conversation-title{flex:1;font-size:.9375rem;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-conversation-item .conversation-tags{display:flex;gap:4px;flex-shrink:0}.project-conversation-item .conversation-tag{padding:2px 6px;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:500;color:#fff}.project-conversation-item .conversation-tag-more{padding:2px 6px;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:500;color:var(--color-text-muted);background:var(--color-bg-tertiary)}@media(max-width:768px){.project-home-breadcrumb{padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem}.project-home-content{padding:var(--spacing-md);max-width:100%}.project-home-title{font-size:1.5rem}.project-home-icon{width:28px;height:28px}.project-home-tags,.project-default-mode{margin-left:0}.project-input-form{padding:var(--spacing-sm);gap:var(--spacing-xs)}.project-input{padding:var(--spacing-xs) var(--spacing-sm);font-size:16px}.project-input-form .chat-attach-wrapper{display:flex!important}.project-input-form .chat-desktop-only{display:none!important}.project-modes{justify-content:flex-start}}@media(min-width:769px){.project-input-form .chat-attach-wrapper{display:none!important}.project-input-form .chat-desktop-only{display:flex}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pricing-page{min-height:100vh;padding:3rem 1.5rem;background:var(--color-bg-primary, #f8f9fa);position:relative}.pricing-back-btn{position:absolute;top:1.5rem;left:1.5rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-bg-secondary, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;color:var(--color-text-secondary, #4b5563);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pricing-back-btn:hover{background:var(--color-bg-tertiary, #f3f4f6);color:var(--color-text-primary, #1f2937);border-color:var(--color-border-dark, #d1d5db)}.pricing-header{text-align:center;margin-bottom:3rem}.header-content{margin-bottom:2rem}.header-badge{display:inline-block;padding:.375rem 1rem;background:var(--color-primary-light, #dbeafe);color:var(--color-primary, #2563eb);font-size:.8rem;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.pricing-header h1{font-size:2.25rem;font-weight:700;color:var(--color-text-primary, #1a1a2e);margin:0 0 .75rem;line-height:1.2}.pricing-subtitle{font-size:1.05rem;color:var(--color-text-secondary, #4a4a68);margin:0;line-height:1.6}.billing-toggle-wrapper{display:flex;justify-content:center}.billing-toggle{display:inline-flex;background:var(--color-bg-secondary, #ffffff);border-radius:12px;padding:5px;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));border:1px solid var(--color-border-light, #e9ecef)}.toggle-btn{padding:.625rem 1.25rem;border:none;background:transparent;color:var(--color-text-secondary, #4a4a68);font-size:.9rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.toggle-btn:hover:not(.active){color:var(--color-text-primary, #1a1a2e)}.toggle-btn.active{background:var(--color-primary, #2563eb);color:#fff;box-shadow:0 2px 8px #2563eb4d}.discount-badge{background:#10b981;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:700}.toggle-btn.active .discount-badge{background:#ffffff40}.audience-toggle-wrapper{display:flex;justify-content:center;margin-bottom:1rem}.audience-toggle{display:inline-flex;background:var(--color-bg-secondary, #ffffff);border-radius:12px;padding:5px;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));border:1px solid var(--color-border-light, #e9ecef)}.audience-btn{padding:.75rem 1.5rem;border:none;background:transparent;color:var(--color-text-secondary, #4a4a68);font-size:.95rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.audience-btn:hover:not(.active){color:var(--color-text-primary, #1a1a2e);background:var(--color-bg-tertiary, #f3f4f6)}.audience-btn.active{background:var(--color-primary, #2563eb);color:#fff;box-shadow:0 2px 8px #2563eb4d}.current-plan-info{max-width:600px;margin:0 auto 1.5rem;padding:.75rem 1rem;background:var(--color-primary-light, #dbeafe);border:1px solid var(--color-primary, #2563eb);border-radius:8px;text-align:center;font-size:.9rem;color:var(--color-text-primary, #1a1a2e)}.current-plan-info .link-btn{background:none;border:none;color:var(--color-primary, #2563eb);font-weight:600;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}.current-plan-info .link-btn:hover{color:var(--color-primary-hover, #1d4ed8)}.pricing-error{max-width:600px;margin:0 auto 2rem;padding:.875rem 1rem;background:var(--color-error-light, #fee2e2);border:1px solid #fecaca;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:1rem}.error-content{display:flex;align-items:center;gap:.75rem}.error-content svg{width:20px;height:20px;color:var(--color-error, #dc2626);flex-shrink:0}.pricing-error p{color:var(--color-error, #dc2626);margin:0;font-size:.9rem}.error-close{background:transparent;border:none;padding:4px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .2s}.error-close:hover{background:#dc26261a}.error-close svg{width:18px;height:18px;color:var(--color-error, #dc2626)}.pricing-cards{display:grid;gap:1.5rem;max-width:900px;margin:0 auto}.pricing-cards.cards-3{grid-template-columns:repeat(3,1fr)}.pricing-cards.cards-2{grid-template-columns:repeat(2,1fr);max-width:650px}.pricing-card{background:var(--color-bg-secondary, #ffffff);border-radius:16px;position:relative;border:1px solid var(--color-border-light, #e9ecef);transition:all .3s ease;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));display:flex;flex-direction:column;overflow:hidden}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));border-color:var(--color-border, #dee2e6)}.pricing-card.current{border-color:var(--color-primary, #2563eb);border-width:2px}.pricing-card.popular{border-color:#8b5cf6;border-width:2px}.pricing-card.popular:hover{box-shadow:0 10px 25px -5px #8b5cf640}.pricing-card.highlighted{border-color:#f59e0b;border-width:3px;box-shadow:0 0 20px #f59e0b4d;animation:highlight-pulse 2s ease-in-out infinite}@keyframes highlight-pulse{0%,to{box-shadow:0 0 20px #f59e0b4d}50%{box-shadow:0 0 30px #f59e0b80}}.card-content{padding:1.75rem 1.5rem 1rem;flex:1}.card-footer{padding:0 1.5rem 1.75rem}.popular-badge{position:absolute;top:0;left:0;right:0;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:.5rem;font-size:.75rem;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.5px}.pricing-card.popular .card-content{padding-top:3rem}.cancelling-badge{position:absolute;top:0;left:0;right:0;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.5rem;font-size:.75rem;font-weight:600;text-align:center;letter-spacing:.3px}.pricing-card.cancelling{border-color:#f59e0b}.pricing-card.cancelling .card-content{padding-top:3rem}.card-header{text-align:center;margin-bottom:1.25rem}.card-header h2{font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #1a1a2e);margin:0 0 1rem}.price-container{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:.25rem}.price-display{display:flex;align-items:flex-start}.price-currency{font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #1a1a2e);margin-top:.5rem}.price-main{font-size:2.75rem;font-weight:700;color:var(--color-text-primary, #1a1a2e);line-height:1}.price-period{font-size:.9rem;color:var(--color-text-muted, #6c757d);margin-left:2px}.price-details{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:.25rem}.price-suffix{font-size:.85rem;font-weight:600;color:var(--color-text-secondary, #4a4a68)}.price-secondary{font-size:.8rem;color:var(--color-text-muted, #6c757d)}.yearly-savings{display:inline-block;margin-top:.5rem;background:var(--color-success-light, #dcfce7);color:var(--color-success, #16a34a);padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.card-description{text-align:center;color:var(--color-text-secondary, #4a4a68);font-size:.9rem;margin:0 0 1.25rem;min-height:40px;line-height:1.4}.features-list{list-style:none;padding:0;margin:0}.features-list li{display:flex;align-items:flex-start;gap:.625rem;padding:.5rem 0;color:var(--color-text-secondary, #4a4a68);font-size:.875rem;line-height:1.4}.feature-icon{width:18px;height:18px;flex-shrink:0;color:var(--color-success, #16a34a);margin-top:1px}.features-list li.feature-disabled,.features-list li.feature-disabled .feature-icon{color:var(--color-text-muted, #6c757d)}.subscribe-btn{width:100%;padding:.875rem 1rem;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.subscribe-btn.primary{background:var(--color-primary, #2563eb);color:#fff}.subscribe-btn.primary:hover:not(:disabled){background:var(--color-primary-hover, #1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.subscribe-btn.secondary,.subscribe-btn.outline{background:transparent;border:1px solid var(--color-border, #dee2e6);color:var(--color-text-primary, #1a1a2e)}.subscribe-btn.secondary:hover:not(:disabled),.subscribe-btn.outline:hover:not(:disabled){background:var(--color-bg-tertiary, #f0f2f5);border-color:var(--color-text-muted, #6c757d)}.subscribe-btn.current{background:var(--color-bg-tertiary, #f0f2f5);color:var(--color-text-muted, #6c757d);cursor:default;border:1px solid var(--color-border-light, #e9ecef)}.subscribe-btn.downgrade{background:transparent;border:1px solid var(--color-border, #dee2e6);color:var(--color-text-secondary, #4a4a68)}.subscribe-btn.downgrade:hover:not(:disabled){background:var(--color-bg-tertiary, #f0f2f5);border-color:var(--color-warning, #ca8a04);color:var(--color-warning, #ca8a04)}.subscribe-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.subscribe-btn.disabled{background:var(--color-bg-tertiary, #f0f2f5);color:var(--color-text-muted, #6c757d);cursor:not-allowed;border:1px solid var(--color-border-light, #e9ecef)}.btn-loading{display:inline-flex;align-items:center;gap:.5rem}.spinner-small{width:18px;height:18px;animation:spin 1s linear infinite}.pricing-footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border-light, #e9ecef)}.footer-info{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem}.footer-item{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted, #6c757d);font-size:.875rem}.footer-item svg{width:18px;height:18px;color:var(--color-text-muted, #6c757d)}.manage-subscription-btn{padding:.75rem 1.5rem;background:transparent;border:1px solid var(--color-border, #dee2e6);border-radius:8px;color:var(--color-text-primary, #1a1a2e);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.manage-subscription-btn:hover{background:var(--color-bg-secondary, #ffffff);border-color:var(--color-primary, #2563eb);color:var(--color-primary, #2563eb)}.pricing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.pricing-loading p{color:var(--color-text-secondary, #4a4a68);font-size:.95rem}.spinner{width:40px;height:40px;border:3px solid var(--color-border-light, #e9ecef);border-top-color:var(--color-primary, #2563eb);border-radius:50%;animation:spin 1s linear infinite}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-bg-secondary, #ffffff);border-radius:16px;max-width:440px;width:100%;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem 1.5rem 1rem}.modal-header svg{width:24px;height:24px;color:var(--color-warning, #ca8a04)}.modal-header h3{font-size:1.1rem;font-weight:600;color:var(--color-text-primary, #1a1a2e);margin:0}.modal-body{padding:0 1.5rem 1rem}.modal-body>p{color:var(--color-text-secondary, #4a4a68);font-size:.95rem;margin:0 0 1rem}.downgrade-warnings{list-style:none;padding:0;margin:0;background:var(--color-warning-light, #fef9c3);border-radius:8px;padding:1rem}.downgrade-warnings li{color:var(--color-text-primary, #1a1a2e);font-size:.875rem;padding:.375rem 0 .375rem 1.25rem;position:relative}.downgrade-warnings li:before{content:"•";position:absolute;left:0;color:var(--color-warning, #ca8a04);font-weight:700}.modal-actions{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem}.modal-btn{flex:1;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-btn.cancel{background:transparent;border:1px solid var(--color-border, #dee2e6);color:var(--color-text-primary, #1a1a2e)}.modal-btn.cancel:hover{background:var(--color-bg-tertiary, #f0f2f5)}.modal-btn.confirm{background:var(--color-warning, #ca8a04);border:none;color:#fff}.modal-btn.confirm:hover:not(:disabled){background:#b07a04}.modal-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:900px){.pricing-cards.cards-3,.pricing-cards.cards-2{grid-template-columns:repeat(2,1fr);max-width:600px}}@media(max-width:640px){.pricing-page{padding:2rem 1rem}.pricing-header h1{font-size:1.75rem}.pricing-subtitle{font-size:.95rem}.pricing-cards.cards-3,.pricing-cards.cards-2{grid-template-columns:1fr;max-width:380px}.audience-btn{padding:.625rem 1rem;font-size:.875rem}.audience-btn svg{width:16px;height:16px}.price-main{font-size:2.25rem}.footer-info{flex-direction:column;gap:1rem}.modal-actions{flex-direction:column-reverse}}[data-theme=dark] .pricing-page{background:var(--color-bg-primary)}[data-theme=dark] .header-badge{background:#2563eb33}[data-theme=dark] .billing-toggle{background:var(--color-bg-tertiary);border-color:var(--color-border)}[data-theme=dark] .pricing-card{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .yearly-savings{background:#10b98126;color:#34d399}[data-theme=dark] .pricing-error{background:#dc26261a;border-color:#dc26264d}[data-theme=dark] .modal-content{background:var(--color-bg-secondary)}[data-theme=dark] .downgrade-warnings{background:#ca8a0426}[data-theme=dark] .audience-toggle{background:var(--color-bg-tertiary);border-color:var(--color-border)}[data-theme=dark] .current-plan-info{background:#2563eb26;border-color:#2563eb66}.subscription-result-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-primary)}.result-card{background:var(--bg-secondary);border-radius:16px;padding:3rem;max-width:500px;width:100%;text-align:center;box-shadow:0 4px 20px #00000014}.result-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.result-icon svg{width:40px;height:40px}.result-icon.success{background:#dcfce7;color:#16a34a}.result-icon.cancel{background:#fee2e2;color:#dc2626}.result-card h1{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.result-message{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem}.result-message strong{color:var(--text-primary)}.result-details{background:var(--bg-tertiary);border-radius:8px;padding:1rem;margin-bottom:2rem}.result-details p{margin:.5rem 0;color:var(--text-secondary);font-size:.95rem}.result-actions{display:flex;flex-direction:column;gap:1rem}.primary-btn{padding:1rem 2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.primary-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.secondary-btn{padding:.75rem 1.5rem;background:transparent;color:var(--text-secondary);border:2px solid var(--border-color);border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.secondary-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.redirect-notice{color:var(--text-tertiary);font-size:.9rem;margin:0}.session-id{margin-top:2rem;font-size:.8rem;color:var(--text-tertiary);font-family:monospace}@media(max-width:480px){.result-card{padding:2rem}.result-icon{width:60px;height:60px}.result-icon svg{width:30px;height:30px}.result-card h1{font-size:1.5rem}}.subscription-expired-banner{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;gap:12px;padding:12px 20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #f59e0b;box-shadow:0 2px 8px #f59e0b33;transform:translateY(-100%);opacity:0;transition:opacity .3s ease,transform .3s ease}.subscription-expired-banner--visible{opacity:1;transform:translateY(0)}.subscription-expired-banner__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#f59e0b33;color:#b45309;flex-shrink:0}.subscription-expired-banner__content{flex:1;min-width:0}.subscription-expired-banner__message{margin:0;font-size:14px;color:#78350f;line-height:1.4;font-weight:500}.subscription-expired-banner__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.subscription-expired-banner__action-btn{display:flex;align-items:center;gap:4px;padding:8px 16px;background:#b45309;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.subscription-expired-banner__action-btn:hover{background:#92400e}.subscription-expired-banner__dismiss{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:#92400e;cursor:pointer;transition:background .2s,color .2s}.subscription-expired-banner__dismiss:hover{background:#b453091a;color:#78350f}[data-theme=dark] .subscription-expired-banner{background:linear-gradient(135deg,#451a03,#78350f);border-bottom-color:#b45309}[data-theme=dark] .subscription-expired-banner__icon{background:#f59e0b33;color:#fbbf24}[data-theme=dark] .subscription-expired-banner__message{color:#fef3c7}[data-theme=dark] .subscription-expired-banner__action-btn{background:#f59e0b;color:#451a03}[data-theme=dark] .subscription-expired-banner__action-btn:hover{background:#fbbf24}[data-theme=dark] .subscription-expired-banner__dismiss{color:#fbbf24}[data-theme=dark] .subscription-expired-banner__dismiss:hover{background:#fbbf241a;color:#fef3c7}@media(max-width:640px){.subscription-expired-banner{padding:10px 12px;gap:10px}.subscription-expired-banner__icon{width:32px;height:32px}.subscription-expired-banner__message{font-size:13px}.subscription-expired-banner__action-btn{padding:6px 12px;font-size:12px}}@font-face{font-family:OpenDyslexic;src:url(https://cdn.jsdelivr.net/npm/open-dyslexic@1.0.3/woff/OpenDyslexic-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(https://cdn.jsdelivr.net/npm/open-dyslexic@1.0.3/woff/OpenDyslexic-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--color-bg-primary: #f8f9fa;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f0f2f5;--color-bg-hover: #e9ecef;--color-bg-active: #dee2e6;--color-text-primary: #1a1a2e;--color-text-secondary: #4a4a68;--color-text-muted: #6c757d;--color-text-inverse: #ffffff;--color-border: #dee2e6;--color-border-light: #e9ecef;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #dbeafe;--color-accent-red: #dc2626;--color-accent-red-light: #fee2e2;--color-success: #16a34a;--color-success-light: #dcfce7;--color-warning: #ca8a04;--color-warning-light: #fef9c3;--color-error: #dc2626;--color-error-light: #fee2e2;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--sidebar-width: 300px;--header-height: 60px}[data-theme=dark]{--color-bg-primary: #0f0f1a;--color-bg-secondary: #1a1a2e;--color-bg-tertiary: #252542;--color-bg-hover: #2d2d4a;--color-bg-active: #3d3d5c;--color-text-primary: #f0f0f5;--color-text-secondary: #b0b0c0;--color-text-muted: #808090;--color-text-inverse: #1a1a2e;--color-border: #3d3d5c;--color-border-light: #2d2d4a;--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-light: #1e3a5f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary)}body.dyslexic-font{font-family:OpenDyslexic,Poppins,sans-serif}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.5;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-hover)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-error);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-danger-outline{background-color:transparent;color:var(--color-error);border:1px solid var(--color-error)}.btn-danger-outline:hover:not(:disabled){background-color:var(--color-error);color:var(--color-text-inverse)}.btn-full{width:100%}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.label-optional{font-weight:400;color:var(--color-text-muted)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:.9375rem;color:var(--color-text-primary);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-group input:disabled{background-color:var(--color-bg-tertiary);cursor:not-allowed}.form-group input::placeholder{color:var(--color-text-muted)}.form-hint{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);font-size:.8125rem;color:var(--color-text-muted);border-left:2px solid rgba(59,130,246,.4)}.char-counter{margin-top:var(--spacing-xs);font-size:.75rem;color:var(--color-text-muted);text-align:right}.char-counter-danger{color:var(--color-error);font-weight:600}.form-group-danger{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.form-group-danger .danger-label{color:var(--color-error);font-weight:600;margin-bottom:var(--spacing-md)}.delete-confirm{display:flex;flex-direction:column;gap:var(--spacing-md)}.delete-confirm-warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:.875rem;line-height:1.5}.delete-confirm-warning svg{flex-shrink:0;margin-top:2px}.delete-confirm-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.form-group-export{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.export-controls{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.export-format-selector{display:flex;gap:var(--spacing-xs)}.export-format-btn{display:flex;align-items:center;gap:6px;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);border:2px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.export-format-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.export-format-btn.active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.export-format-btn:disabled{opacity:.5;cursor:not-allowed}.btn-success{background-color:var(--color-success);color:var(--color-text-inverse)}.btn-success:hover:not(:disabled){background-color:#15803d}.pending-files-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.pending-file-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:.875rem}.pending-file-item .file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-file-item .file-size{color:var(--color-text-muted);font-size:.75rem}.pending-file-item .delete-btn{color:var(--color-text-muted);padding:2px}.pending-file-item .delete-btn:hover{color:var(--color-danger)}.file-upload-zone{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.file-upload-zone .upload-hint{font-size:.75rem;color:var(--color-text-muted)}.form-row{display:flex;gap:var(--spacing-md)}.input-with-icon{position:relative}.input-with-icon input{padding-right:2.75rem}.input-icon-btn{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);padding:var(--spacing-xs);background:none;border:none;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast)}.input-icon-btn:hover{color:var(--color-text-primary)}.toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.toggle{position:relative;width:44px;height:24px;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast)}.toggle.active{background-color:var(--color-primary);border-color:var(--color-primary)}.toggle-slider{position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:var(--color-text-inverse);border-radius:var(--radius-full);transition:transform var(--transition-fast)}.toggle.active .toggle-slider{transform:translate(20px)}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg);background-color:#f8f9fa}.auth-card{width:100%;max-width:400px;padding:var(--spacing-2xl);background-color:#fff;border-radius:var(--radius-xl);box-shadow:0 4px 24px #00000014}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-logo{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.auth-subtitle{font-size:.9375rem;color:#64748b}.auth-form{margin-bottom:var(--spacing-lg)}.auth-form .form-group label{color:#374151}.auth-form .form-group input{background-color:#fff;border-color:#d1d5db;color:#1f2937}.auth-form .form-group input::placeholder{color:#9ca3af}.auth-form .form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.auth-form .input-icon-btn{color:#6b7280}.auth-form .input-icon-btn:hover{color:#374151}.auth-error{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);font-size:.875rem;color:#dc2626;background-color:#fef2f2;border-radius:var(--radius-md)}.auth-info{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);font-size:.875rem;color:#0369a1;background-color:#f0f9ff;border-radius:var(--radius-md);border-left:3px solid #0ea5e9}.auth-footer{text-align:center;font-size:.875rem;color:#64748b}.auth-footer a{color:var(--color-primary)}.auth-footer a:hover{color:#1d4ed8}.text-link{color:var(--color-primary);text-decoration:none}.text-link:hover{color:#1d4ed8;text-decoration:underline}.auth-separator{display:flex;align-items:center;margin:var(--spacing-lg) 0;color:#9ca3af;font-size:.875rem}.auth-separator:before,.auth-separator:after{content:"";flex:1;height:1px;background-color:#e5e7eb}.auth-separator span{padding:0 var(--spacing-md)}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:.9375rem;font-weight:500;color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.btn-google:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-google:disabled{opacity:.6;cursor:not-allowed}.btn-google svg{width:20px;height:20px}.loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.logo-spinner{animation:spin 1s linear infinite;display:inline-block}.logo-spinner-small{width:20px;height:20px}.logo-spinner-medium{width:32px;height:32px}.logo-spinner-large{width:48px;height:48px}.searching-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--color-primary-light);border-radius:var(--radius-full);font-size:.75rem;color:var(--color-primary);animation:searching-fade-in .2s ease}.searching-indicator-icon{display:flex;align-items:center;justify-content:center}.searching-globe{animation:searching-pulse 1.5s ease-in-out infinite}.searching-indicator-text{font-weight:500;white-space:nowrap}@keyframes searching-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes searching-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}[data-theme=dark] .searching-indicator{background:#2563eb26;color:#60a5fa}.logo{display:inline-block;object-fit:contain}.logo-square{border-radius:50%}.app-layout{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-bg-primary)}.sidebar{width:var(--sidebar-width);height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border-light)}.sidebar-header{padding:var(--spacing-lg);text-align:center}.sidebar-logo{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.sidebar-quick-actions{display:flex;flex-direction:column;padding:0 var(--spacing-md) var(--spacing-md)}.sidebar-quick-btn{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-xs);background-color:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.sidebar-quick-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text-secondary)}.sidebar-quick-btn svg{flex-shrink:0}.sidebar-quick-btn span{flex:1;text-align:left;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.sidebar-quick-btn kbd{flex-shrink:0;font-size:.65rem;font-weight:400!important;padding:2px 5px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:inherit;text-transform:none;letter-spacing:normal;border:1px solid var(--color-border)}.search-modal-overlay{display:flex;justify-content:center;padding-top:15vh}.search-modal{width:100%;max-width:560px;max-height:70vh;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 0 1px var(--color-border);display:flex;flex-direction:column;overflow:hidden;animation:search-modal-in .15s ease-out}@keyframes search-modal-in{0%{opacity:0;transform:scale(.96) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.search-modal-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.search-modal-icon{color:var(--color-text-muted);flex-shrink:0}.search-modal-input{flex:1;border:none;background:transparent;font-size:1rem;color:var(--color-text-primary);outline:none}.search-modal-input::placeholder{color:var(--color-text-muted)}.search-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.search-modal-close:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.search-modal-results{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.search-modal-section-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-xs)}.search-modal-result{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.search-modal-result:hover,.search-modal-result.selected{background-color:var(--color-bg-hover)}.search-modal-result-icon{color:var(--color-text-muted);flex-shrink:0}.search-modal-result-title{flex:1;font-size:.875rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-modal-result-type{font-size:.75rem;color:var(--color-text-muted);flex-shrink:0}.search-modal-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted);font-size:.875rem}.search-modal-footer{display:flex;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border);background-color:var(--color-bg-tertiary)}.search-modal-hint{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--color-text-muted)}.search-modal-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:2px 5px;font-size:.7rem;font-family:inherit;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--color-border)}.sidebar-content{flex:1;padding:var(--spacing-md);overflow-y:auto;display:flex;flex-direction:column;min-height:0}.sidebar-section{margin-bottom:var(--spacing-md)}.sidebar-section-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xs);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.sidebar-section-header:hover{background-color:var(--color-bg-hover)}.sidebar-section-header-static{cursor:default}.sidebar-section-header-static:hover{background-color:transparent}.sidebar-section-icon{color:var(--color-text-muted);flex-shrink:0}.sidebar-section-recent .sidebar-section-icon{color:var(--color-text-muted)}.sidebar-section-title{flex:1;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.sidebar-help-icon{position:relative;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);opacity:.6;cursor:help;transition:opacity .2s,color .2s}.sidebar-help-icon:hover{opacity:1;color:var(--color-primary)}.sidebar-help-icon[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:10px;right:auto;padding:8px 10px;background-color:var(--color-text-primary);color:var(--color-bg-primary);font-size:.7rem;font-weight:400;text-transform:none;letter-spacing:0;line-height:1.4;white-space:normal;width:250px;text-align:left;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none;z-index:1000}.sidebar-help-icon[data-tooltip]:hover:after{opacity:1;visibility:visible}.sidebar-section-add{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:none;border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.sidebar-section-add:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.sidebar-section-content{padding-left:var(--spacing-md);margin-top:var(--spacing-xs);max-height:200px;overflow-y:auto}.sidebar-section-recent{padding-bottom:var(--spacing-md);margin-top:auto;flex-shrink:0}.sidebar-section-projects{flex:1 1 0;margin-bottom:0}.sidebar-create-form{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md)}.sidebar-create-form input{width:100%;padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:.875rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.sidebar-create-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.sidebar-projects{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;overflow-y:auto;padding-right:var(--spacing-xs)}.sidebar-projects-list{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-left:var(--spacing-md);margin-top:var(--spacing-xs);flex:1 1 0;min-height:0;overflow-y:auto}.sidebar-projects-list.collapsed{margin-top:0;padding:0}.sidebar-new-project-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px dashed var(--color-border);background:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);width:100%}.sidebar-new-project-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-alpha)}.sidebar-project-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.sidebar-project-link:hover{background-color:var(--color-bg-hover)}.sidebar-project-link.active{background-color:var(--color-primary-light)}.sidebar-project-link.active .sidebar-project-link-icon,.sidebar-project-link.active .sidebar-project-link-name{color:var(--color-primary)}.sidebar-project-link.tag-highlighted{background-color:#6366f11a;border-left:2px solid var(--color-primary);padding-left:calc(var(--spacing-sm) - 2px)}.sidebar-project-link-icon{color:var(--color-text-muted);flex-shrink:0}.sidebar-project-link-name{flex:1;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary)}.sidebar-project-link-tags{display:flex;gap:4px;flex-shrink:0}.sidebar-project-link-tag{padding:2px 6px;border-radius:var(--radius-sm);font-size:.625rem;font-weight:500;color:#fff;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-project-link-tag-more{padding:2px 6px;border-radius:var(--radius-sm);font-size:.625rem;font-weight:500;color:var(--color-text-muted);background:var(--color-bg-tertiary)}.sidebar-project-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.sidebar-project-header:hover{background-color:var(--color-bg-hover)}.sidebar-project-header.active{background-color:var(--color-primary-light);color:var(--color-primary)}.sidebar-project-header.tag-highlighted{background-color:#6366f126;border-left:3px solid var(--color-primary)}.sidebar-expand-btn{padding:0;background:none;border:none;color:var(--color-text-muted);cursor:pointer}.sidebar-project-name{flex:1;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-actions{display:none}.sidebar-project-header:hover .sidebar-item-actions,.sidebar-conversation:hover .sidebar-item-actions{display:flex}.sidebar-action-btn{padding:var(--spacing-xs);background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.sidebar-action-btn:hover{background-color:var(--color-bg-active);color:var(--color-error)}.sidebar-conversations{margin-left:var(--spacing-lg);padding-left:var(--spacing-sm);border-left:1px solid var(--color-border-light)}.sidebar-new-conversation{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem;color:var(--color-text-muted);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.sidebar-new-conversation:hover{color:var(--color-primary)}.sidebar-conversation{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.sidebar-conversation:hover{background-color:var(--color-bg-hover)}.sidebar-conversation.active{background-color:var(--color-primary-light);color:var(--color-primary)}.sidebar-conversation.tag-highlighted{background-color:#6366f126;border-left:3px solid var(--color-primary)}.sidebar-conversation-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.sidebar-conversation-edit{flex:1;min-width:0;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--color-text-primary);outline:none}.sidebar-conversation-edit:focus{box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.sidebar-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted)}.sidebar-empty p{font-size:.875rem}.sidebar-empty-hint{margin-top:var(--spacing-sm);font-size:.8125rem;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.sidebar-footer{padding:var(--spacing-md)}.sidebar-footer-buttons{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.sidebar-help-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);flex:1;padding:var(--spacing-sm) var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.8125rem;cursor:pointer;transition:all .2s ease}.sidebar-help-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-help-btn svg{flex-shrink:0}.sidebar-user{display:flex;align-items:center;justify-content:space-between}.sidebar-user-email{font-size:.8125rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-actions{display:flex;gap:var(--spacing-xs)}.dashboard-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.dashboard-empty-content{text-align:center;color:var(--color-text-muted)}.dashboard-empty-content svg{margin-bottom:var(--spacing-lg);color:var(--color-border)}.dashboard-empty-content h2{margin-bottom:var(--spacing-sm);font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.dashboard-empty-content p{font-size:.9375rem}.dashboard-hint{margin-top:var(--spacing-md);font-size:.8125rem;color:var(--color-text-muted)}.chat-window{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);gap:var(--spacing-md)}.chat-breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9375rem;min-width:0;flex:1}.chat-breadcrumb-project{color:var(--color-text-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;background:none;border:none;padding:0;font-size:inherit;font-family:inherit;cursor:pointer;transition:color var(--transition-fast)}.chat-breadcrumb-project:hover{color:var(--color-primary)}.chat-breadcrumb-separator{color:var(--color-text-muted);flex-shrink:0}.chat-breadcrumb-conversation{font-size:.9rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:background-color .2s}.chat-breadcrumb-conversation:hover{background-color:var(--color-bg-secondary)}.chat-title-edit-icon{opacity:.4;transition:opacity .2s;flex-shrink:0}.chat-breadcrumb-conversation:hover .chat-title-edit-icon{opacity:1}.chat-title-input{font-size:.95rem;font-weight:600;color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:4px 8px;min-width:200px;max-width:400px;outline:none}.chat-title-input:focus{box-shadow:0 0 0 2px #6366f133}.chat-header-tags{display:flex;align-items:center;gap:var(--spacing-sm);position:relative;flex-shrink:0}.chat-header-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.chat-header-action-btn:hover{background-color:var(--color-bg-hover);color:var(--color-primary)}.chat-header-add-tag-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:4px 10px;border-radius:var(--radius-md);border:1px dashed var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:.8125rem}.chat-header-add-tag-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-bg)}.chat-header-add-tag-text{white-space:nowrap}.chat-header-tag-dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;max-width:280px;z-index:100;overflow:hidden}.chat-header-tag-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-light);font-size:.8125rem;font-weight:600;color:var(--color-text-secondary)}.chat-header-tag-dropdown-close{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.chat-header-tag-dropdown-close:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.chat-header-tag-dropdown-list{max-height:200px;overflow-y:auto;padding:var(--spacing-xs)}.chat-header-tag-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;text-align:left;font-size:.875rem;color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.chat-header-tag-dropdown-item:hover{background-color:var(--color-bg-tertiary)}.chat-header-tag-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.chat-header-tag-dropdown-empty{padding:var(--spacing-md);text-align:center;font-size:.8125rem;color:var(--color-text-muted)}.chat-header-tag-search{padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--color-border-light)}.chat-header-tag-search input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.8125rem;background-color:var(--color-bg-primary);color:var(--color-text-primary)}.chat-header-tag-search input:focus{outline:none;border-color:var(--color-primary)}.chat-header-tag-create-btn{color:var(--color-primary)!important;font-weight:500}.chat-header-tag-create-btn:hover{background-color:var(--color-primary-bg)!important}.chat-header-tag-new-btn{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;border-top:1px solid var(--color-border-light);background:transparent;font-size:.8125rem;color:var(--color-primary);cursor:pointer;transition:background-color var(--transition-fast)}.chat-header-tag-new-btn:hover{background-color:var(--color-primary-bg)}.chat-header-tag-create-form{padding:var(--spacing-sm)}.chat-header-tag-create-form-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-xs) var(--spacing-sm);font-size:.8125rem;font-weight:600;color:var(--color-text-secondary)}.chat-header-tag-name-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;background-color:var(--color-bg-primary);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.chat-header-tag-name-input:focus{outline:none;border-color:var(--color-primary)}.chat-header-tag-colors{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.chat-header-tag-color-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.chat-header-tag-color-btn:hover{transform:scale(1.1)}.chat-header-tag-color-btn.active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-bg-primary)}.chat-header-tag-create-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-xs)}.chat-messages{flex:1;padding:var(--spacing-lg);overflow-y:auto}.chat-welcome{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.chat-welcome h3{margin-bottom:var(--spacing-sm);font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--color-text-muted);min-height:200px}.chat-empty-hint{font-size:.9375rem;margin:0}.chat-message{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);max-width:800px;margin-left:auto;margin-right:auto}.chat-message.user{flex-direction:row-reverse}.chat-message-avatar{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-secondary)}.chat-message.user .chat-message-avatar{background-color:var(--color-primary);color:var(--color-text-inverse)}.chat-message.assistant .chat-message-avatar{background-color:var(--color-bg-tertiary)}.chat-message-avatar.thinking{position:relative}.chat-message-avatar img.logo-square{transition:transform .5s ease-out,filter .5s ease-out;transform-origin:center center}.chat-message-avatar.thinking img.logo-square{animation:thinking-spin-pulse 2s linear infinite}.thinking-message-bubble{font-size:1em;color:var(--color-text-secondary);font-style:italic;animation:thinking-fade-bubble .3s ease-in-out}@keyframes thinking-spin-pulse{0%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0 rgba(37,99,235,0))}25%{transform:scale(1.25) rotate(180deg);filter:drop-shadow(0 0 4px rgba(37,99,235,.4))}50%{transform:scale(1.5) rotate(360deg);filter:drop-shadow(0 0 6px rgba(37,99,235,.5))}75%{transform:scale(1.25) rotate(540deg);filter:drop-shadow(0 0 4px rgba(37,99,235,.4))}to{transform:scale(1) rotate(720deg);filter:drop-shadow(0 0 0 rgba(37,99,235,0))}}@keyframes thinking-fade-bubble{0%{opacity:0}to{opacity:1}}@keyframes thinking-fade{0%{opacity:0;transform:translateY(-50%) translate(-5px)}to{opacity:1;transform:translateY(-50%) translate(0)}}[data-theme=dark] .chat-message-avatar.thinking img.logo-square{animation:thinking-spin-pulse-dark 2s linear infinite}@keyframes thinking-spin-pulse-dark{0%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0 rgba(96,165,250,0))}25%{transform:scale(1.25) rotate(180deg);filter:drop-shadow(0 0 4px rgba(96,165,250,.4))}50%{transform:scale(1.5) rotate(360deg);filter:drop-shadow(0 0 6px rgba(96,165,250,.5))}75%{transform:scale(1.25) rotate(540deg);filter:drop-shadow(0 0 4px rgba(96,165,250,.4))}to{transform:scale(1) rotate(720deg);filter:drop-shadow(0 0 0 rgba(96,165,250,0))}}.chat-message-content{flex:1;max-width:calc(100% - 52px)}.chat-message.user .chat-message-content{text-align:right}.chat-message-text{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);text-align:left;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.chat-message.user .chat-message-text{background-color:var(--color-primary);color:var(--color-text-inverse)}.chat-message-text p{margin:0}.chat-message-text p+p{margin-top:var(--spacing-sm)}.message-files-container{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.message-file-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background-color:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-full);font-size:.8rem;font-weight:500;max-width:200px}.message-file-icon{flex-shrink:0;opacity:.9}.message-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-file-size{flex-shrink:0;font-size:.7rem;opacity:.7;margin-left:2px}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin:0 0 var(--spacing-sm) 0;font-weight:600;line-height:1.3}.markdown-content h1{font-size:1.5rem}.markdown-content h2{font-size:1.3rem}.markdown-content h3{font-size:1.15rem}.markdown-content h4{font-size:1.05rem}.markdown-content h5,.markdown-content h6{font-size:1rem}.markdown-content p{margin:0 0 var(--spacing-sm) 0}.markdown-content p:last-child{margin-bottom:0}.markdown-content ul,.markdown-content ol{margin:0 0 var(--spacing-sm) 0;padding-left:1.5rem}.markdown-content li{margin-bottom:var(--spacing-xs)}.markdown-content li:last-child{margin-bottom:0}.markdown-content strong{font-weight:600}.markdown-content em{font-style:italic}.markdown-content code{background-color:#0000001a;padding:.15rem .4rem;border-radius:var(--radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.code-block-wrapper{position:relative;margin:var(--spacing-sm) 0}.code-block-wrapper pre{background-color:#00000026;padding:var(--spacing-sm) var(--spacing-md);padding-top:calc(var(--spacing-sm) + 32px);border-radius:var(--radius-md);overflow-x:auto;max-width:100%;margin:0}.code-block-wrapper pre code{background-color:transparent;padding:0;font-size:.85rem;line-height:1.5;display:block}.code-block-wrapper pre.is-code code{white-space:pre}.code-block-wrapper pre.is-text code{white-space:pre-wrap;word-wrap:break-word}.code-copy-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:4px 10px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.75rem;cursor:pointer;transition:all .15s;z-index:10}.code-copy-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-text-muted)}.code-copy-btn.copied{color:var(--color-success);border-color:var(--color-success);background-color:#22c55e1a}.markdown-content pre:not(.code-block-wrapper pre){background-color:#00000026;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin:var(--spacing-sm) 0;max-width:100%}.markdown-content pre:not(.code-block-wrapper pre) code{background-color:transparent;padding:0;font-size:.85rem;line-height:1.5;display:block;white-space:pre-wrap;word-wrap:break-word}.markdown-content blockquote{border-left:3px solid var(--color-primary);margin:var(--spacing-sm) 0;padding-left:var(--spacing-md);color:var(--color-text-muted);font-style:italic}.markdown-content table{border-collapse:collapse;width:100%;margin:var(--spacing-sm) 0;font-size:.9rem}.markdown-content th,.markdown-content td{border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-sm);text-align:left}.markdown-content th{background-color:#0000000d;font-weight:600}.markdown-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-md) 0}.markdown-content a{color:var(--color-primary);text-decoration:underline}.markdown-content a:hover{opacity:.8}.markdown-content blockquote a[href*="/pricing"]{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:8px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff!important;text-decoration:none!important;font-style:normal;font-weight:600;font-size:14px;border-radius:8px;box-shadow:0 2px 8px #10b9814d;transition:all .2s ease}.markdown-content blockquote a[href*="/pricing"]:hover{opacity:1!important;background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.markdown-content blockquote:has(a[href*="/pricing"]){background:linear-gradient(135deg,#3b82f614,#2563eb0d);border-left:3px solid var(--color-primary);border-radius:0 8px 8px 0;padding:12px 16px;font-style:normal;color:var(--color-text)}.markdown-content blockquote:has(a[href*="/pricing"]) strong{color:var(--color-text)}.markdown-image{max-width:100%;height:auto;border-radius:var(--radius-md);cursor:zoom-in;transition:opacity .2s;margin:var(--spacing-sm) 0}.markdown-image:hover{opacity:.9}.image-modal-overlay{position:fixed;inset:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out;padding:var(--spacing-lg)}.image-modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:#ffffff1a;border:none;border-radius:var(--radius-full);color:#fff;padding:var(--spacing-sm);cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.image-modal-close:hover{background:#fff3}.image-modal-content{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-md);cursor:default}[data-theme=dark] .markdown-content code,[data-theme=dark] .markdown-content pre{background-color:#ffffff1a}[data-theme=dark] .markdown-content th{background-color:#ffffff0d}.chat-message-meta{margin-top:var(--spacing-xs);font-size:.75rem;color:var(--color-text-muted)}.chat-message-actions{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xs);opacity:1}.chat-action-btn{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.chat-action-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.chat-action-btn.copied{color:var(--color-success)}.export-dropdown{position:relative;display:inline-block}.export-btn{display:flex;align-items:center;gap:2px}.export-btn .dropdown-arrow{margin-left:-2px;transition:transform var(--transition-fast)}.export-dropdown:hover .dropdown-arrow{transform:translateY(1px)}.export-dropdown-overlay{position:fixed;inset:0;z-index:98}.export-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:140px;padding:4px;z-index:99;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.export-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.875rem;font-family:inherit;text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.export-dropdown-item:hover:not(:disabled){background-color:var(--color-bg-hover)}.export-dropdown-item:disabled{opacity:.5;cursor:not-allowed}.model-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:500;color:var(--model-color, var(--color-text-muted));background-color:color-mix(in srgb,var(--model-color, var(--color-text-muted)) 10%,transparent);border:1px solid color-mix(in srgb,var(--model-color, var(--color-text-muted)) 30%,transparent);border-radius:var(--radius-full);cursor:default}.model-badge-small{font-size:.6875rem;padding:1px 6px}.model-badge-medium{font-size:.8125rem;padding:3px 10px}.model-badge-fallback{opacity:.7}.model-badge-icon{font-size:1em}.model-badge-name{white-space:nowrap}.message-rating{display:inline-flex;align-items:center;gap:2px;margin-left:auto}.message-rating-btn{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.message-rating-btn:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.message-rating-btn:disabled{cursor:not-allowed;opacity:.5}.message-rating-btn.active.positive{color:var(--color-success);background-color:color-mix(in srgb,var(--color-success) 15%,transparent)}.message-rating-btn.active.negative{color:var(--color-error);background-color:color-mix(in srgb,var(--color-error) 15%,transparent)}.message-rating-btn.active:hover:not(:disabled){opacity:.8}.rating-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.rating-modal{background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;width:100%;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rating-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.rating-modal-header h3{font-size:1rem;font-weight:600;margin:0}.rating-modal-close{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.rating-modal-close:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.rating-modal-body{padding:var(--spacing-lg)}.rating-modal-hint{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.rating-modal-body textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:.875rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);resize:vertical;min-height:80px;transition:border-color var(--transition-fast)}.rating-modal-body textarea:focus{outline:none;border-color:var(--color-primary)}.rating-modal-body textarea::placeholder{color:var(--color-text-muted)}.rating-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border)}.ai-disclaimer{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted)}.ai-disclaimer-inline{font-size:.6875rem;padding:var(--spacing-xs) var(--spacing-lg);padding-bottom:var(--spacing-sm);justify-content:center;opacity:.7;background-color:var(--color-bg-secondary)}.ai-disclaimer-banner{font-size:.8125rem;padding:var(--spacing-sm) var(--spacing-md);background-color:color-mix(in srgb,var(--color-warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 30%,transparent);border-radius:var(--radius-md);margin:var(--spacing-md) auto;max-width:600px}.ai-disclaimer-banner span{flex:1}.typing-indicator{display:flex;gap:4px;padding:var(--spacing-sm) var(--spacing-md)}.typing-indicator span{width:8px;height:8px;background-color:var(--color-text-muted);border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.chat-input-container{padding:var(--spacing-md) var(--spacing-lg);background-color:transparent}.chat-input-form{display:flex;align-items:flex-end;gap:var(--spacing-sm);max-width:800px;margin:0 auto;padding:var(--spacing-md);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .2s ease,box-shadow .2s ease}.chat-input-form:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.chat-input{flex:1;min-height:44px;max-height:200px;padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:1rem;line-height:1.5;color:var(--color-text-primary);background-color:transparent;border:none;resize:none;outline:none}.chat-input:focus{outline:none}.chat-send-btn{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast)}.chat-send-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-stop-btn{background-color:var(--color-error)}.spinning{animation:spin 1s linear infinite}.chat-input-hint{max-width:800px;margin:var(--spacing-xs) auto 0;font-size:.75rem;color:var(--color-text-muted);text-align:center}.chat-web-search-toggle{flex-shrink:0;display:flex;align-items:center;gap:4px;padding:8px 12px;background:none;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-size:.85rem;-webkit-user-select:none;user-select:none}.chat-web-search-toggle input[type=checkbox]{display:none}.chat-web-search-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.chat-web-search-toggle.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.chat-web-search-toggle:has(input:disabled){opacity:.5;cursor:not-allowed}.chat-upload-btn{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text-muted);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.chat-upload-btn:hover:not(:disabled){background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.chat-upload-btn:disabled{opacity:.5;cursor:not-allowed}.chat-attach-wrapper{position:relative;display:none}.chat-attach-btn{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);color:var(--color-text-secondary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.chat-attach-btn:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.chat-attach-btn.active{background:var(--color-primary);color:#fff}.chat-attach-btn:disabled{opacity:.5;cursor:not-allowed}.chat-attach-menu{position:absolute;bottom:calc(100% + 8px);left:0;min-width:180px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:50;animation:fadeInUp .15s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-attach-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:5px;margin:5px;background:none;border:none;color:var(--color-text);font-size:.9rem;cursor:pointer;transition:background-color var(--transition-fast);text-align:left;min-height:44px}.chat-attach-option:hover{background:var(--color-bg-hover)}.chat-attach-option.active{background:var(--color-primary-light);color:var(--color-primary)}.chat-attach-option+.chat-attach-option{border-top:1px solid var(--color-border-light)}.chat-desktop-only{display:flex}.file-preview-container{max-width:800px;margin:0 auto var(--spacing-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.file-preview-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:300px}.file-preview-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-sm)}.file-preview-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-preview-name{font-size:.875rem;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-meta{font-size:.75rem;color:var(--color-text-muted)}.file-preview-extracted{color:var(--color-success)}.file-preview-remove{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;color:var(--color-text-muted);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.file-preview-remove:hover:not(:disabled){background-color:var(--color-error);color:var(--color-text-inverse)}.file-preview-remove:disabled{opacity:.5;cursor:not-allowed}.chat-input-error{max-width:800px;margin:0 auto var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:color-mix(in srgb,var(--color-error) 10%,transparent);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:.875rem}.model-selector{position:relative}.model-selector-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem;color:var(--color-text-secondary);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.model-selector-btn:hover{background-color:var(--color-bg-hover)}.model-selector-btn svg.rotated{transform:rotate(180deg)}.model-selector-backdrop{position:fixed;inset:0;z-index:10}.model-selector-dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);min-width:200px;padding:var(--spacing-xs);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:20}.model-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);text-align:left;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.model-option:hover{background-color:var(--color-bg-hover)}.model-option.active{background-color:var(--color-primary-light);color:var(--color-primary)}.model-option-text{display:flex;flex-direction:column}.model-option-name{font-size:.875rem;font-weight:500}.model-option-desc{font-size:.75rem;color:var(--color-text-muted)}.settings-page{flex:1;padding:var(--spacing-xl);overflow-y:auto}.settings-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.settings-header h1{font-size:1.5rem;font-weight:600}.settings-message{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:var(--radius-md)}.settings-message.success{background-color:var(--color-success-light);color:var(--color-success)}.settings-message.error{background-color:var(--color-error-light);color:var(--color-error)}.settings-message button{background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:.7}.settings-message button:hover{opacity:1}.settings-layout{display:flex;gap:var(--spacing-xl);max-width:900px}.settings-nav{flex-shrink:0;width:200px;display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.9375rem;color:var(--color-text-secondary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.settings-nav-item:hover{background-color:var(--color-bg-hover)}.settings-nav-item.active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:500}.settings-nav-collapse-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:auto;margin-top:-38px;margin-right:var(--spacing-sm);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-fast)}.settings-nav-collapse-toggle:hover{background-color:var(--color-bg-hover);color:var(--color-text)}.settings-nav-collapse-toggle.open{background-color:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.settings-nav-collapse{max-height:0;overflow:hidden;transition:max-height .3s ease-out;padding-left:var(--spacing-md)}.settings-nav-collapse.open{max-height:300px}.settings-nav-item.sub{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs);position:relative}.settings-nav-item.sub .nav-gauge{margin-left:auto;font-size:.75rem;color:var(--color-text-muted);background:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);position:relative;overflow:hidden}.settings-nav-item.sub .nav-gauge:before{content:"";position:absolute;left:0;top:0;height:100%;width:var(--gauge-percent, 0%);background:linear-gradient(90deg,#3b82f64d,#3b82f61a);border-radius:var(--radius-sm);z-index:0}.profile-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.profile-card{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.profile-card-header{display:flex;align-items:center;gap:var(--spacing-md);width:100%}.profile-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.profile-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0}.profile-card-content{flex:1;min-width:0}.profile-card-content h4{margin:0 0 4px;font-size:1rem;font-weight:600;color:var(--color-text)}.profile-card-content p{margin:0;font-size:.875rem;color:var(--color-text-muted)}.profile-card-gauge{width:100%;height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden;margin-top:var(--spacing-sm)}.profile-card-gauge-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .3s ease;min-width:4px}.profile-card-percent{font-size:.875rem;font-weight:600;color:var(--color-primary);min-width:40px;text-align:right}.profile-card-arrow{color:var(--color-text-muted);transition:transform var(--transition-fast)}.profile-card:hover .profile-card-arrow{transform:translate(4px);color:var(--color-primary)}@media(max-width:600px){.profile-cards-grid{grid-template-columns:1fr}.profile-card{padding:var(--spacing-md)}.profile-card-icon{width:40px;height:40px}}.settings-content{flex:1}.settings-section h2{margin-bottom:var(--spacing-lg);font-size:1.25rem;font-weight:600}.settings-card{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.settings-card h3{margin-bottom:var(--spacing-md);font-size:1rem;font-weight:600}.settings-card.danger{border-color:var(--color-error)}.settings-card.danger h3{color:var(--color-error)}.settings-note{font-size:.875rem;color:var(--color-text-muted);line-height:1.5}.settings-note.highlight{background:linear-gradient(135deg,#3b82f614,#3b82f608);border:1px solid rgba(59,130,246,.2);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text)}[data-theme=dark] .settings-note.highlight{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border-color:#3b82f64d}.settings-note.highlight strong{color:var(--color-primary)}.settings-note.highlight p{margin:0;color:var(--color-text)}.theme-options{display:flex;gap:var(--spacing-sm)}.theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:none;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.theme-option:hover{border-color:var(--color-primary)}.theme-option.active{border-color:var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary)}.plan-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.plan-info h3{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs)}.plan-info p{font-size:.875rem;color:var(--color-text-muted)}.exam-alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,#3b82f614,#3b82f608);border:1px solid rgba(59,130,246,.2);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);font-weight:500}.exam-alert.urgent{background:linear-gradient(135deg,#ef44441a,#ef444408);border-color:#ef44444d;border-left-color:var(--color-error);color:var(--color-error)}.exam-alert svg{flex-shrink:0}[data-theme=dark] .exam-alert{background:linear-gradient(135deg,#3b82f626,#3b82f60d)}[data-theme=dark] .exam-alert.urgent{background:linear-gradient(135deg,#ef444426,#ef44440d)}.form-value{margin-top:var(--spacing-xs);font-size:.875rem;color:var(--color-text-muted);font-style:italic}.input-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.input-with-icon input{padding-left:2.5rem}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-sm)}.checkbox-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.checkbox-item:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.checkbox-item input[type=checkbox]{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.checkbox-item span{font-size:.875rem;color:var(--color-text-primary)}.checkbox-item.with-description{align-items:flex-start;padding:var(--spacing-md)}.checkbox-content{display:flex;flex-direction:column;gap:2px}.checkbox-label{font-weight:500;color:var(--color-text-primary)}.checkbox-desc{font-size:.75rem;color:var(--color-text-muted)}.radio-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md)}.radio-card{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.radio-card:hover{border-color:var(--color-primary);background-color:#3b82f608}.radio-card.selected{border-color:var(--color-primary);background-color:var(--color-primary-light)}.radio-card input[type=radio]{display:none}.radio-card-title{font-weight:600;font-size:.9375rem;color:var(--color-text-primary)}.radio-card.selected .radio-card-title{color:var(--color-primary)}.radio-card-desc{font-size:.8125rem;color:var(--color-text-muted)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:65px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);z-index:150;align-items:center;justify-content:center;padding:0 var(--spacing-md);gap:var(--spacing-md)}.mobile-menu-btn{display:none;position:absolute;left:var(--spacing-md);width:50px;height:50px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text);cursor:pointer;align-items:center;justify-content:center;transition:background-color var(--transition-fast),transform var(--transition-fast);flex-shrink:0}.mobile-menu-btn:hover{background:var(--color-bg-hover)}.mobile-menu-btn:active{transform:scale(.95);background:var(--color-bg-tertiary)}.mobile-logo{flex-shrink:0}.mobile-logo svg{height:38px;width:auto}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:90;opacity:0;transition:opacity var(--transition-normal)}@media(max-width:768px){.mobile-header,.mobile-menu-btn{display:flex}.sidebar-overlay{display:block;opacity:1}.sidebar{position:fixed;left:-100%;top:0;height:100vh;width:min(300px,85vw);z-index:100;transition:left var(--transition-normal);box-shadow:var(--shadow-lg)}.sidebar.open{left:0}.main-content{margin-left:0!important;width:100%!important;padding-top:65px}.app-layout,.settings-layout{flex-direction:column}.settings-nav{width:100%;flex-direction:row;overflow-x:auto}.theme-options{flex-wrap:wrap}.checkbox-grid{grid-template-columns:1fr}.radio-cards{grid-template-columns:1fr 1fr}.sidebar-header{padding-top:.5rem}.sidebar-content{padding:var(--spacing-sm);scrollbar-width:auto;-webkit-overflow-scrolling:touch}.sidebar-content::-webkit-scrollbar{width:14px}.sidebar-content::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:7px}.sidebar-content::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:7px;border:3px solid var(--color-bg-secondary)}.sidebar-quick-actions{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);gap:var(--spacing-xs)}.sidebar-quick-btn{padding:var(--spacing-md) var(--spacing-sm);min-height:48px}.sidebar-quick-btn span{font-size:.9rem}.sidebar-quick-btn svg{width:20px;height:20px}.sidebar-quick-btn kbd{display:none}.search-modal{max-width:calc(100% - var(--spacing-md) * 2);max-height:80vh;margin:var(--spacing-md)}.search-modal-overlay{padding-top:10vh}.search-modal-footer{display:none}.sidebar-section-header{padding:var(--spacing-xs) var(--spacing-md);min-height:36px}.sidebar-section-title{font-size:.75rem;font-weight:600}.sidebar-section-icon{width:16px;height:16px}.sidebar-quick-btn span{font-weight:600}.sidebar-project-header,.sidebar-conversation{min-height:44px;padding:var(--spacing-xs) var(--spacing-md)}.sidebar-conversation-title{font-size:.875rem}.sidebar-action-btn{width:36px;height:36px}.sidebar-project-link{min-height:44px;padding:var(--spacing-xs) var(--spacing-md)}.sidebar-project-link-name{font-size:.875rem;font-weight:500}.sidebar-project-link-icon{width:16px;height:16px}.sidebar-footer{padding:var(--spacing-xs) var(--spacing-md)}.sidebar-footer-buttons{flex-direction:row;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.sidebar-help-btn{min-height:40px;padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}.sidebar-help-btn svg{width:18px;height:18px}.sidebar-section-projects,.sidebar-section-recent{margin-bottom:0}.sidebar-projects-list{max-height:none}.sidebar-section-content{padding-bottom:var(--spacing-xs);scrollbar-width:auto;-webkit-overflow-scrolling:touch}.sidebar-section-content::-webkit-scrollbar{width:14px}.sidebar-section-content::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:7px}.sidebar-section-content::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:7px;border:3px solid var(--color-bg-secondary)}.chat-input-container{padding:var(--spacing-sm)}.chat-input-form{max-width:100%;padding:var(--spacing-sm);gap:var(--spacing-xs)}.chat-attach-wrapper{display:flex;order:1}.chat-desktop-only{display:none!important}.chat-input{order:2;flex:1;min-width:0;padding:var(--spacing-xs) var(--spacing-sm);font-size:16px}.chat-send-btn{order:3;width:40px;height:40px}.chat-input-hint{display:none}.file-preview-container,.chat-input-error{max-width:100%}.sidebar-tag{font-size:.625rem;padding:2px 6px;max-width:60px}.sidebar-conversation-tag{font-size:.6rem;padding:1px 5px}[data-tooltip]:before{max-width:calc(100vw - 2rem);white-space:normal;text-align:center}.sidebar-help-icon[data-tooltip]:after{max-width:calc(100vw - 2rem);width:auto;min-width:150px}.chat-messages{padding:var(--spacing-md)}.chat-message{max-width:100%;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.chat-message-avatar{width:32px;height:32px}.chat-message-content{max-width:calc(100% - 44px)}.chat-message-text{padding:var(--spacing-xs) var(--spacing-sm);font-size:.9375rem}.chat-header{padding:var(--spacing-sm) var(--spacing-md)}.chat-header-title{font-size:1rem}.modal-overlay{padding:var(--spacing-sm)}.modal{max-width:calc(100vw - 2rem);max-height:85vh}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-sm) var(--spacing-md)}}@media(max-width:480px){.radio-cards{grid-template-columns:1fr}.sidebar{width:100vw}.sidebar-section-title{font-size:.7rem}.sidebar-project-name,.sidebar-project-link-name{font-size:.8rem}.sidebar-conversation-title{font-size:.75rem}.sidebar-project-link{min-height:48px;padding:var(--spacing-sm) var(--spacing-md)}.sidebar-project-link-icon{width:18px;height:18px}.sidebar-quick-btn{min-height:44px}.sidebar-quick-btn span{font-size:.8rem}.sidebar-conversation{min-height:42px}.sidebar-footer-buttons{flex-direction:row;gap:var(--spacing-xs)}.sidebar-help-btn{min-height:40px;font-size:.75rem}.sidebar-help-btn span{display:none}.sidebar-help-btn svg{width:20px;height:20px}.sidebar-tag{font-size:.5625rem;padding:1px 4px;max-width:45px}.sidebar-project-tags{display:none}[data-tooltip]:before,[data-tooltip]:after{display:none}.chat-messages{padding:var(--spacing-sm)}.chat-message{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.chat-message-avatar{width:28px;height:28px}.chat-message-avatar svg{width:14px;height:14px}.chat-message-content{max-width:calc(100% - 36px)}.chat-message-text{font-size:.875rem;line-height:1.4}.message-file-badge{font-size:.7rem;padding:2px 6px}.model-badge{font-size:.65rem;padding:2px 6px}.modal-overlay{padding:0;align-items:stretch;justify-content:stretch}.modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;display:flex;flex-direction:column}.modal-close{position:fixed;top:var(--spacing-md);right:var(--spacing-md);width:44px;height:44px;z-index:1001;background:var(--color-bg-secondary);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.modal-header{padding:var(--spacing-md);padding-right:60px}.modal-header h2{font-size:1.125rem}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-md)}.modal-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border)}.chat-input-container{padding:var(--spacing-xs)}.chat-input-form{padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs)}.chat-input{font-size:16px;padding:var(--spacing-xs);min-height:36px}.chat-attach-btn{width:36px;height:36px}.chat-attach-btn svg{width:18px;height:18px}.chat-send-btn{width:36px;height:36px}.chat-send-btn svg{width:18px;height:18px}.chat-attach-menu{min-width:160px}.chat-attach-option{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:1000;padding:var(--spacing-md)}.modal{position:relative;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;background-color:var(--color-bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.modal-mobile-close{display:none!important}.settings-nav-close{display:none}@media(max-width:768px){.settings-nav-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;flex-shrink:0}.settings-nav-close:active{background:var(--color-primary-hover);transform:scale(.95)}}.project-edit-modal{max-width:500px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.modal-body{padding:var(--spacing-lg)}.modal-error{padding:var(--spacing-sm) var(--spacing-md);background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:.875rem;margin-bottom:var(--spacing-md)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-border)}.transfer-modal{max-width:480px}.transfer-modal .modal-description{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:var(--spacing-md)}.transfer-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.transfer-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.transfer-tab:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.transfer-tab.active{background-color:var(--color-primary-bg);color:var(--color-primary)}.project-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:250px;overflow-y:auto}.project-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.project-item:hover{border-color:var(--color-primary);background-color:var(--color-bg-hover)}.project-item.selected{border-color:var(--color-primary);background-color:var(--color-primary-bg)}.project-item-content{display:flex;flex-direction:column;gap:2px}.project-item .project-name{font-weight:500;color:var(--color-text-primary)}.project-item .project-count{font-size:.75rem;color:var(--color-text-muted)}.project-item .check-icon{color:var(--color-primary);flex-shrink:0}.no-projects-message{color:var(--color-text-secondary);font-size:.9rem;text-align:center;padding:var(--spacing-md)}.link-button{background:none;border:none;color:var(--color-primary);text-decoration:underline;cursor:pointer;font-size:inherit;padding:0;margin-left:var(--spacing-xs)}.tag-manager{margin-top:var(--spacing-sm)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center}.tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:#fff}.tag-remove{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;margin-left:2px;color:#ffffffb3;cursor:pointer;transition:color var(--transition-fast)}.tag-remove:hover{color:#fff}.tag-add-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 8px;background-color:var(--color-bg-hover);border:1px dashed var(--color-border);border-radius:var(--radius-full);font-size:.75rem;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.tag-add-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-text-muted)}.tag-form{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md)}.tag-input{width:100%;padding:var(--spacing-sm);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-primary)}.tag-input:focus{outline:none;border-color:var(--color-primary)}.tag-colors{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.tag-color-btn{width:24px;height:24px;border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.tag-color-btn:hover{transform:scale(1.1)}.tag-color-btn.active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-bg-primary)}.tag-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.sidebar-project-tags{display:flex;gap:4px;margin-left:auto;margin-right:var(--spacing-xs)}.sidebar-tag{display:inline-flex;align-items:center;padding:1px 6px;font-size:.5625rem;font-weight:500;border-radius:var(--radius-sm);white-space:nowrap;max-width:50px;overflow:hidden;text-overflow:ellipsis;transition:box-shadow .2s ease,transform .2s ease}.sidebar-tag.selected{box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-primary),0 0 8px var(--color-primary);transform:scale(1.05)}.sidebar-tag-more{font-size:.5625rem;color:var(--color-text-muted);font-weight:500}.sidebar-conversation.has-tags{flex-direction:column;align-items:stretch;padding:var(--spacing-xs) var(--spacing-sm)}.sidebar-conversation-main{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.sidebar-conversation-tags{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:3px;margin-top:4px;padding-left:22px}.sidebar-conversation-tag{display:inline-flex;align-items:center;padding:1px 6px;font-size:.5625rem;font-weight:500;border-radius:var(--radius-sm);white-space:nowrap;transition:box-shadow .2s ease,transform .2s ease}.sidebar-conversation-tag.selected{box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-primary),0 0 8px var(--color-primary);transform:scale(1.05)}.onboarding-overlay{background:#000000b3}.onboarding-modal{max-width:600px;max-height:90vh;padding:var(--spacing-xl);position:relative;overflow:hidden;display:flex;flex-direction:column}.onboarding-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;z-index:10}.onboarding-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.onboarding-header{text-align:center;margin-bottom:var(--spacing-md);flex-shrink:0}.onboarding-logo{margin:0 auto}.onboarding-progress{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-shrink:0}.progress-dot{width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-border);border:none;padding:0;cursor:pointer;transition:all .3s ease}.progress-dot:hover{background-color:var(--color-border-dark);transform:scale(1.1)}.progress-dot.active{background-color:var(--color-primary);transform:scale(1.3)}.progress-dot.completed{background-color:var(--color-success)}.onboarding-content{flex:1;overflow-y:auto;margin-bottom:var(--spacing-lg);min-height:0;transition:opacity .2s ease,transform .2s ease}.onboarding-content.slide-next{opacity:0;transform:translate(20px)}.onboarding-content.slide-prev{opacity:0;transform:translate(-20px)}.onboarding-slide{text-align:center;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-slide-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-bg-tertiary) 100%);border-radius:var(--radius-full);color:var(--color-primary);margin-bottom:var(--spacing-md)}.onboarding-slide h3{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.onboarding-slide-description{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;max-width:450px;margin:0 auto var(--spacing-lg)}.onboarding-slide-features{display:flex;flex-direction:column;gap:var(--spacing-sm);text-align:left;max-width:350px;margin:0 auto}.onboarding-feature{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:.9375rem;color:var(--color-text-secondary)}.onboarding-feature-icon{font-size:1.25rem;flex-shrink:0}.onboarding-slide-image-container{position:relative;max-width:400px;margin:0 auto}.onboarding-slide-image{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.onboarding-slide-image-fallback{display:block}.onboarding-slide-image+.onboarding-slide-image-fallback{display:none}.onboarding-modes-preview{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.onboarding-mode-chip{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-full);font-size:.875rem;color:var(--color-text-secondary);border:1px solid var(--color-border-light)}.onboarding-projects-preview{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.onboarding-project-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.onboarding-project-icon{font-size:1.5rem}.onboarding-project-info{display:flex;flex-direction:column;text-align:left}.onboarding-project-name{font-weight:500;color:var(--color-text-primary)}.onboarding-project-meta{font-size:.75rem;color:var(--color-text-muted)}.onboarding-slide-profile{text-align:left}.onboarding-slide-profile h3,.onboarding-slide-profile .onboarding-slide-description{text-align:center}.onboarding-form{margin-top:var(--spacing-md)}.onboarding-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.onboarding-form .form-group{margin-bottom:var(--spacing-md)}.onboarding-form label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.onboarding-form input,.onboarding-form select,.onboarding-form textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem;background:var(--color-bg-secondary);color:var(--color-text-primary);transition:border-color .2s ease}.onboarding-form input:focus,.onboarding-form select:focus,.onboarding-form textarea:focus{outline:none;border-color:var(--color-primary)}.onboarding-form textarea{resize:vertical;min-height:60px}.onboarding-actions{display:flex;justify-content:space-between;gap:var(--spacing-md);flex-shrink:0;padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light)}.onboarding-actions .btn{display:flex;align-items:center;gap:var(--spacing-xs)}.onboarding-skip-hint{margin-top:var(--spacing-md);text-align:center;font-size:.75rem;color:var(--color-text-muted);flex-shrink:0}@media(max-width:600px){.onboarding-modal{padding:var(--spacing-lg);max-height:100vh;border-radius:0}.onboarding-content{min-height:auto}.onboarding-slide h3{font-size:1.25rem}.onboarding-slide-description{font-size:.9375rem}.onboarding-form .form-row{grid-template-columns:1fr;gap:0}.onboarding-actions{flex-direction:column-reverse}.onboarding-actions .btn{width:100%;justify-content:center}}.btn-link{background:none;border:none;color:var(--color-text-muted);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:.875rem;transition:color var(--transition-fast)}.btn-link:hover{color:var(--color-text-primary)}.tag-badge{display:inline-flex;align-items:center;gap:4px;border-radius:var(--radius-sm);font-weight:500;white-space:nowrap;transition:opacity var(--transition-fast)}.tag-badge-small{padding:1px 6px;font-size:.5625rem}.tag-badge-medium{padding:2px 8px;font-size:.625rem}.tag-badge-large{padding:3px 10px;font-size:.75rem}.tag-badge-clickable{cursor:pointer}.tag-badge-clickable:hover{opacity:.85}.tag-badge-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.tag-badge-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:none;border:none;cursor:pointer;padding:0;border-radius:var(--radius-full);color:inherit;opacity:.7;transition:opacity var(--transition-fast),background-color var(--transition-fast)}.tag-badge-remove:hover{opacity:1;background-color:#0000001a}.tag-selector{position:relative}.tag-selector-selected{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.tag-selector-add-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;color:var(--color-text-muted);background:var(--color-bg-tertiary);border:1px dashed var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.tag-selector-add-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-bg)}.tag-selector-dropdown{position:absolute;top:100%;left:0;z-index:100;width:260px;margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.tag-selector-search{width:100%;padding:var(--spacing-sm);font-size:.875rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.tag-selector-search:focus{outline:none;border-color:var(--color-primary)}.tag-selector-list{max-height:200px;overflow-y:auto;margin-bottom:var(--spacing-sm)}.tag-selector-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.tag-selector-item:hover{background:var(--color-bg-hover)}.tag-selector-color{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.tag-selector-name{flex:1;font-size:.875rem;color:var(--color-text-primary)}.tag-selector-check{color:var(--color-primary)}.tag-selector-empty{padding:var(--spacing-md);text-align:center;font-size:.8125rem;color:var(--color-text-muted)}.tag-selector-create{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;color:var(--color-primary);font-size:.875rem;transition:background-color var(--transition-fast)}.tag-selector-create:hover{background:var(--color-primary-bg)}.tag-selector-new-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm);font-size:.8125rem;color:var(--color-text-muted);background:none;border:1px dashed var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.tag-selector-new-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.tag-selector-create-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tag-selector-name-input{width:100%;padding:var(--spacing-sm);font-size:.875rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary)}.tag-selector-name-input:focus{outline:none;border-color:var(--color-primary)}.tag-selector-colors{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag-selector-color-btn{width:24px;height:24px;border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast)}.tag-selector-color-btn:hover{transform:scale(1.1)}.tag-selector-color-btn.active{border-color:var(--color-text-primary)}.tag-selector-create-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.tag-cloud{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);line-height:1.6}.tag-cloud-empty{padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem;color:var(--color-text-muted);font-style:italic}.tag-cloud-item-wrapper{display:inline-flex;align-items:center;position:relative}.tag-cloud-item{background:none;border:none;cursor:pointer;transition:opacity var(--transition-fast);white-space:nowrap}.tag-cloud-item:hover{opacity:.7;text-decoration:underline}.tag-cloud-item.active{text-decoration:underline}.tag-cloud-item-delete{display:none;align-items:center;justify-content:center;width:16px;height:16px;margin-left:2px;padding:0;background:none;border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:10px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.tag-cloud-item-wrapper:hover .tag-cloud-item-delete{display:flex}.tag-cloud-item-delete:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.sidebar-section-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:14px;font-weight:700;cursor:pointer;margin-left:auto;transition:all var(--transition-fast)}.sidebar-section-clear:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.sidebar-section-tags{padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);flex-shrink:0}.tag-create-modal{max-width:400px}.tag-color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.tag-color-option{width:32px;height:32px;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.tag-color-option:hover{transform:scale(1.1)}.tag-color-option.active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-bg-primary)}.tag-preview-container{margin-top:var(--spacing-xs)}.tag-preview{display:inline-flex;align-items:center;padding:6px 12px;border-radius:16px;font-size:.875rem;font-weight:500}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}[data-tooltip]{position:relative;cursor:pointer}[data-tooltip]:before,[data-tooltip]:after{position:absolute;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:1000}[data-tooltip]:before{content:attr(data-tooltip);bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:6px 10px;background:var(--color-text-primary);color:var(--color-bg-primary);font-size:.75rem;font-weight:500;border-radius:var(--radius-md);white-space:nowrap;box-shadow:0 4px 12px #00000026}[data-tooltip]:after{content:"";bottom:calc(100% + 2px);left:50%;transform:translate(-50%) translateY(4px);border:6px solid transparent;border-top-color:var(--color-text-primary)}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.user-menu{position:relative;width:100%}.user-menu-trigger{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left}.user-menu-trigger:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.user-menu-avatar{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-text-inverse);font-size:.8125rem;font-weight:600;border-radius:var(--radius-full)}.user-menu-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.user-menu-name{font-size:.875rem;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-plan{font-size:.75rem;color:var(--color-text-muted)}.user-menu-plan-row{display:flex;align-items:center;gap:.5rem}.user-menu-upgrade-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.user-menu-upgrade-btn:hover{transform:scale(1.05);box-shadow:0 2px 8px #6366f166}.user-menu-upgrade-btn svg{color:#fbbf24}.user-menu-chevron{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--transition-fast)}.user-menu-chevron.open{transform:rotate(180deg)}.user-menu-popup{position:absolute;bottom:calc(100% + var(--spacing-sm));left:0;right:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.user-menu-email{padding:var(--spacing-md);font-size:.8125rem;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-light);word-break:break-all}.user-menu-divider{height:1px;background:var(--color-border-light);margin:var(--spacing-xs) 0}.user-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;font-size:.875rem;color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast);text-align:left;text-decoration:none}.user-menu-item:hover{background:var(--color-bg-hover)}.user-menu-item-danger{color:var(--color-error)}.user-menu-item-danger:hover{background:var(--color-error-light)}.user-menu-shortcut{margin-left:auto;font-size:.75rem;color:var(--color-text-muted);font-family:monospace}.user-menu-badge{margin-left:auto;font-size:.7rem;font-weight:600;padding:2px 8px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border-radius:var(--radius-full)}.user-menu-toggle{margin-left:auto;width:36px;height:20px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);position:relative;transition:all var(--transition-fast)}.user-menu-toggle.active{background:var(--color-primary);border-color:var(--color-primary)}.user-menu-toggle-slider{position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--color-bg-secondary);border-radius:var(--radius-full);transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.user-menu-toggle.active .user-menu-toggle-slider{transform:translate(16px)}.settings-modal{position:relative;width:100%;max-width:1100px;max-height:90vh;background-color:var(--color-bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.settings-modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.settings-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.settings-modal-close:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.settings-modal-body{display:flex;flex:1;overflow:hidden}.settings-modal .settings-nav{flex-shrink:0;width:220px;padding:var(--spacing-md);border-right:1px solid var(--color-border-light);background:var(--color-bg-tertiary);overflow-y:auto}.settings-modal .settings-content{flex:1;padding:var(--spacing-lg) var(--spacing-xl);overflow-y:auto}.settings-modal .settings-section{max-width:800px}.settings-modal .settings-message{margin:0 var(--spacing-xl);margin-top:var(--spacing-md)}@media(max-width:768px){.settings-modal{max-width:100%;max-height:100vh;border-radius:0}.settings-modal-body{flex-direction:column}.settings-modal .settings-nav{width:100%;flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:1px solid var(--color-border-light);padding:var(--spacing-sm)}.settings-modal .settings-nav-item{white-space:nowrap}}@media(max-width:480px){.modal-overlay:has(.settings-modal){padding:0;align-items:stretch;justify-content:stretch}.settings-modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.settings-modal-header{padding:var(--spacing-md);padding-right:60px;position:static}.settings-modal-header h2{font-size:1.125rem}.settings-modal-body{flex:1;overflow:hidden}.settings-modal .settings-nav{flex-shrink:0;padding:var(--spacing-xs);gap:var(--spacing-xs)}.settings-modal .settings-nav-item{padding:var(--spacing-sm);font-size:.8rem;min-height:44px}.settings-modal .settings-content{padding:var(--spacing-md);flex:1;overflow-y:auto}.settings-nav-collapse,.settings-nav-collapse-toggle{display:none!important}.profile-cards-grid{grid-template-columns:1fr}.settings-card{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.settings-card h3{font-size:1rem}.settings-modal .form-group{margin-bottom:var(--spacing-md)}.settings-modal .form-row{flex-direction:column;gap:var(--spacing-md)}.settings-modal .form-row .form-group{flex:1 1 100%!important}.radio-cards,.checkbox-grid{grid-template-columns:1fr}.settings-modal .btn-primary{width:100%;justify-content:center}}.legal-page{min-height:100vh;background-color:var(--color-bg-primary);padding:var(--spacing-xl) var(--spacing-md)}.legal-container{max-width:800px;margin:0 auto;background-color:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-md)}.legal-back{margin-bottom:var(--spacing-lg)}.legal-page h1{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.legal-updated{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.legal-section{margin-bottom:var(--spacing-xl)}.legal-section h2{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary)}.legal-section h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.legal-section p{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.legal-section ul{list-style:none;padding:0;margin-bottom:var(--spacing-md)}.legal-section ul li{position:relative;padding-left:var(--spacing-lg);margin-bottom:var(--spacing-sm);font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6}.legal-section ul li:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;background-color:var(--color-primary);border-radius:50%}.legal-section a{color:var(--color-primary);text-decoration:underline}.legal-section a:hover{color:var(--color-primary-hover)}.legal-note{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-primary-light);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);font-size:.875rem}.legal-note svg{flex-shrink:0;color:var(--color-primary);margin-top:2px}.legal-table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0;font-size:.875rem}.legal-table th,.legal-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border:1px solid var(--color-border)}.legal-table th{background-color:var(--color-bg-tertiary);font-weight:600;color:var(--color-text-primary)}.legal-table td{color:var(--color-text-secondary)}.legal-table tr:nth-child(2n) td{background-color:var(--color-bg-tertiary)}.privacy-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.privacy-highlight{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.privacy-highlight svg{flex-shrink:0;color:var(--color-primary)}.privacy-highlight div{display:flex;flex-direction:column}.privacy-highlight strong{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.privacy-highlight span{font-size:.75rem;color:var(--color-text-muted)}.rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.right-card{padding:var(--spacing-lg);background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.right-card svg{color:var(--color-primary);margin-bottom:var(--spacing-sm)}.right-card h4{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.right-card p{font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);line-height:1.5}.right-card span{font-size:.75rem;color:var(--color-text-muted);font-style:italic}.data-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.data-card-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-md)}.data-card-content{flex:1}.data-card-content h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.data-card-content p{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--spacing-md);line-height:1.5}.data-card.danger{border-color:var(--color-error);background-color:var(--color-error-light)}.data-card.danger .data-card-icon{background-color:var(--color-error-light);color:var(--color-error)}.data-card.danger h4{color:var(--color-error)}@media(max-width:600px){.legal-container{padding:var(--spacing-lg)}.legal-page h1{font-size:1.5rem}.legal-table{font-size:.75rem}.legal-table th,.legal-table td{padding:var(--spacing-xs) var(--spacing-sm)}.data-card{flex-direction:column}}.legal-modal{max-width:900px}.legal-modal .settings-nav{min-width:180px}.legal-content{overflow-y:auto;max-height:calc(80vh - 60px)}.legal-section-content{padding-right:var(--spacing-md)}.legal-section-content h2{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.legal-section-content h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-primary)}.legal-section-content h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.legal-section-content .legal-updated{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.legal-section-content .legal-section{margin-bottom:var(--spacing-xl)}.legal-section-content .legal-section p{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.legal-section-content .legal-section ul{list-style:none;padding:0;margin-bottom:var(--spacing-md)}.legal-section-content .legal-section ul li{position:relative;padding-left:var(--spacing-lg);margin-bottom:var(--spacing-sm);font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6}.legal-section-content .legal-section ul li:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;background-color:var(--color-primary);border-radius:50%}.link-button{display:inline;background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;color:var(--color-primary);text-decoration:underline;cursor:pointer;transition:color var(--transition-fast)}.link-button:hover{color:var(--color-primary-hover)}.link-button:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media(max-width:768px){.legal-modal{max-width:100%;width:100%;height:100%;max-height:100%;border-radius:0}.legal-modal .settings-modal-body{flex-direction:column}.legal-modal .settings-nav{flex-direction:row;min-width:auto;border-right:none;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.legal-content{max-height:calc(100vh - 140px)}}@media(max-width:480px){.legal-modal .settings-modal-header{padding-right:60px;position:static}.legal-content{max-height:none;flex:1;overflow-y:auto;padding:var(--spacing-md)}.legal-section-content h2{font-size:1.25rem}.legal-section h3{font-size:1rem}.legal-section h4{font-size:.9rem}.legal-table{font-size:.8rem}.legal-table th,.legal-table td{padding:var(--spacing-xs) var(--spacing-sm)}.privacy-highlights{flex-direction:column;gap:var(--spacing-sm)}.privacy-highlight{padding:var(--spacing-sm)}.rights-grid{grid-template-columns:1fr}.right-card{padding:var(--spacing-md)}}.subscription-modal{max-width:900px}.subscription-content{padding:var(--spacing-lg) var(--spacing-xl)}.subscription-tab-content{max-width:700px}.subscription-modal .plan-card{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border-light)}.subscription-modal .plan-info{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.subscription-modal .plan-icon{font-size:2rem}.subscription-modal .plan-details h4{font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.subscription-modal .plan-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.subscription-modal .billing-period{font-size:.875rem;color:var(--color-text-muted);background:var(--color-bg-secondary);padding:2px 8px;border-radius:var(--radius-sm)}.subscription-modal .plan-dates{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.subscription-modal .plan-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-text-muted)}.status-badge.active{background:#10b9811a;color:#10b981}.status-badge.cancelling{background:#f59e0b1a;color:#f59e0b}.status-badge.cancelled,.status-badge.past-due{background:#ef44441a;color:#ef4444}.quota-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md)}.quota-card{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-md);border:1px solid var(--color-border-light)}.quota-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.quota-model{font-weight:600;font-size:.9375rem;color:var(--color-text-primary)}.quota-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff}.quota-badge.large{background:#8b5cf6}.quota-badge.codestral{background:#10b981}.quota-bar{height:6px;background:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-xs)}.quota-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease}.quota-fill.large{background:#8b5cf6}.quota-fill.codestral{background:#10b981}.quota-text{font-size:.8125rem;color:var(--color-text-secondary);display:flex;align-items:baseline;gap:2px}.quota-text .used{font-weight:600;color:var(--color-text-primary)}.quota-text .separator{color:var(--color-text-muted)}.quota-text .unit{font-size:.75rem;color:var(--color-text-muted);margin-left:2px}.quota-text .unlimited{color:#10b981;font-weight:500}.quota-text .not-included{color:var(--color-text-muted);font-style:italic}.billing-form{max-width:500px}.billing-form .form-group{margin-bottom:var(--spacing-md)}.billing-form .form-row{display:flex;gap:var(--spacing-md)}.account-type-toggle{display:flex;gap:var(--spacing-sm)}.account-type-toggle .type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.account-type-toggle .type-btn:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.account-type-toggle .type-btn.active{border-color:var(--color-primary);background:#2563eb1a;color:var(--color-primary)}.invoices-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.invoice-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.invoice-info{display:flex;flex-direction:column;gap:2px}.invoice-number{font-weight:600;font-size:.9375rem;color:var(--color-text-primary)}.invoice-date{font-size:.8125rem;color:var(--color-text-muted)}.invoice-amount{font-weight:600;font-size:.9375rem;color:var(--color-text-primary)}.invoice-actions{display:flex;gap:var(--spacing-xs)}.invoices-placeholder{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.cancel-modal-overlay{z-index:1001}.cancel-modal{background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:480px;width:90%;box-shadow:var(--shadow-xl)}.cancel-modal-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.cancel-modal-header h3{margin:0;font-size:1.125rem;font-weight:600}.cancel-modal-body p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}.cancel-warnings{list-style:none;padding:0;margin:0 0 var(--spacing-lg) 0}.cancel-warnings li{position:relative;padding-left:var(--spacing-lg);margin-bottom:var(--spacing-sm);font-size:.9375rem;color:var(--color-text-secondary)}.cancel-warnings li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:#f59e0b}.cancel-modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.loading-placeholder{display:flex;justify-content:center;padding:var(--spacing-xl)}.error-text{color:var(--color-danger);font-size:.9375rem}.btn-danger-outline{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger)}.btn-danger-outline:hover{background:#ef44441a}.btn-danger{background:var(--color-danger);border:1px solid var(--color-danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}.btn-ghost{background:transparent;border:none;color:var(--color-text-secondary)}.btn-ghost:hover{color:var(--color-primary);background:var(--color-bg-hover)}@media(max-width:768px){.subscription-modal{max-width:100%}.quota-grid{grid-template-columns:1fr}.billing-form .form-row{flex-direction:column}.invoice-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.invoice-actions{width:100%;justify-content:flex-end}}@media(max-width:480px){.subscription-content{padding:var(--spacing-md)}.subscription-modal .plan-actions{flex-direction:column}.subscription-modal .plan-actions .btn{width:100%;justify-content:center}.cancel-modal{width:95%;padding:var(--spacing-lg)}.cancel-modal-actions{flex-direction:column-reverse}.cancel-modal-actions .btn{width:100%;justify-content:center}}.changelog-container{max-width:900px}.changelog-subtitle{font-size:1rem;color:var(--color-text-muted);margin-bottom:var(--spacing-2xl)}.changelog-loading,.changelog-error,.changelog-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--color-text-muted);gap:var(--spacing-md)}.changelog-loading .spinner{animation:spin 1s linear infinite}.changelog-empty-hint{font-size:.875rem;opacity:.7}.changelog-timeline{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.changelog-version{position:relative}.changelog-version-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border)}.changelog-version-tag{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary);color:#fff;font-weight:600;font-size:.875rem;border-radius:var(--radius-full)}.changelog-version-date{font-size:.875rem;color:var(--color-text-muted)}.changelog-entries{display:flex;flex-direction:column;gap:var(--spacing-md)}.changelog-entry{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.changelog-entry:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.changelog-entry-header{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.changelog-category-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:600;color:#fff;border-radius:var(--radius-sm);width:fit-content}.changelog-entry-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.changelog-entry-content{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary)}.changelog-entry-content p{margin:0;margin-bottom:var(--spacing-sm)}.changelog-entry-content p:last-child{margin-bottom:0}@media(max-width:640px){.changelog-container{padding:var(--spacing-lg)}.changelog-version-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.changelog-entry{padding:var(--spacing-md)}.changelog-entry-title{font-size:1rem}}.help-modal{max-width:1000px}.help-modal .help-nav{min-width:260px;max-width:260px}.help-modal-search{position:relative;margin-bottom:var(--spacing-md)}.help-modal-search-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.help-modal-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) calc(var(--spacing-sm) + 24px);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:.875rem;background:var(--color-bg-secondary);color:var(--color-text-primary);transition:border-color .2s ease}.help-modal-search-input:focus{outline:none;border-color:var(--color-primary)}.help-modal-search-input::placeholder{color:var(--color-text-tertiary)}.help-nav-category{margin-bottom:var(--spacing-md)}.help-nav-category-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs)}.help-nav-category-icon{font-size:.875rem}.help-nav-article{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)!important;font-size:.8125rem!important}.help-nav-article-icon{font-size:1rem;flex-shrink:0}.help-nav-article-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-content{padding:var(--spacing-xl)}.help-modal-loading,.help-modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);text-align:center;color:var(--color-text-muted)}.help-modal-loading .spinner{animation:spin 1s linear infinite}.help-modal-welcome-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.help-modal-welcome h2{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.help-modal-subtitle{color:var(--color-text-secondary);margin-bottom:0}.help-modal-close-mobile{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-primary);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;flex-shrink:0;transition:all .2s ease}.help-modal-close-mobile:active{background:var(--color-primary-hover);transform:scale(.95)}.help-modal-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.help-modal-category-card{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:transform .2s ease,box-shadow .2s ease}.help-modal-category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.help-modal-category-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.help-modal-category-header .help-modal-category-icon{font-size:1.5rem}.help-modal-category-header h3{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.help-modal-category-articles{display:flex;flex-direction:column;gap:var(--spacing-xs)}.help-modal-category-article{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-secondary);border:none;border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-secondary);text-align:left;cursor:pointer;transition:all .2s ease}.help-modal-category-article:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.help-modal-category-article span:first-child{flex-shrink:0}.help-modal-category-article span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-modal-category-article svg{flex-shrink:0;color:var(--color-text-tertiary);opacity:0;transition:opacity .2s ease}.help-modal-category-article:hover svg{opacity:1}.help-modal-category-more{font-size:.75rem;color:var(--color-text-muted);padding:var(--spacing-xs) var(--spacing-sm)}.help-modal-results h2{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.help-modal-empty{color:var(--color-text-muted);padding:var(--spacing-xl);text-align:center}.help-modal-articles-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.help-modal-article-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all .2s ease}.help-modal-article-item:hover{background:var(--color-bg-hover);border-color:var(--color-primary);transform:translate(4px)}.help-modal-article-icon{font-size:1.25rem;flex-shrink:0}.help-modal-article-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.help-modal-article-category{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.help-modal-article-title{font-size:.9375rem;font-weight:500;color:var(--color-text-primary)}.help-modal-article-arrow{color:var(--color-text-tertiary);flex-shrink:0;transition:transform .2s ease,color .2s ease}.help-modal-article-item:hover .help-modal-article-arrow{transform:translate(4px);color:var(--color-primary)}.help-modal-article-view{max-width:700px}.help-modal-back{margin-bottom:var(--spacing-lg)}.help-modal-article{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.help-modal-article-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.help-modal-article-header-icon{font-size:2.5rem;flex-shrink:0}.help-modal-article-header-category{display:inline-block;font-size:.75rem;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.help-modal-article h1{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);line-height:1.3}.help-modal-article-content{color:var(--color-text-secondary);line-height:1.7}.help-modal-article-content h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.help-modal-article-content h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-top:var(--spacing-md);margin-bottom:var(--spacing-xs)}.help-modal-article-content p{margin-bottom:var(--spacing-md)}.help-modal-article-content ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.help-modal-article-content li{margin-bottom:var(--spacing-xs)}.help-modal-article-content strong{color:var(--color-text-primary);font-weight:600}@media(max-width:768px){.help-modal .help-nav{min-width:auto;max-width:none;flex-direction:column;overflow-x:hidden;overflow-y:auto;max-height:200px}.help-nav-category{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.help-nav-category-title{width:100%;margin-bottom:0}.help-nav-article{flex:0 0 auto}.help-modal-categories-grid{grid-template-columns:1fr}}@media(max-width:480px){.help-modal .help-nav{display:none}.help-content{padding:var(--spacing-md)}.help-modal-close-mobile{display:flex}.help-modal-welcome h2{font-size:1.25rem}.help-modal-article{padding:var(--spacing-md)}.help-modal-article-header{flex-direction:column;gap:var(--spacing-sm)}.help-modal-article-header-icon{font-size:2rem}.help-modal-article h1{font-size:1.25rem}.help-modal-category-card{padding:var(--spacing-md)}}.changelog-modal{max-width:700px}.changelog-modal-body{padding:var(--spacing-xl);overflow-y:auto;max-height:calc(90vh - 80px)}.changelog-modal-loading,.changelog-modal-error,.changelog-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);text-align:center;color:var(--color-text-muted)}.changelog-modal-loading .spinner{animation:spin 1s linear infinite}.changelog-modal-empty-icon{color:var(--color-primary);opacity:.5}.changelog-modal-empty-hint{font-size:.875rem;color:var(--color-text-tertiary)}.changelog-modal-close-mobile{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-primary);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;flex-shrink:0;transition:all .2s ease;position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:10}.changelog-modal-close-mobile:active{background:var(--color-primary-hover);transform:scale(.95)}.changelog-modal-loading,.changelog-modal-error,.changelog-modal-empty,.changelog-modal-content{position:relative}.changelog-modal-content-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.changelog-modal-content-header .changelog-modal-subtitle{margin-bottom:0;text-align:left;flex:1}.changelog-modal-subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);text-align:center}.changelog-modal-timeline{display:flex;flex-direction:column;gap:var(--spacing-xl)}.changelog-modal-version{position:relative}.changelog-modal-version-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary)}.changelog-modal-version-tag{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary);color:#fff;font-size:.875rem;font-weight:600;border-radius:var(--radius-md)}.changelog-modal-version-date{font-size:.875rem;color:var(--color-text-muted)}.changelog-modal-entries{display:flex;flex-direction:column;gap:var(--spacing-md)}.changelog-modal-entry{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.changelog-modal-entry-header{margin-bottom:var(--spacing-md)}.changelog-modal-category-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:500;color:#fff;border-radius:var(--radius-full);margin-bottom:var(--spacing-sm)}.changelog-modal-entry-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);line-height:1.4}.changelog-modal-entry-content{color:var(--color-text-secondary);line-height:1.6}.changelog-modal-entry-content p{margin-bottom:var(--spacing-sm)}.changelog-modal-entry-content p:last-child{margin-bottom:0}.changelog-modal-entry-content li{margin-bottom:var(--spacing-xs);padding-left:var(--spacing-sm)}@media(max-width:768px){.changelog-modal-close-mobile{display:flex}}@media(max-width:600px){.changelog-modal-body,.changelog-modal-entry{padding:var(--spacing-md)}.changelog-modal-entry-title{font-size:1rem}.changelog-modal-version-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}