:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:var(--app-color-background)}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--app-color-background: #faf8f4;--app-color-surface: #ffffff;--app-color-surface-muted: #f8f9fa;--app-color-primary: #667eea;--app-color-primary-dark: #4a4ae2;--app-color-accent: #667eea;--app-color-primary-light: #e3f2fd;--app-color-success: #28a745;--app-color-success-dark: #218838;--app-color-success-text: #155724;--app-color-error: #dc3545;--app-color-warning: #ffc107;--app-color-danger-bg: #fde8e8;--app-color-danger-text: #b91c1c;--app-color-danger-border: #fca5a5;--app-color-text: #2c3e50;--app-color-text-muted: #6c757d;--app-color-text-primary: #1f2937;--app-color-text-secondary: #4b5563;--app-color-text-subtle: #6b7280;--app-color-border: #e0e0e0;--app-color-border-subtle: #ddd;--app-color-border-strong: #d1d5db;--app-color-border-soft: #e5e7eb;--app-color-tag-bg: #e5e7eb;--app-color-tag-border: #d1d5db;--app-color-tag-accent: #dbeafe;--app-color-tag-accent-border: #bfdbfe;--app-spacing-xs: .5rem;--app-spacing-sm: .75rem;--app-spacing-md: 1rem;--app-spacing-lg: 1.5rem;--app-spacing-xl: 2rem;--app-radius-xs: 6px;--app-radius-sm: 8px;--app-radius-md: 12px;--app-radius-lg: 25px;--app-radius-full: 50%;--app-radius-button: 6px;--app-shadow-soft: 0 2px 8px rgba(0, 0, 0, .08);--app-shadow-elevated: 0 12px 30px rgba(31, 41, 55, .08);--app-shadow-focus: 0 0 0 3px rgba(74, 144, 226, .1);--app-shadow-card: 0 2px 4px rgba(0, 0, 0, .1);--app-shadow-subtle: 0 1px 2px rgba(0, 0, 0, .05);--app-shadow-panel: -2px 0 8px rgba(0, 0, 0, .1);--app-font-size-xs: .75rem;--app-font-size-sm: .875rem;--app-font-size-md: .9rem;--app-font-size-base: 1rem;--app-font-size-lg: 1.125rem;--app-font-size-xl: 1.25rem;--app-font-weight-normal: 400;--app-font-weight-medium: 500;--app-font-weight-semibold: 600;--app-font-weight-bold: 700;--app-transition-fast: .15s ease;--app-transition-base: .2s ease;--app-transition-slow: .3s ease}.app-two-column-layout{display:flex;min-height:calc(100vh - 140px);width:100%;box-sizing:border-box;max-width:100vw}.app-main-column{flex:0 0 69.1%;padding:1rem 1rem 4rem;overflow-y:auto}.app-section{margin-bottom:2rem}.app-section-scroll{scroll-margin-top:80px}.app-section__header{display:flex;align-items:center;justify-content:center;padding:.3rem;border-radius:var(--app-radius-lg);background-color:var(--app-color-primary);gap:.75rem;width:100%;box-sizing:border-box}.app-section__number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--app-color-surface);color:var(--app-color-primary-dark);border-radius:var(--app-radius-full);font-weight:700;font-size:1rem;flex-shrink:0}.app-section__title{display:flex;font-size:1.125rem;font-weight:600;margin:0;color:var(--app-color-surface)}.app-section__description{margin:.5rem 0 0;font-size:.95rem;color:var(--app-color-text-muted)}.main-content{flex:1;width:100%;min-height:100vh;background-color:var(--app-color-background)}.container-centered{max-width:1200px;margin:0 auto;padding:0 1rem}.container-narrow{max-width:800px;margin:0 auto;padding:0 1rem}.grid-2-col{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3-col{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}@media (max-width: 992px){.app-two-column-layout{flex-direction:column;padding-right:0}.app-main-column{max-width:100%;padding:1.5rem}.app-two-column-layout.has-bottom-toolbar .app-side-panel{display:none}.app-two-column-layout.has-bottom-toolbar .app-main-column{padding-bottom:calc(180px + env(safe-area-inset-bottom,8px))}.app-side-panel{position:relative;height:auto;min-width:100%;border-left:none;border-top:2px solid var(--app-color-border)}.grid-3-col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.app-main-column{padding:1rem}.grid-2-col,.grid-3-col{grid-template-columns:1fr}}@media (max-width: 480px){.app-main-column{padding:.75rem}.app-section__header{padding:.15rem;gap:.5rem}.app-section__title{font-size:1rem}}.button{padding:.625rem 1.25rem;border:none;border-radius:var(--app-radius-xs);font-weight:var(--app-font-weight-semibold);font-size:var(--app-font-size-md);cursor:pointer;transition:background-color var(--app-transition-base),color var(--app-transition-base),opacity var(--app-transition-base),transform var(--app-transition-base);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;box-sizing:border-box}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:var(--app-color-primary);color:#fff}.button--primary:hover:not(:disabled){background:var(--app-color-primary-dark)}.button--primary:active:not(:disabled){transform:translateY(1px)}.button--success{background:var(--app-color-success);color:#fff}.button--success:hover:not(:disabled){background:var(--app-color-success-dark)}.button--success:active:not(:disabled){transform:translateY(1px)}.button--secondary{background:#fff;color:#666;border:1px solid var(--app-color-border-subtle)}.button--secondary:hover:not(:disabled){background:#f5f5f5}.button--secondary:active:not(:disabled){transform:translateY(1px)}.button--ghost{background:transparent;color:var(--app-color-text-muted);border:1px solid transparent}.button--ghost:hover:not(:disabled){background:#f5f5f5;color:var(--app-color-text)}.button--link{background:transparent;color:var(--app-color-primary);padding:.25rem .5rem;text-decoration:underline}.button--link:hover:not(:disabled){color:var(--app-color-primary-dark);text-decoration:none}.button--small{padding:.375rem .75rem;font-size:var(--app-font-size-sm)}.button--large{padding:.75rem 1.5rem;font-size:var(--app-font-size-base)}.button--full{width:100%}.button--icon-only{padding:.5rem;aspect-ratio:1}.card{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 8px #0000000f;transition:box-shadow var(--app-transition-base),transform var(--app-transition-base);display:flex;flex-direction:column;overflow:visible;position:relative;z-index:1}.card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.card:has(.tag-input-field:focus),.card:has(select:focus){z-index:100}.card__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid #e9ecef;border-top-left-radius:10px;border-top-right-radius:10px;transition:background var(--app-transition-base)}.card__header--clickable{cursor:pointer}.card__header--clickable:hover{background:#f8f9fa}.card__body{padding:1rem 1.25rem;flex:1;display:flex;flex-direction:column;gap:1rem}.card__body--collapsible{transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,padding .3s ease;will-change:max-height,opacity;overflow:visible}.card__body--collapsed{max-height:0;opacity:0;padding:0 1.25rem;overflow:hidden}.card__body--expanded{max-height:2000px;opacity:1}.card__title{font-size:.95rem;font-weight:600;color:#1f2937;line-height:1.4;margin:0}.card__title--input{flex:1;font-size:.8rem;font-weight:600;padding:.4rem .6rem;border:1px solid transparent;border-radius:4px;transition:all var(--app-transition-base)}.card__title--input:focus{border-color:var(--app-color-primary);background:#f8f9fa;box-shadow:0 0 0 2px #4a90e21a;outline:none}.card__title--collapsed{font-size:.875rem;color:#666;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__actions{display:flex;gap:.75rem;align-items:center}.card__meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.75rem;color:#6b7280;margin-top:.25rem}.card__meta-item{display:flex;align-items:center;gap:.25rem}.card--compact{padding:0;border-radius:0;border:none;border-top:1px solid #e5e7eb;box-shadow:none}.card--compact:hover{box-shadow:var(--app-shadow-elevated);transform:translateY(-1px)}.card--compact .card__header{padding:.75rem 1.5rem;border-bottom:none;border-radius:0;background:var(--app-color-background)}.card--compact .card__body{padding:0 1.5rem 1.5rem;border-top:1px solid #f3f4f6;background:var(--app-color-background)}.card--filtered{opacity:.65}.card--selected{border-color:var(--app-color-primary);box-shadow:0 0 0 2px #4a90e233}.card--relevant{border-left:3px solid var(--app-color-success)}.card__toggle{background:none;border:none;font-size:1.1rem;color:#6b7280;cursor:pointer;padding:.25rem;transition:color var(--app-transition-base);flex-shrink:0}.card__toggle:hover:not(:disabled){color:#374151}.card__toggle:disabled{opacity:.5;cursor:not-allowed}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:2000px;opacity:1}}.card__body--animated{animation:slideDown .3s ease-out}.input{display:flex;flex-direction:column;gap:.625rem}.input__label{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--app-color-text)}.input__label--small{font-size:.875rem;font-weight:500}.input__icon{font-size:1.125rem}.input__field{width:100%;box-sizing:border-box;padding:.875rem 1rem;border:2px solid transparent;border-radius:var(--app-radius-sm);font-size:.95rem;font-family:inherit;transition:border-color var(--app-transition-base),box-shadow var(--app-transition-base);background:var(--app-color-surface);line-height:1.5;color:var(--app-color-text)}.input__field:focus{border-color:var(--app-color-primary);box-shadow:var(--app-shadow-focus);outline:none}.input__field:disabled{background-color:#f3f4f6;cursor:not-allowed;color:#888;opacity:.7}.input__field--small{padding:.5rem .75rem;font-size:.875rem}.input__field--compact{padding:.625rem .875rem;font-size:.9rem}.input__field--textarea{resize:vertical;min-height:120px;line-height:1.6}.input__field--select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.input__field--error{border-color:var(--app-color-error)}.input__field--error:focus{box-shadow:0 0 0 3px #dc35451a}.input__field--success{border-color:var(--app-color-success)}.input__counter{font-size:.75rem;color:var(--app-color-text-muted);text-align:right}.input__counter--warning{color:var(--app-color-warning);font-weight:500}.input__counter--error{color:var(--app-color-error);font-weight:600}.input__help{font-size:.875rem;color:var(--app-color-text-muted);margin:0}.input__error-message{font-size:.875rem;color:var(--app-color-error);margin:0;font-weight:500}.input__file{padding:.75rem;border:2px dashed #d1d5db;border-radius:var(--app-radius-sm);background:#f9fafb;cursor:pointer;transition:all var(--app-transition-base)}.input__file:hover{border-color:var(--app-color-primary);background:#f3f4f6}.input__file-label{display:block;text-align:center;color:var(--app-color-text-muted);cursor:pointer}.input__file-input{display:none}.input__checkbox,.input__radio{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--app-color-primary)}.input__checkbox:disabled,.input__radio:disabled{cursor:not-allowed;opacity:.5}.input-group{display:flex;align-items:center;gap:.75rem}.input-group .input__label{margin-bottom:0;flex-shrink:0}.input-group .input__field{flex:1}.input--search{position:relative}.input--search .input__field{padding-left:2.5rem}.input--search:before{content:"🔍";position:absolute;left:.875rem;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--app-color-text-muted);pointer-events:none}.alert{padding:1rem 1.25rem;border-radius:var(--app-radius-sm);margin:1rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.95rem;line-height:1.5}.alert__content{flex:1}.alert__icon{font-size:1.25rem;flex-shrink:0}.alert__close{background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:.6;transition:opacity var(--app-transition-base);padding:.25rem;color:inherit}.alert__close:hover{opacity:1}.alert--info{background:#cfe2ff;color:#084298;border:1px solid #b6d4fe}.alert--success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert--warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.alert--error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert--compact{padding:.75rem 1rem;font-size:.875rem;margin:.5rem 0}.alert--banner{margin:0;border-radius:0;border-left:none;border-right:none}.alert--dismissible{position:relative;padding-right:3rem}.alert__title{font-weight:600;margin:0 0 .25rem}.alert__message{margin:0}.app-alert{padding:1rem 1.25rem;border-radius:var(--app-radius-sm);margin:1rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-alert--error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.app-alert--success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}:root{--icon-brand: #667eea;--icon-brand-dark: #4a4ae2;--icon-brand-muted: #8a95f0;--icon-accent: #f59e0b;--icon-accent-soft: #fbbf24;--icon-accent-strong: #f97316}.icon{display:inline-block;width:1em;height:1em;vertical-align:middle;stroke-width:1.75}.icon-inline{width:1em;height:1em}.icon-button{width:1.1em;height:1.1em}.icon-feature{width:1.75rem;height:1.75rem}.icon-hero{width:3rem;height:3rem;stroke-width:3.1}.icon-brand{color:var(--icon-brand)}.icon-brand-dark{color:var(--icon-brand-dark)}.icon-brand-muted{color:var(--icon-brand-muted)}.icon-accent{color:var(--icon-accent)}.icon-accent-gradient{stroke:url(#icon-warm-gradient)}.icon-interactive{transition:color .15s ease,transform .15s ease}.icon-interactive:hover{transform:translateY(-1px)}.spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top-color:var(--app-color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner--small{width:24px;height:24px;border-width:3px}.spinner--large{width:64px;height:64px;border-width:5px}.spinner--accent{border-top-color:var(--app-color-accent)}.loading-card{background:var(--app-color-surface);border-radius:var(--app-radius-md);padding:2rem;text-align:center;box-shadow:var(--app-shadow-elevated)}.loading-card__spinner{margin:0 auto 1rem}.loading-card__message{color:var(--app-color-text-muted);font-size:.95rem;margin:0}.loading-inline{display:inline-flex;align-items:center;gap:.5rem;color:var(--app-color-text-muted);font-size:.875rem}.loading-inline .spinner{width:16px;height:16px;border-width:2px}.loading-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-overlay__content{background:var(--app-color-surface);padding:2rem;border-radius:var(--app-radius-md);box-shadow:var(--app-shadow-elevated);text-align:center;min-width:200px}.skeleton{background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.skeleton--text{height:1rem;margin:.5rem 0}.skeleton--title{height:1.5rem;width:60%;margin:.5rem 0}.skeleton--circle{border-radius:50%;width:48px;height:48px}.skeleton--rect{height:100px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.progress{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress__bar{height:100%;background:var(--app-color-primary);transition:width .3s ease;border-radius:4px}.progress__bar--animated{animation:progress-indeterminate 1.5s ease-in-out infinite}@keyframes progress-indeterminate{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.app-spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top-color:var(--app-color-accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}.app-loading-card{background:var(--app-color-surface);border-radius:var(--app-radius-md);padding:2rem;text-align:center;box-shadow:var(--app-shadow-elevated)}.progress-panel{display:flex;flex-direction:column;background:#fff;border-left:2px solid var(--app-color-border);height:100vh;flex:1;position:sticky;top:0;overflow-y:auto;transition:all .3s ease}.panel-toggle-band{display:none}.panel-step{display:flex;flex-direction:column;gap:var(--app-spacing-sm);padding:1rem;transition:all .3s ease}.panel-step.active{background:var(--app-color-surface)}.panel-step.inactive{background:#e8e9eb;opacity:.7}.panel-step.clickable{cursor:pointer}.panel-step.clickable:hover{background:#d8d9db;opacity:.9}.step-header{display:flex;align-items:center;gap:var(--app-spacing-sm)}.step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ccc;color:#fff;border-radius:50%;font-weight:600;font-size:.875rem;flex-shrink:0}.panel-step.active .step-number{background:var(--app-color-accent)}.step-title{font-weight:600;color:var(--app-color-text-primary);font-size:.95rem}.step-content{display:flex;flex-direction:column;gap:var(--app-spacing-sm)}.step-hint{margin:0;font-size:.8rem;color:var(--app-color-text-muted)}.step-summary{margin:0;font-size:.85rem;color:#334155;font-weight:600;align-self:center}.step-controls{display:flex;align-self:center;gap:var(--app-spacing-xs)}.btn-select-action{flex:1;padding:.4rem .5rem;background:var(--app-color-surface);color:var(--app-color-text-muted);border:1px solid var(--app-color-border-strong);border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--app-transition-base)}.btn-select-action:hover{background:#f5f5f5;border-color:#999}.step-action-button{width:100%;padding:.75rem;border:none;border-radius:var(--app-radius-button);font-weight:600;cursor:pointer;transition:all var(--app-transition-base);font-size:.9rem}.step-action-button.primary{background:var(--app-color-accent);color:#fff}.step-action-button.primary:hover:not(:disabled){background:var(--app-color-primary)}.step-action-button.secondary{background:var(--app-color-surface);color:var(--app-color-text-secondary);border:1px solid var(--app-color-border-strong)}.step-action-button.secondary:hover:not(:disabled){background:#f5f5f5}.step-action-button:disabled{cursor:not-allowed;opacity:.5}.step-secondary{background:transparent;border:none;color:var(--app-color-primary);text-align:left;padding:0;font-size:.75rem;cursor:pointer;text-decoration:underline;font-weight:500}.step-secondary:disabled{opacity:.5;cursor:not-allowed}.loading-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--app-spacing-xs);padding:var(--app-spacing-sm);color:var(--app-color-text-muted);font-size:.875rem}.loading-indicator .spinner{width:24px;height:24px;border-width:3px}.panel-component{display:flex;flex-direction:column;border-radius:8px;background-color:#4a4ae20c;padding:.75rem .5rem}@media (min-width: 993px){.progress-panel{width:auto}}.file-input-container{display:flex;flex-direction:column;gap:.5rem}.file-input{padding:.75rem;border:2px dashed var(--app-color-border);border-radius:var(--app-radius-sm);background:var(--app-color-background);color:var(--app-color-text);cursor:pointer;transition:all var(--app-transition-base)}.file-input:hover:not(:disabled){border-color:var(--app-color-primary);background:#4a90e20d}.file-input:disabled,.file-input.disabled-by-text{opacity:.5;cursor:not-allowed;background:#f5f5f5}.file-selected{font-size:.875rem;color:var(--app-color-success);padding:.5rem;background:#28a7451a;border-radius:var(--app-radius-sm)}.input-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.divider-line{flex:1;height:2px;background:var(--app-color-border)}.divider-text{font-size:.875rem;font-weight:600;color:var(--app-color-text-muted)}.app-input-field.disabled-by-file{opacity:.5;cursor:not-allowed;background:#f5f5f5}.label-hint{font-weight:400;color:#888;font-size:.8rem;margin-left:.5rem}.parsed-from-label{display:block;font-weight:600;color:var(--app-color-text);margin-bottom:.5rem;font-size:.9rem}.parsed-from-input{width:100%;max-width:100%;box-sizing:border-box;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:.95rem;font-weight:600;color:var(--app-color-text);background:var(--app-color-surface)}.parsed-from-input:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e21a}.parsed-from-input:disabled{background-color:#f0f0f0;cursor:not-allowed;opacity:.7}.memories-grid{display:grid;gap:1.25rem;margin-top:1rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:12px;max-width:450px;width:90%;box-shadow:0 4px 20px #00000026;text-align:center}.modal-content h3{margin:0 0 1rem;color:#2c3e50;font-size:1.5rem}.modal-content p{margin:0 0 1.5rem;color:#666;line-height:1.6}.modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;flex-direction:column}.modal-action-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.modal-action-hint{font-size:.75rem;color:#888;font-style:italic}.assert-input-card{display:flex;flex-direction:column;gap:1.25rem;transition:opacity .3s ease}.assert-input-card.locked{opacity:.6}.assert-results-card{display:flex;flex-direction:column;gap:1.75rem}.assert-extracted-tags-section{border-radius:var(--app-radius-sm)}.assert-tag-groups{display:flex;flex-direction:column;gap:1rem}.assert-tag-group h3,.assert-tag-group h4{margin:0 0 .5rem;font-size:.9rem;color:#1f2937;font-weight:600}.assert-tag-group--extracted h3,.assert-tag-group--extracted h4{color:#4338ca;font-weight:700}.assert-tag-group--suggested h3,.assert-tag-group--suggested h4{color:#991b1b}.assert-tag--suggested{background-color:#fee2e2;color:#991b1b;border-color:#fecaca}.assert-tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.assert-experiences-section{display:flex;flex-direction:column;gap:1rem}.assert-experiences-section.grouped{border-top:1px solid #e5e7eb;padding-top:1rem;margin-top:1rem}.assert-group-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.assert-group-toggle{background:transparent;border:none;color:#2563eb;cursor:pointer;font-weight:600;font-size:.85rem;padding:.25rem .5rem}.assert-group-toggle:hover{color:#1e40af}.assert-group-empty{margin:0;font-size:.85rem;color:#6b7280}.assert-matching-categories{margin:0;font-size:1.1rem;font-weight:600;color:var(--app-color-text);text-align:left}.assert-filtered-section .assert-matching-categories{color:#6b7280}.assert-experiences-list{display:flex;flex-direction:column}.assert-generation-output label{font-weight:600;color:#1f2937}.assert-generation-output{display:flex;flex-direction:column;gap:1rem}.generated-content-area{min-height:18rem;resize:vertical}.assert-refinement-instructions-area{min-height:6rem;resize:vertical;background-color:transparent}.assert-experience-card{padding:0rem;border-radius:0;border-top:1px solid #e5e7eb}.assert-experience-card:hover{box-shadow:var(--app-shadow-elevated);transform:translateY(-1px)}.assert-experience-card.filtered-out{opacity:.65}.assert-header-left{display:flex;gap:1rem;flex:1}.assert-selection-checkbox{width:20px;height:20px;cursor:pointer;margin-top:.25rem}.assert-header-content{flex:1}.assert-compact-source{font-size:.8rem;color:#6b7280}.assert-experience-text{margin:0;color:#374151;line-height:1.6;white-space:pre-wrap;font-size:.9rem}.assert-all-tags{display:flex;flex-wrap:wrap;gap:.5rem}.assert-filtered-toggle{align-self:flex-start;background:transparent;border:none;color:#1f2937;font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem 0}.assert-filtered-toggle:after{content:"";border:solid #4a90e2;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(-45deg);transition:transform .2s ease}.assert-filtered-toggle.is-open:after{transform:rotate(45deg)}.assert-filtered-section .assert-experiences-list{margin-top:.75rem}.assert-character-counter{font-size:.85rem;color:#6c757d;text-align:right;margin-top:.25rem}.assert-character-counter.counter-error{color:#dc3545;font-weight:600}.assert-counter-warning{font-weight:600}.app-input-field.assert-input-error{border-color:#dc3545;background-color:#fff5f5}@media (max-width: 992px){.assert-input-card,.assert-results-card{padding:1.3rem}}.assert-content-type-display{display:flex;align-items:center;gap:.75rem;padding:0rem 1rem;background:var(--app-color-background-subtle, #f8f9fa);border-radius:var(--app-radius-sm, 8px);border:1px solid var(--app-color-border, #e0e0e0)}.assert-content-type-display .label{font-weight:600;color:var(--app-color-text-muted, #6c757d);font-size:.875rem}.assert-content-type-display .value{font-weight:600;color:var(--app-color-text-primary, #212529);font-size:.875rem}.navbar{background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 8px #0000000d;position:sticky;top:0;z-index:100}.navbar-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.navbar-container.has-feature-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem}.navbar-container.has-feature-header .navbar-brand{justify-self:start}.navbar-container.has-feature-header .navbar-menu{justify-self:center;width:100%;display:flex;justify-content:center}.navbar-container.has-feature-header .nav-dropdown-user{justify-self:end}.navbar-brand{display:flex;align-items:center;gap:0;text-decoration:none;font-size:1.5rem;font-weight:700;color:#667eea;transition:color .2s}.navbar-brand:hover{color:#764ba2}.brand-logo{height:1.75rem;width:auto;display:block;flex-shrink:0}.brand-text{font-size:1.5rem;font-weight:700;color:inherit;display:inline}.navbar-menu{display:flex;align-items:center;gap:1.5rem}.nav-link{text-decoration:none;color:#495057;font-weight:500;font-size:.95rem;transition:color .2s}.nav-link:hover{color:#667eea}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;color:#495057}.nav-dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:none;border-top:2px solid #667eea;box-shadow:0 4px 12px #0000001a;min-width:180px;margin-top:0;z-index:1000;padding:.5rem 0}.nav-dropdown-menu-right{left:auto;right:0}.nav-dropdown-header{padding:.75rem 1.25rem;font-weight:600;color:#667eea;border-bottom:1px solid #e9ecef;font-size:.9rem;display:none}.nav-dropdown-item{display:block;padding:.75rem 1.25rem;text-decoration:none;color:#495057;font-weight:500;font-size:.95rem;transition:background-color .2s,color .2s;border-left:3px solid transparent;background:none;border-top:none;border-right:none;border-bottom:none;width:100%;text-align:left;cursor:pointer;font-family:inherit}.nav-dropdown-item:hover{background-color:#f8f9fa;color:#667eea;border-left-color:#667eea}.nav-dropdown-nested{display:block}.nav-nested-trigger{display:flex;align-items:center;justify-content:space-between}.nested-arrow{transition:transform .2s ease;font-size:.75rem;color:#6c757d;margin-left:.5rem}.nested-arrow.open{transform:rotate(90deg)}.nav-dropdown-nested-menu{background:#f8f9fa;border-left:3px solid #667eea;margin:.25rem 0}.nav-nested-item{padding-left:2rem!important;font-size:.875rem}.nav-desktop-links{display:contents}.nav-dropdown-features{display:none}.nav-dropdown-features.is-feature-header{display:block;width:100%;max-width:600px}.nav-dropdown-features.is-feature-header .nav-dropdown-trigger{background:var(--app-color-surface, #f8f9fa);border:1px solid var(--app-color-border, #e0e0e0);border-radius:var(--app-radius-sm, 8px);padding:.875rem 3rem;font-size:1.35rem;font-weight:600;color:#667eea;transition:all .2s;width:100%;display:block}.nav-dropdown-features.is-feature-header .nav-dropdown-trigger:hover,.nav-dropdown-features.is-feature-header.show-dropdown .nav-dropdown-trigger{border-color:#667eea;box-shadow:0 2px 8px #667eea26;background:#f0f2ff}.nav-dropdown-features.is-feature-header .nav-dropdown-menu{min-width:250px;left:50%;transform:translate(-50%)}.mobile-text{display:none}.desktop-text{display:inline}.user-icon{display:none}.logout-button{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:inherit}.logout-button:hover{background-color:#f8f9fa;color:#dc3545;border-left-color:#dc3545}.user-menu{display:flex;align-items:center;gap:1rem;padding-left:1rem;border-left:1px solid #e9ecef}.user-greeting{color:#495057;font-size:.9rem;font-weight:500}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-outline{background:transparent;border:2px solid #667eea;color:#667eea}.btn-outline:hover{background:#667eea;color:#fff}@media (max-width: 768px){.navbar-container{padding:1rem}.brand-text{display:none}.navbar-container.has-feature-header{grid-template-columns:auto 1fr auto;gap:.75rem}.navbar-menu{gap:.75rem}.nav-dropdown-features{display:block}.nav-dropdown-features.is-feature-header{max-width:100%}.nav-dropdown-features.is-feature-header .nav-dropdown-trigger{font-size:.95rem;padding:.5rem .75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-dropdown-features.is-feature-header .nav-dropdown-menu{left:0;transform:none;right:0}.user-greeting{display:none}.user-icon{display:flex;align-items:center;padding:.5rem;border-radius:50%;transition:background .2s;color:#495057}.user-icon svg{color:#495057}.user-icon:hover{background:#f8f9fa}.nav-dropdown-header{display:block}.nav-link{padding:.5rem .75rem;border-radius:6px;font-size:.9rem}.nav-link:active{background:#f8f9fa}.nav-dropdown-trigger{background:none;border:none;font-family:inherit;font-weight:500;color:#495057}.nav-dropdown-menu{border-radius:8px;border:1px solid #e9ecef;margin-top:.5rem;min-width:200px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-item{font-size:.9rem}.nav-dropdown-item:active{background:#e9ecef}.nav-dropdown-user .nav-dropdown-trigger{width:44px;height:44px;display:flex;align-items:center;justify-content:center}}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:all .3s ease;padding:1rem 0}.landing-nav.scrolled{background:#fffffffa;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 0}.landing-nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.landing-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:1.5rem;font-weight:700;color:#fff;transition:all .2s;text-shadow:0 2px 4px rgba(0,0,0,.2)}.landing-nav.scrolled .landing-brand{color:#667eea;text-shadow:none}.landing-brand:hover{color:#764ba2}.landing-nav-menu{display:flex;align-items:center;gap:1.5rem}.landing-nav-link{text-decoration:none;color:#fff;font-weight:500;font-size:1rem;transition:all .2s;padding:.5rem 1rem;border-radius:6px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.landing-nav.scrolled .landing-nav-link{color:#495057;text-shadow:none}.landing-nav-link:hover{background:#ffffff1a;transform:translateY(-1px)}.landing-nav.scrolled .landing-nav-link:hover{background:#667eea1a;color:#667eea}.landing-nav .btn{font-size:.875rem;padding:.5rem 1.25rem;border-radius:6px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.landing-nav .btn-outline{background:transparent;color:#fff;border:2px solid white}.landing-nav.scrolled .btn-outline{color:#667eea;border-color:#667eea}.landing-nav .btn-outline:hover{background:#fff;color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.landing-nav.scrolled .btn-outline:hover{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.landing-nav .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.landing-nav .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}@media (max-width: 768px){.landing-nav-container{padding:0 1rem}.landing-brand{font-size:1.25rem}.brand-icon{font-size:1.5rem}.landing-nav-menu{gap:.75rem}.landing-nav-link{display:none}.landing-nav .btn{font-size:.75rem;padding:.4rem 1rem}}.app-footer{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem 1.5rem;margin-top:4rem}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.2)}.footer-section{display:flex;flex-direction:column}.footer-brand-section{gap:.75rem}.footer-brand{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.brand-icon{font-size:1.75rem;font-weight:700;font-style:italic}.footer-tagline{font-size:.875rem;opacity:.9;line-height:1.5;max-width:300px}.footer-heading{font-size:1rem;font-weight:600;margin-bottom:1rem;opacity:.95}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-link{color:#fff;text-decoration:none;font-size:.875rem;opacity:.8;transition:all .2s;padding:.25rem 0}.footer-link:hover{opacity:1;transform:translate(4px)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center}.footer-copyright{font-size:.875rem;opacity:.8;margin:0}.footer-social{display:flex;gap:1rem;align-items:center}.footer-social-link{color:#fff;text-decoration:none;font-size:1.25rem;opacity:.8;transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a}.footer-social-link:hover{opacity:1;background:#fff3;transform:translateY(-2px)}@media (max-width: 992px){.footer-content{grid-template-columns:1fr 1fr;gap:2rem 1.5rem}.footer-brand-section{grid-column:1 / -1}}@media (max-width: 576px){.app-footer{padding:2rem 1rem 1rem}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-brand-section{grid-column:1}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.footer-copyright{order:2}.footer-social{order:1}}.hero-video-container{width:100%;max-width:1000px;margin:2.5rem auto;padding:0 1rem;position:relative;z-index:1}.hero-video{width:100%;height:auto;aspect-ratio:16 / 9;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:block;background:#0000001a;overflow:hidden}@media (max-width: 768px){.hero-video-container{max-width:100%;margin:2rem auto;padding:0 .5rem}.hero-video{border-radius:8px;box-shadow:0 8px 30px #00000040}}@media (max-width: 480px){.hero-video-container{margin:1.5rem auto;padding:0}.hero-video{border-radius:6px}}.feature-flow-section{padding:5rem 2rem;background:#fff}.flow-steps-container{display:flex;flex-direction:column;gap:2.5rem;max-width:1200px;margin:0 auto}.flow-step-card{display:grid;grid-template-columns:auto auto 1fr;gap:2rem;align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;transition:all .3s}.flow-step-card:hover{box-shadow:0 8px 24px #667eea26;border-color:#667eea}.flow-step-feature{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:100px;flex-shrink:0}.flow-step-icon{font-size:40px}.flow-step-feature-name{font-size:.875rem;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.05em}.flow-step-content{display:flex;flex-direction:column;gap:.75rem;min-width:0}.flow-step-description{font-size:1rem;color:#4a5568;line-height:1.6;margin:0}.flow-step-description{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.flow-step-description li{font-size:.9rem;color:#718096;padding-left:1.25rem;position:relative}.flow-step-description li:before{content:"•";position:absolute;left:0;color:#667eea;font-weight:700}.flow-step-illustration{min-width:450px;max-width:500px;flex-shrink:0}.flow-step-screenshot{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e8f0;transition:all .3s}.flow-step-card:hover .flow-step-screenshot{box-shadow:0 4px 16px #00000026}.illustration-placeholder{width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px dashed #cbd5e0;border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;font-size:.875rem;color:#a0aec0;font-style:italic}@media (max-width: 1024px){.flow-step-card{grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:1.5rem}.flow-step-feature{grid-row:1 / 3;min-width:80px}.flow-step-icon{font-size:36px}.flow-step-content{grid-column:3 / 4}.flow-step-illustration{grid-column:3 / 4;max-width:100%}.flow-step-screenshot{border-radius:6px}}@media (max-width: 768px){.feature-flow-section{padding:3rem 1rem}.flow-steps-container{gap:2rem}.flow-step-card{grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;gap:1rem;padding:1.5rem}.flow-step-feature{grid-column:2;grid-row:1;flex-direction:row;gap:.75rem;min-width:0}.flow-step-icon{font-size:32px}.flow-step-feature-name{font-size:.8rem}.flow-step-content{grid-column:1 / 3;grid-row:2}.flow-step-description{font-size:.9rem}.flow-step-description li{font-size:.85rem}.flow-step-illustration{grid-column:1 / 3;grid-row:3;max-width:100%;min-width:0}.flow-step-screenshot{border-radius:6px}.illustration-placeholder{font-size:.75rem;padding:.75rem}}.landing-page{min-height:100vh;overflow-x:hidden}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 4rem;overflow:hidden;color:#fff}.hero-background{position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);z-index:-1}.hero-background:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.hero-content{max-width:900px;text-align:center;z-index:1;animation:fadeInUp .8s ease-out}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.btn-hero{font-size:1.125rem;padding:1rem 2.5rem;border-radius:8px;font-weight:700;border:none;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block}.btn-hero.btn-primary{background:#fff;color:#667eea;box-shadow:0 4px 12px #00000026}.btn-hero.btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000040}.btn-hero.btn-secondary{background:#fff3;color:#fff;border:2px solid white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-hero.btn-secondary:hover{background:#ffffff4d;transform:translateY(-3px)}.hero-trust{font-size:.875rem;opacity:.85;margin:0}.problem-solution-section{padding:5rem 2rem;background:#f8f9fa}.section-container{max-width:1400px;margin:0 auto}.section-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:3rem;color:var(--app-color-primary)}.section-subtitle{font-size:1.125rem;text-align:center;color:var(--app-color-primary-dark)}.mobile-layout{display:none}.desktop-layout{display:block}.desktop-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.unified-pair-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;overflow:hidden;border:2px solid #e2e8f0;transition:all .3s}.unified-pair-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #667eea26;border-color:#667eea}.pair-problem-section{background:#f7fafc;padding:1.5rem;border-bottom:1px solid #e2e8f0;text-align:center;min-height:50px;display:flex;align-items:center;justify-content:center}.pair-problem-text{margin:0;font-size:1rem;color:#4a5568;font-weight:500;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.pair-solution-section{background:#fff;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.pair-label{font-size:.875rem;font-weight:700;color:#667eea;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;display:block}.pair-solution-header{margin:0;font-size:1.375rem;font-weight:700;color:#667eea;word-wrap:break-word;overflow-wrap:break-word}.pair-solution-body{margin:0;font-size:.95rem;color:#4a5568;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.problem-solution-row{display:flex;align-items:stretch;gap:2rem;margin-bottom:3rem}.row-label{flex-shrink:0;width:140px;display:flex;align-items:center;font-size:1.25rem;font-weight:700;color:#2d3748;writing-mode:horizontal-tb;text-align:right;padding-right:1rem;border-right:3px solid #667eea}.cards-row{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.problem-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all .3s;border:1px solid #e2e8f0;min-height:100px}.problem-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#cbd5e0}.problem-text{margin:0;font-size:.95rem;color:#4a5568;font-weight:500;line-height:1.5}.solution-card{background:linear-gradient(135deg,#f7fafc,#fff);padding:2rem;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;transition:all .3s;border:2px solid #e2e8f0}.solution-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #667eea26;border-color:#667eea}.solution-card .card-icon{font-size:2.5rem;flex-shrink:0}.solution-header{margin:0;font-size:1.25rem;font-weight:700;color:#667eea}.solution-body{margin:0;font-size:.925rem;color:#4a5568;line-height:1.6}.mobile-navigation-container{display:flex;align-items:center;gap:1rem;margin:2rem 0;width:100%}.nav-arrow{background:#fff;border:2px solid #667eea;color:#667eea;font-size:2rem;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0;font-weight:300;line-height:1;padding:0}.nav-arrow:hover:not(:disabled){background:#667eea;color:#fff;transform:scale(1.1)}.nav-arrow:disabled{opacity:.3;cursor:not-allowed;border-color:#cbd5e0;color:#cbd5e0}.pair-cards-wrapper{flex:1;overflow:hidden;position:relative;display:flex;min-height:400px;width:100%;max-width:100%}.mobile-layout .unified-pair-card{width:100%;min-width:100%;max-width:100%;flex-shrink:0;box-sizing:border-box}.pagination-dots{display:flex;justify-content:center;gap:.75rem;margin-top:1.5rem}.pagination-dot{width:12px;height:12px;border-radius:50%;border:2px solid #667eea;background:transparent;cursor:pointer;transition:all .3s;padding:0}.pagination-dot:hover{transform:scale(1.2)}.pagination-dot.active{background:#667eea;transform:scale(1.3)}.problem-section{padding:5rem 2rem;background:#f8f9fa}.pain-points-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin:3rem 0;max-width:900px;margin-left:auto;margin-right:auto}.pain-point{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:1rem;transition:all .3s}.pain-point:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.pain-icon{font-size:2.5rem;flex-shrink:0}.pain-point p{margin:0;font-size:1rem;color:#4a5568;font-weight:500}.problem-transition{text-align:center;font-size:1.5rem;font-weight:600;color:#667eea;margin-top:3rem;font-style:italic}.features-section{padding:5rem 2rem;background:#fff}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.feature-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:2rem;transition:all .3s;position:relative}.feature-card:hover{border-color:#667eea;transform:translateY(-8px);box-shadow:0 8px 24px #667eea33}.feature-number{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.feature-title{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.feature-description{color:#718096;line-height:1.6;margin-bottom:1.5rem}.feature-visual{background:#f7fafc;border-radius:8px;padding:2rem;text-align:center}.placeholder-visual{font-size:2rem;opacity:.8}.benefits-section{padding:5rem 2rem;background:#f8f9fa}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.benefit-card{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 2px 8px #00000014;text-align:center;transition:all .3s}.benefit-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.benefit-icon{font-size:3rem;margin-bottom:1rem;display:block}.benefit-title{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.benefit-description{color:#718096;line-height:1.6}.final-cta-section{padding:6rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.cta-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.cta-subtitle{font-size:1.25rem;opacity:.95;margin-bottom:2.5rem}.cta-buttons{display:flex;gap:1rem;justify-content:center}.social-proof-section{padding:5rem 2rem;background:#fff}.stats-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:900px;margin:0 auto}.stat-card{text-align:center;padding:2rem}.stat-value{font-size:3rem;font-weight:800;color:#667eea;margin-bottom:.5rem}.stat-label{font-size:1.125rem;color:#718096;font-weight:500}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.testimonial-card{background:#f7fafc;padding:2rem;border-radius:12px;border-left:4px solid #667eea}.testimonial-quote{font-size:.95rem;line-height:1.6;color:#4a5568;margin-bottom:1.5rem;font-style:italic}.testimonial-author{display:flex;flex-direction:column;gap:.25rem}.testimonial-author strong{color:#2d3748;font-size:.95rem}.testimonial-author span{color:#718096;font-size:.875rem}.faq-section{padding:5rem 2rem;background:#f8f9fa}.faq-container{max-width:800px;margin:3rem auto 0}.faq-item{background:#fff;border-radius:12px;margin-bottom:1rem;overflow:hidden;box-shadow:0 2px 4px #0000000d}.faq-question{width:100%;padding:1.5rem;background:#fff;border:none;text-align:left;font-size:1.125rem;font-weight:600;color:#2d3748;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.faq-question:hover{background:#f7fafc}.faq-question.active{color:#667eea}.faq-icon{font-size:1.5rem;font-weight:300;color:#667eea;transition:transform .3s}.faq-question.active .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer.open{max-height:500px}.faq-answer p{padding:0 1.5rem 1.5rem;margin:0;color:#718096;line-height:1.6}@media (max-width: 992px){.hero-title{font-size:2.5rem}.features-grid,.benefits-grid,.testimonials-grid,.pain-points-grid,.stats-container{grid-template-columns:1fr}.desktop-cards-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 767px){.hero-section{padding:5rem 1rem 3rem;min-height:90vh}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-cta{flex-direction:column;align-items:stretch}.btn-hero{font-size:1rem;padding:.875rem 2rem}.section-title{font-size:2rem}.section-subtitle{font-size:1rem;margin-bottom:2rem}.problem-section,.problem-solution-section,.features-section,.benefits-section,.social-proof-section,.faq-section{padding:3rem 1rem}.final-cta-section{padding:4rem 1rem}.cta-title{font-size:1.75rem}.cta-buttons{flex-direction:column;align-items:stretch}.faq-question{font-size:1rem;padding:1.25rem}.desktop-layout{display:none}.mobile-layout{display:block}.mobile-navigation-container{gap:.5rem}.nav-arrow{width:40px;height:40px;font-size:1.5rem}.pair-cards-wrapper{min-height:350px}.pair-problem-section,.pair-solution-section{padding:1.25rem 1rem}.pair-solution-header{font-size:1.25rem}.pair-solution-body{font-size:.9rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleInBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.hidden{opacity:0}.fade-in{animation:fadeIn .6s ease-out forwards}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.fade-in-down{animation:fadeInDown .6s ease-out forwards}.fade-in-left{animation:fadeInLeft .6s ease-out forwards}.fade-in-right{animation:fadeInRight .6s ease-out forwards}.scale-in{animation:scaleIn .5s ease-out forwards}.scale-in-bounce{animation:scaleInBounce .8s cubic-bezier(.68,-.55,.265,1.55) forwards}.slide-in-up{animation:slideInUp .6s ease-out forwards}.slide-in-down{animation:slideInDown .6s ease-out forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.animation-fast{animation-duration:.3s!important}.animation-normal{animation-duration:.6s!important}.animation-slow{animation-duration:1s!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 3s ease-in-out infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#fff0,#fff3,#fff0);background-size:1000px 100%;animation:shimmer 2s infinite}.section-enter{animation:fadeInUp .8s ease-out forwards}.card-enter{animation:scaleIn .5s ease-out forwards}.text-enter{animation:fadeIn .6s ease-out forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dashboard{max-width:1100px;margin:0 auto;padding:3rem 1.5rem}.dashboard__success{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;margin-bottom:2rem;background:var(--app-color-surface);border:1px solid rgba(0,0,0,.08);border-radius:var(--app-radius-sm);box-shadow:0 2px 8px #00000014}.dashboard__success .success-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:var(--app-color-primary);color:#fff;flex:0 0 auto}.dashboard__success .success-message{font-weight:600;color:var(--app-color-text, #2c3e50);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard__error{background:#fff3cd;border:1px solid #ffc107;border-radius:var(--app-radius-sm);padding:1rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.dashboard__error p{margin:0;color:#856404;flex:1}.dashboard__features{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem;margin-bottom:3rem}.dashboard__feature-section{display:flex;flex-direction:column;gap:1.5rem}.dashboard__feature-header{display:flex;flex-direction:column;align-items:center;gap:.75rem}.dashboard__feature-icon-hero{font-size:4rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.dashboard__feature-name{font-size:1.75rem;font-weight:700;color:var(--app-color-primary);margin:0;letter-spacing:-.02em}.dashboard__feature-divider{height:4px;background:var(--app-color-primary);border-radius:2px;opacity:.2;margin:0 auto;width:100%}.dashboard__feature-stats{display:flex;gap:1rem;justify-content:center}.dashboard__stat-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 1.5rem;background:var(--app-color-surface);border-radius:var(--app-radius-sm);box-shadow:0 2px 8px #00000014;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;min-width:120px;cursor:pointer}.dashboard__stat-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.dashboard__stat-number{font-size:2rem;font-weight:700;color:var(--app-color-primary);line-height:1}.dashboard__stat-label{font-size:.85rem;color:var(--app-color-text-muted);font-weight:500;text-align:center}.dashboard__feature-cta{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;box-shadow:0 2px 8px #00000014}.dashboard__feature-cta:hover{box-shadow:0 4px 12px #00000026}.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:4px;height:100%;width:100%}.skeleton-text--compact{height:60px;width:100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard__account-link{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--app-color-border-subtle)}.dashboard__account-link a{color:var(--app-color-text-muted);text-decoration:none;font-size:.95rem;transition:color .2s ease}.dashboard__account-link a:hover{color:var(--app-color-primary);text-decoration:underline}@media (max-width: 768px){.dashboard{padding:2rem 1rem}.dashboard__features{grid-template-columns:1fr;gap:3rem}.dashboard__feature-icon-hero{font-size:3rem}.dashboard__feature-name{font-size:1.5rem}.dashboard__feature-stats{flex-direction:column;gap:.75rem}.dashboard__stat-button{flex-direction:row;padding:1rem 1.25rem}.dashboard__stat-number{font-size:1.75rem}.dashboard__stat-label{font-size:.9rem;text-align:right}.dashboard__feature-divider{width:100%}}@media (min-width: 769px) and (max-width: 1024px){.dashboard{padding:2.5rem 1.5rem}.dashboard__features{gap:3rem}.dashboard__feature-icon-hero{font-size:3.5rem}}.tag-input-container{position:relative}.tags-display{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.3rem;min-height:2rem;background:#f8f9fa}.tag-chip{display:inline-block;padding:.25rem .75rem;background:#eff6ff;color:#1e40af;border-radius:9999px;font-size:.75rem;font-weight:500;border:1px solid #bfdbfe;transition:all .2s;animation:fadeIn .2s ease-in}.tag-chip:hover{background:#0d6efd;color:#fff}.tag-chip:hover .tag-remove-btn{color:#fff;opacity:1}.tag-remove-btn{background:none;border:none;padding:0;width:1.125rem;height:1.125rem;align-items:center;justify-content:center;cursor:pointer;color:#0d6efd;font-size:1.125rem;font-weight:700;line-height:1;opacity:.7;transition:all .2s}.tag-remove-btn:hover{opacity:1;transform:scale(1.1)}.tag-input-field{width:100%;padding:.5rem;border:2px none #e9ecef;border-radius:8px;font-size:.875rem;transition:all .2s;background-color:#f8f9fa}.tag-input-field:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd26;outline:none}.tag-input-field::placeholder{color:#adb5bd}.tag-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:.25rem;max-height:200px;overflow-y:auto;box-shadow:0 4px 12px #0000001a;z-index:9999;animation:slideDown .2s ease-out}.tag-suggestion-item{padding:.75rem 1rem;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-size:.875rem;color:#495057;transition:all .15s;border-bottom:1px solid #f1f3f5}.tag-suggestion-item:last-child{border-bottom:none}.tag-suggestion-item:hover{background:#e7f3ff;color:#0d6efd}.tag-suggestion-item:active{background:#cfe2ff}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.thought-card{background:#fff;color:var(--app-color-text);border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 8px #0000000f;transition:all .2s;display:flex;flex-direction:column;overflow:visible;position:relative;z-index:1}.thought-card:has(.tag-input-field:focus){z-index:100}.thought-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.thought-card-header{display:flex;align-items:center;gap:.75rem;padding:.4rem 1.25rem;border-bottom:1px solid #e9ecef;border-top-left-radius:10px;border-top-right-radius:10px}.approve-toggle{display:flex;align-items:center;gap:.5rem}.approve-checkbox{width:1.25rem;height:1.25rem;cursor:pointer;flex-shrink:0}.approve-checkbox:disabled{cursor:not-allowed;opacity:.5}.title-input-header{flex:1;font-size:.8rem;font-weight:600;padding:.4rem .6rem;border:1px none #e0e0e0;border-radius:4px;transition:all .2s;background:var(--app-color-surface);color:var(--app-color-text)}.title-input-header:focus{border-color:#4a90e2;background:#f8f9fa;box-shadow:0 0 0 2px #4a90e21a;outline:none}.collapsed-title{font-size:.875rem;color:#666;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thought-card-body{padding:.5rem 1rem;flex:1;display:flex;flex-direction:column;gap:1rem;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s;will-change:max-height,opacity}.thought-card-body.collapsed{max-height:0;opacity:0;overflow:hidden;padding-top:0;padding-bottom:0}.thought-card-body.expanded{max-height:2000px;opacity:1;overflow:visible}.refined-text-section{display:flex;flex-direction:column;gap:.1rem}.refined-text-label{font-size:.75rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.refined-text-area{min-height:80px;padding:.2rem .75rem;border:2px none #e9ecef;border-radius:6px;font-size:.875rem;line-height:1.5;transition:all .2s;resize:vertical;background-color:var(--app-color-surface-muted);color:var(--app-color-text)}.refined-text-area:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd26;outline:none}.refined-text-area:disabled{background-color:#f0f0f0;cursor:not-allowed;opacity:.7}.tags-section{border-radius:6px;border:1px none #e9ecef;overflow:visible;position:relative}.tags-label{font-size:.75rem;font-weight:600;color:#7d6c6c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem;display:block;text-align:left}.original-text-section{margin-top:0}.original-text-toggle{cursor:pointer;font-weight:600;color:#0d6efd;padding:0;font-size:.813rem;transition:color .2s;-webkit-user-select:none;user-select:none}.original-text-toggle:hover{color:#0a58ca}.original-text-toggle::marker{color:#0d6efd}.original-text-content{margin-top:.5rem;padding:.5rem .3rem;background:#f1f3f5;border-radius:6px;border:1px solid #dee2e6}.original-text-pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.813rem;line-height:1.5;color:#495057;max-width:100%;overflow-wrap:break-word}.metadata-section{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f8f9fa;border-radius:6px;font-size:.813rem;color:#6c757d}.metadata-icon{font-size:.875rem}.mode-label{font-weight:500;font-size:.875rem;color:#555;line-height:1.3;margin-bottom:.5rem}.mode-toggle{display:flex;gap:.5rem;background:#fff;padding:.25rem;border-radius:8px;border:1px solid #ddd}.mode-toggle.compact{flex-direction:column;padding:.125rem}.mode-button{flex:1;padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;color:#666;min-height:36px}.mode-button:hover:not(:disabled){background:#f0f0f0}.mode-button.active{background:#667eea;color:#fff}.mode-button:disabled{cursor:not-allowed;opacity:.5}.mode-hint{margin:0;font-size:.75rem;color:#777;font-style:italic;line-height:1.3}.selection-buttons{display:flex;gap:.5rem;margin-top:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 992px){.progress-panel.collapsed .mode-label,.progress-panel.collapsed .mode-hint{display:none}}.bottom-toolbar{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#fff;box-shadow:0 -2px 8px #0000001a;display:none;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1)}.toolbar-fixed-bottom{display:flex;flex-direction:column;background:#fff;flex-shrink:0;padding-bottom:env(safe-area-inset-bottom,8px)}.toolbar-hint-text{padding:.5rem 1rem .25rem;text-align:center;font-size:.8125rem;line-height:1.3;color:var(--app-color-text-muted, #6c757d);font-weight:400;max-width:90%;margin:0 auto}.toolbar-action-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem .5rem;gap:.75rem}.toolbar-steps-row{display:flex;justify-content:center;padding:.25rem 1rem .75rem}.toolbar-action-btn{flex:1;max-width:220px;padding:.625rem 1.25rem;background:var(--app-color-accent, #667eea);color:#fff;border:none;border-radius:var(--app-radius-sm, 8px);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px}.toolbar-action-btn:hover:not(:disabled){background:var(--app-color-primary, #4a90e2)}.toolbar-action-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-action-btn:active:not(:disabled){transform:scale(.98)}.toolbar-btn-text{transition:opacity .2s ease}.toolbar-btn-text.loading{opacity:.8}.toolbar-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:toolbar-spin .8s linear infinite}@keyframes toolbar-spin{to{transform:rotate(360deg)}}.toolbar-expand-toggle{width:44px;height:44px;padding:0;background:var(--app-color-surface, #f8f9fa);border:1px solid var(--app-color-border, #e0e0e0);border-radius:var(--app-radius-sm, 8px);color:var(--app-color-text-muted, #6c757d);font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toolbar-expand-toggle:hover{background:var(--app-color-border, #e0e0e0);color:var(--app-color-text, #2c3e50)}.toolbar-expand-toggle:active{transform:scale(.95)}.toolbar-spacer{width:44px;flex-shrink:0}.toolbar-expanded-content{max-height:0;overflow:hidden;background:#fff;border-bottom:1px solid var(--app-color-border, #e5e7eb);transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)}.toolbar-expanded-content.visible{max-height:fit-content;padding:1rem;overflow-y:auto}.toolbar-backdrop{position:fixed;inset:0;background:#0000004d;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.toolbar-backdrop.visible{opacity:1;pointer-events:auto}.step-progress-indicator{display:flex;align-items:center;gap:0}.step-circle{width:32px;height:32px;min-width:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;transition:all .2s ease;cursor:pointer;border:2px solid #d1d5db;background:#fff;color:#6b7280;padding:0}.step-circle:focus{outline:none;box-shadow:0 0 0 3px #667eea4d}.step-circle.completed{background:var(--app-color-primary, #4a90e2);border-color:var(--app-color-primary, #4a90e2);color:#fff}.step-circle.current{background:var(--app-color-accent, #667eea);border-color:var(--app-color-accent, #667eea);color:#fff;transform:scale(1.1)}.step-circle.future{cursor:default;opacity:.5}.step-circle.future:hover{background:#fff}.step-circle:disabled{cursor:default}.step-connector{width:20px;height:2px;background:#d1d5db;flex-shrink:0}.step-connector.completed{background:var(--app-color-primary, #4a90e2)}.toolbar-control-group{display:flex;flex-direction:column;gap:.5rem;border-radius:8px;background-color:#4a4ae20c;padding:.75rem .5rem}.toolbar-control-group:last-child{margin-bottom:0}.toolbar-control-label{font-weight:600;font-size:.875rem;color:var(--app-color-text, #2c3e50)}.toolbar-hint{font-size:.75rem;color:var(--app-color-text-muted, #6c757d);margin:0;font-style:italic}.toolbar-summary{font-size:.875rem;font-weight:600;color:var(--app-color-accent, #667eea);text-align:center;margin:0 0 .75rem;padding:.5rem;background:#667eea1a;border-radius:var(--app-radius-sm, 6px)}.toolbar-button-row{display:flex;gap:.5rem;margin-bottom:.75rem}.toolbar-button-row:last-child{margin-bottom:0}.toolbar-secondary-btn{flex:1;padding:.5rem .75rem;background:var(--app-color-surface, #f8f9fa);color:var(--app-color-primary-dark, #2c3e50);border:1px solid var(--app-color-primary);border-radius:var(--app-radius-sm, 6px);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:40px}.toolbar-secondary-btn:hover:not(:disabled){background:var(--app-color-border, #e0e0e0)}.toolbar-secondary-btn:disabled{opacity:.5;cursor:not-allowed;border:1px solid var(--app-color-border);color:var(--app-color-text, #2c3e50);font-size:.8125rem}.toolbar-secondary-btn.toolbar-full-width{flex:none;width:100%}.toolbar-range-input{width:100%;height:6px;background:#e5e7eb;border-radius:3px;outline:none;-webkit-appearance:none;appearance:none}.toolbar-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--app-color-accent, #667eea);border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.toolbar-range-input::-moz-range-thumb{width:20px;height:20px;background:var(--app-color-accent, #667eea);border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.toolbar-range-input:disabled{opacity:.5}.toolbar-mode-toggle{display:flex;gap:.5rem;background:var(--app-color-surface, #f8f9fa);padding:.25rem;border-radius:var(--app-radius-sm, 8px);border:1px solid var(--app-color-border, #e0e0e0)}.toolbar-mode-btn{flex:1;padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s ease;color:var(--app-color-text-muted, #6c757d);min-height:40px}.toolbar-mode-btn:hover:not(:disabled):not(.active){background:#0000000d}.toolbar-mode-btn.active{background:var(--app-color-accent, #667eea);color:#fff}.toolbar-mode-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-control-step,.toolbar-controls-step1,.toolbar-controls-step2,.toolbar-controls-step3{display:flex;flex-direction:column;gap:.75rem}@media (max-width: 992px){.bottom-toolbar{display:flex}.toolbar-backdrop{display:block}}@media (min-width: 993px){.bottom-toolbar,.toolbar-backdrop{display:none!important}}@media (max-width: 375px){.toolbar-action-row{padding:.5rem .75rem .25rem;gap:.5rem}.toolbar-steps-row{padding:.25rem .75rem .5rem}.toolbar-hint-text{font-size:.75rem;padding:.4rem .75rem .2rem}.step-circle{width:28px;height:28px;min-width:28px;font-size:.75rem}.step-connector{width:12px}.toolbar-action-btn{font-size:.8125rem;padding:.5rem .75rem;max-width:160px}.toolbar-expand-toggle{width:40px;height:40px}.toolbar-spacer{width:40px}}.auth-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:450px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.auth-modal-close:hover{background-color:#f0f0f0;color:#333}.auth-modal-content h2{margin:0 0 .5rem;font-size:1.75rem;color:#1a1a1a}.auth-modal-description{margin:0 0 1.5rem;color:#666;font-size:.95rem}.auth-modal-error{background-color:#fee;color:#c33;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;border-left:3px solid #c33}.auth-modal-form{display:flex;flex-direction:column;gap:1rem}.auth-modal-field{display:flex;flex-direction:column;gap:.4rem}.auth-modal-field label{font-weight:500;color:#333;font-size:.9rem}.auth-modal-field input{padding:.75rem;border:1.5px solid #ddd;border-radius:6px;font-size:1rem;transition:all .2s}.auth-modal-field input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.auth-modal-field input:disabled{background-color:#f5f5f5;cursor:not-allowed}.auth-modal-submit{margin-top:.5rem;padding:.875rem;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.auth-modal-submit:hover:not(:disabled){background-color:#357abd;transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.auth-modal-submit:active:not(:disabled){transform:translateY(0)}.auth-modal-submit:disabled{background-color:#ccc;cursor:not-allowed}.auth-modal-toggle{margin-top:1.5rem;text-align:center;padding-top:1.5rem;border-top:1px solid #eee}.auth-modal-toggle p{margin:0;color:#666;font-size:.9rem}.auth-modal-toggle-btn{background:none;border:none;color:#4a90e2;font-weight:600;cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline}.auth-modal-toggle-btn:hover:not(:disabled){color:#357abd}.auth-modal-toggle-btn:disabled{color:#999;cursor:not-allowed}.auth-google-btn{width:100%;padding:.875rem;background-color:#fff;color:#3c4043;border:1.5px solid #dadce0;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.auth-google-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#c0c4c8;box-shadow:0 1px 3px #0000001a}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-google-btn svg{flex-shrink:0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #ddd}@media (max-width: 500px){.auth-modal-content{padding:1.5rem;width:95%}.auth-modal-content h2{font-size:1.5rem}}.length-slider-container{width:90%;align-self:center}.length-slider-track{position:relative;height:6px;background:#e0e0e0;border-radius:3px;margin:30px 0}.length-slider-progress{position:absolute;top:0;left:0;height:100%;background:var(--app-color-primary);border-radius:3px;transition:width .3s ease}.length-slider-node{position:absolute;top:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:2}.length-slider-node.disabled{cursor:not-allowed;opacity:.5}.node-dot{width:16px;height:16px;background:#fff;border:2px solid #ccc;border-radius:50%;transition:all .2s ease}.length-slider-node:hover:not(.disabled) .node-dot{transform:scale(1.2);border-color:var(--app-color-primary)}.length-slider-node.passed .node-dot{background:var(--app-color-primary);border-color:var(--app-color-primary)}.length-slider-node.active .node-dot{background:var(--app-color-primary);border-color:var(--app-color-primary);width:20px;height:20px;box-shadow:0 0 0 4px #007bff33}.node-label{position:absolute;top:30px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:12px;font-weight:500;color:#666;pointer-events:none}.length-slider-node.active .node-label{color:var(--app-color-primary);font-weight:600}@media (max-width: 768px){.node-label{font-size:10px;top:25px}.node-dot{width:14px;height:14px}.length-slider-node.active .node-dot{width:18px;height:18px}}.thought-manager-card{margin-bottom:0;padding:0;border-radius:0;border-top:1px solid #e5e7eb;background:var(--app-color-surface);color:var(--app-color-text);transition:box-shadow .2s ease,transform .2s ease}.thought-manager-card:hover{box-shadow:var(--app-shadow-elevated);transform:translateY(-1px)}.thought-manager-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 1.5rem;gap:1rem;background:var(--app-color-background);border:none;transition:background .2s}.thought-manager-card .card-header:hover{background:#f3f4f6}.thought-manager-card .header-left{display:flex;flex:1;min-width:0}.thought-manager-card .header-content{flex:1}.thought-manager-card .thought-title{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:#1f2937;line-height:1.4}.thought-manager-card .header-metadata{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.25rem}.thought-manager-card .compact-meta{font-size:.75rem;color:#6b7280;display:flex;align-items:center;gap:.25rem}.thought-manager-card .expand-toggle{background:none;border:none;font-size:1.1rem;color:#6b7280;cursor:pointer;padding:.25rem;transition:color .2s ease;flex-shrink:0}.thought-manager-card .expand-toggle:hover:not(:disabled){color:#374151}.thought-manager-card .expand-toggle:disabled{opacity:.5;cursor:not-allowed}.thought-manager-card .card-body{padding:0 1.5rem 1.5rem;border-top:1px solid #f3f4f6;background:var(--app-color-background);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.thought-manager-card .field-section{margin-bottom:1.5rem}.thought-manager-card .field-section:last-of-type{margin-bottom:1rem}.thought-manager-card .field-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.thought-manager-card .field-display{padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;line-height:1.6}.thought-manager-card .field-display-text{white-space:pre-wrap;word-wrap:break-word}.thought-manager-card .field-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.thought-manager-card .field-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.thought-manager-card .field-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;line-height:1.6;resize:vertical;min-height:120px;transition:border-color .2s,box-shadow .2s}.thought-manager-card .field-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.thought-manager-card .tags-display{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;min-height:3rem;align-items:center}.thought-manager-card .no-tags{color:#9ca3af;font-size:.875rem;font-style:italic}.thought-manager-card .metadata-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:1.5rem}.thought-manager-card .metadata-item{display:flex;flex-direction:column;gap:.25rem}.thought-manager-card .metadata-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.thought-manager-card .metadata-value{font-size:.875rem;color:#1f2937}@media (max-width: 768px){.thought-manager-card .card-header{padding:1rem}.thought-manager-card .card-body{padding:0 1rem 1rem}.thought-manager-card .thought-title{font-size:.875rem}.thought-manager-card .header-metadata{gap:.75rem}.thought-manager-card .metadata-section{grid-template-columns:1fr}}.multi-select-tag-filter{position:relative;width:100%}.selected-tags-container{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;padding:.375rem .5rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;min-height:38px;cursor:text;transition:border-color .2s,box-shadow .2s}.selected-tags-container:focus-within{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.selected-tag-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#3b82f6;color:#fff;border-radius:4px;font-size:.813rem;font-weight:500;white-space:nowrap}.remove-tag-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff;font-size:1.25rem;line-height:1;padding:0;margin-left:.125rem;cursor:pointer;width:16px;height:16px;border-radius:50%;transition:background-color .2s}.remove-tag-btn:hover{background-color:#fff3}.tag-search-input{flex:1;min-width:120px;border:none;outline:none;padding:.25rem;font-size:.875rem;background:transparent}.tag-search-input::placeholder{color:#9ca3af}.tag-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-height:200px;overflow-y:auto;z-index:9999}.tag-dropdown-item{padding:.5rem .75rem;cursor:pointer;font-size:.875rem;transition:background-color .15s}.tag-dropdown-item:hover{background-color:#f3f4f6}.tag-dropdown-item:active{background-color:#e5e7eb}.tag-dropdown-empty{padding:.75rem;text-align:center;color:#6b7280;font-size:.875rem;font-style:italic}.tag-dropdown::-webkit-scrollbar{width:6px}.tag-dropdown::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.tag-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.tag-dropdown::-webkit-scrollbar-thumb:hover{background:#9ca3af}.filter-field{display:flex;flex-direction:column}.filter-field-button{justify-content:flex-end}.filter-label{font-size:.875rem;font-weight:500;margin-bottom:.375rem;color:#374151}.filter-input,.filter-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:var(--app-radius-xs);font-size:.875rem;transition:border-color .2s,box-shadow .2s}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--app-color-primary);box-shadow:0 0 0 3px #4a90e21a}.filter-input::placeholder{color:#9ca3af}.clear-filters-btn{margin-top:auto;padding:.5rem 1rem;font-size:.875rem;white-space:nowrap}.alert{padding:1rem 1.25rem;border-radius:var(--app-radius-sm);margin-bottom:1.5rem}.alert-danger{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--app-color-surface);border-radius:var(--app-radius-sm);box-shadow:var(--app-shadow-card)}.spinner-border{width:3rem;height:3rem;border:.375rem solid #e5e7eb;border-right-color:#3b82f6;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{margin-top:1rem;color:var(--app-color-text-muted);font-size:1rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.tag-card .card__header--no-hover{cursor:default}.tag-card .card__header--no-hover:hover{background:var(--app-color-background)}.tag-card-content{display:flex;align-items:center;gap:1.5rem;flex:1}.tag-card-meta{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--app-color-text-muted)}.tag-edit-input{flex:1;font-size:1rem;font-weight:600;padding:.5rem .75rem;border:2px solid var(--app-color-primary);border-radius:var(--app-radius-xs);background:var(--app-color-surface)}.tag-edit-input:focus{outline:none;box-shadow:0 0 0 3px #4a90e21a}@media (max-width: 768px){.tag-card-content{flex-direction:column;align-items:flex-start;gap:.5rem}.tag-card .card__header{flex-direction:column;align-items:stretch}.card__actions{width:100%;justify-content:flex-end}}.draft-card-header-content{flex:1}.draft-card-badges{display:flex;gap:.5rem;margin-top:.5rem}.draft-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:16px;font-size:.75rem;font-weight:600}.draft-badge--content{background-color:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.draft-badge--context{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.draft-section{margin-bottom:1.5rem}.draft-section-label{display:block;font-size:.875rem;font-weight:600;color:var(--app-color-text);margin-bottom:.5rem}.draft-section-content{font-size:1rem;color:var(--app-color-text)}.draft-content-display{background:#f9fafb;border:1px solid var(--app-color-border);border-radius:var(--app-radius-sm);padding:1rem;white-space:pre-wrap;word-wrap:break-word;font-size:.95rem;line-height:1.6;color:var(--app-color-text);max-height:400px;overflow-y:auto}.draft-context-box{background:#fef9e7;border:1px solid #f4e5c2;border-radius:var(--app-radius-sm);padding:.875rem;font-size:.875rem;color:#6b5d3f;white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto}.draft-edit-input{width:100%;font-size:1rem;font-weight:600;padding:.75rem;border:2px solid var(--app-color-primary);border-radius:var(--app-radius-sm);background:var(--app-color-surface)}.draft-edit-input:focus{outline:none;box-shadow:0 0 0 3px #4a90e21a}.draft-edit-textarea{width:100%;font-size:.95rem;line-height:1.6;padding:1rem;border:2px solid var(--app-color-primary);border-radius:var(--app-radius-sm);background:var(--app-color-surface);font-family:inherit;resize:vertical}.draft-edit-textarea:focus{outline:none;box-shadow:0 0 0 3px #4a90e21a}.draft-metadata{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem;background:#f9fafb;border-radius:var(--app-radius-sm);font-size:.875rem;color:var(--app-color-text-muted);margin-bottom:1rem}.draft-loading,.draft-error{text-align:center;padding:2rem;color:var(--app-color-text-muted)}.draft-error{color:#dc2626}.button--danger:hover:not(:disabled){background:#fee2e2;color:#dc2626;border-color:#dc2626}.filter-field-button{display:flex;flex-direction:column;justify-content:flex-end}@media (max-width: 768px){.draft-card-badges{flex-direction:column;gap:.25rem}.draft-metadata{flex-direction:column;gap:.5rem}.card__actions{flex-wrap:wrap;width:100%}.card__actions .button{flex:1;min-width:100px}}.panel-loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem .5rem;color:#334155;font-size:.85rem}.panel-loading .app-spinner{width:36px;height:36px}.range-selector{display:flex;flex-direction:column;gap:.5rem;margin:.25rem 0 .5rem}.range-label{font-size:.8rem;font-weight:600;color:#1f2937}.range-inputs{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.range-field{display:flex;flex:1;align-items:center;gap:.75rem}.range-field input[type=range]{flex:1}.range-value{min-width:2rem;text-align:center;font-weight:600;color:#1f2937;background:#f3f4f6;border-radius:8px;padding:.25rem .5rem}.range-hint{margin:0;font-size:.75rem;color:#6b7280;align-self:center}.length-selector{display:flex;flex-direction:column}.length-label{font-size:.8rem;font-weight:600;color:#1f2937}.length-hint{margin:.5rem 0rem 0rem;font-size:.75rem;color:#6b7280;text-align:center}.step-summary-info{padding:.5rem .75rem;font-size:.75rem;line-height:1.5;background:#f8f9fa;border-radius:4px;margin-top:.5rem;color:#495057}.step-summary-info div{margin:.125rem 0}.step-summary-info strong{color:#212529;font-weight:600}.account-settings{max-width:900px;margin:2rem auto;padding:0 1rem}.settings-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.settings-container h1{margin:0 0 2rem;color:#333;font-size:2rem}.settings-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e0e0e0}.settings-section:last-child{border-bottom:none;margin-bottom:0}.settings-section h2{margin:0 0 1.5rem;color:#555;font-size:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column}.info-item label{font-weight:600;color:#666;font-size:.875rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.info-item p{margin:0;color:#333;font-size:1rem}.status-verified{color:#10b981;font-weight:600}.status-unverified{color:#f59e0b;font-weight:600}.security-option,.data-option,.danger-option{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f9fafb;border-radius:8px;margin-bottom:1rem}.option-info h3{margin:0 0 .5rem;color:#333;font-size:1.125rem}.option-info p{margin:0;color:#666;font-size:.875rem}.btn-secondary,.btn-danger{padding:.625rem 1.25rem;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;border:none;white-space:nowrap}.btn-secondary{background:#6366f1;color:#fff}.btn-secondary:hover{background:#4f46e5}.btn-secondary:disabled{background:#9ca3af;cursor:not-allowed}.btn-danger:hover{background:#dc2626}.export-status{padding:1rem;border-radius:6px;margin-top:1rem;font-weight:500}.export-status.success{background:#d1fae5;color:#065f46}.export-status.error{background:#fee2e2;color:#991b1b}.export-status.info{background:#dbeafe;color:#1e40af}.data-info{margin-top:1.5rem;padding:1rem;background:#f3f4f6;border-radius:6px}.data-info p{margin:0 0 .5rem;font-weight:600;color:#374151}.data-info ul{margin:.5rem 0 0;padding-left:1.5rem}.data-info li{color:#6b7280;margin-bottom:.25rem}.danger-zone{border:2px solid #fecaca;border-radius:8px;padding:1.5rem;background:#fef2f2}.danger-zone h2{color:#dc2626}@media (max-width: 768px){.security-option,.data-option,.danger-option{flex-direction:column;align-items:flex-start}.security-option button,.data-option button,.danger-option button{margin-top:1rem;width:100%}.info-grid{grid-template-columns:1fr}}.auth-required{text-align:center;padding:3rem}.auth-required h2{color:#333;margin-bottom:1rem}.auth-required p{color:#666}.password-form-container{margin-top:1rem;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.password-form h3{margin:0 0 1.5rem;color:#374151;font-size:1.125rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.875rem}.form-group input{padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s;color:var(--app-color-text);background:var(--app-color-surface)}.form-group input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group input:disabled{background:#f3f4f6;cursor:not-allowed}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-cancel,.btn-submit{flex:1;padding:.625rem 1.25rem;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.btn-submit{background:#6366f1;color:#fff}.btn-submit:hover:not(:disabled){background:#4f46e5}.btn-cancel:disabled,.btn-submit:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;color:#dc2626;font-size:1.5rem}.modal-close{background:none;border:none;font-size:2rem;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:1.5rem}.warning-text{color:#dc2626;margin:0 0 1.5rem;padding:1rem;background:#fef2f2;border-radius:6px;border:1px solid #fecaca}.deletion-details{margin-bottom:1.5rem}.deletion-details p{margin:0 0 .75rem;color:#374151;font-weight:600}.deletion-details ul{margin:0;padding-left:1.5rem}.deletion-details li{color:#6b7280;margin-bottom:.5rem}.alert{padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.confirmation-section,.password-section{margin-bottom:1.25rem}.confirmation-section label,.password-section label{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.875rem}.confirmation-section input,.password-section input{width:100%;padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s}.confirmation-section input:focus,.password-section input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.confirmation-section input:disabled,.password-section input:disabled{background:#f3f4f6;cursor:not-allowed}.modal-footer{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb}.btn-cancel,.btn-danger{flex:1;padding:.625rem 1.25rem;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover:not(:disabled){background:#e5e7eb}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-cancel:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.modal-overlay{padding:0}.modal-content{border-radius:0;max-height:100vh}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.connected-accounts{background:#f9fafb;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.connected-accounts h3{margin:0 0 .5rem;color:#374151;font-size:1.125rem}.accounts-info{margin:0 0 1rem;color:#6b7280;font-size:.875rem}.accounts-list{display:flex;flex-direction:column;gap:.75rem}.account-item{display:flex;align-items:center;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.account-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-right:1rem}.account-icon svg{width:32px;height:32px}.account-details{flex:1}.account-provider{font-weight:600;color:#374151;margin-bottom:.25rem}.account-status{font-size:.875rem;color:#10b981;font-weight:500}.password-info{margin-top:1rem;padding:.75rem 1rem;background:#dbeafe;border-radius:6px}.password-info p{margin:0;color:#1e40af;font-size:.875rem}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:3rem;width:100%;max-width:480px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem;text-align:center}.auth-subtitle{color:#6c757d;margin:0 0 2rem;text-align:center;font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#495057;font-size:.9rem}.form-group input{padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .2s;font-family:inherit;color:var(--app-color-text);background:var(--app-color-surface)}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:#adb5bd}.btn-block{width:100%;padding:.875rem;font-size:1rem;font-weight:600;margin-top:.5rem}.alert{padding:.875rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.alert-error{background:#fee;color:#c00;border:1px solid #fcc}.alert-success{background:#efe;color:#0a0;border:1px solid #cfc}.auth-footer{margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid #e9ecef}.auth-footer p{color:#6c757d;margin:0;font-size:.9rem}.auth-link{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s}.auth-link:hover{color:#764ba2;text-decoration:underline}.google-auth-btn{width:100%;padding:.875rem;background-color:#fff;color:#3c4043;border:2px solid #dadce0;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem;font-family:inherit}.google-auth-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#c0c4c8;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.google-auth-btn:disabled{opacity:.6;cursor:not-allowed}.google-auth-btn svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#999;font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e9ecef}.auth-divider span{padding:0 1rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 640px){.auth-container{padding:1rem}.auth-card{padding:2rem 1.5rem}.auth-title{font-size:1.75rem}.form-row{grid-template-columns:1fr}}.legal-markdown-page{padding-top:110px;padding-bottom:2rem}.legal-markdown-content{padding-top:1rem;padding-bottom:2rem;color:var(--app-color-text)}.legal-markdown-content h1,.legal-markdown-content h2,.legal-markdown-content h3{color:var(--app-color-text-primary)}.legal-markdown-content h1{margin:0 0 1rem}.legal-markdown-content h2{margin:2rem 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--app-color-border)}.legal-markdown-content p{margin:0 0 1rem;line-height:1.7}.legal-markdown-content ul,.legal-markdown-content ol{margin:0 0 1rem;padding-left:1.5rem}.legal-markdown-content li{margin:.25rem 0}.legal-markdown-content a{color:var(--app-color-primary)}.legal-markdown-content a:hover{color:var(--app-color-primary-dark)}@media (max-width: 768px){.legal-markdown-page{padding-top:95px}}#root{width:100%;min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-page-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;background-color:var(--app-color-background)}@media (max-width: 768px){.app-page-container{padding:1rem}}.app-results-info{padding:.75rem 1rem;background:var(--app-color-surface);border-radius:var(--app-radius-xs);margin-bottom:1.5rem;font-size:.875rem;color:#4b5563;box-shadow:var(--app-shadow-subtle)}.app-results-info strong{color:var(--app-color-text);font-weight:600}.app-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--app-color-surface);border-radius:var(--app-radius-sm);box-shadow:var(--app-shadow-card);text-align:center}.app-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.app-empty-state h3{font-size:1.5rem;font-weight:600;color:var(--app-color-text);margin:0 0 .5rem}.app-empty-state p{font-size:1rem;color:var(--app-color-text-muted);margin:0 0 1.5rem}@media (max-width: 768px){.app-empty-state{padding:3rem 1.5rem}}.app-item-list{display:flex;flex-direction:column}.app-filters-container{background:var(--app-color-surface);padding:1.5rem;border-radius:var(--app-radius-sm);box-shadow:var(--app-shadow-card);margin-bottom:1.5rem}@media (max-width: 768px){.app-filters-container{padding:1rem}}.app-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}@media (max-width: 768px){.app-filters-grid{grid-template-columns:1fr}}.app-input-block{display:flex;flex-direction:column;gap:.625rem}.app-input-label{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--app-color-text)}.app-input-icon{font-size:1.125rem}.app-input-text{flex:1}.app-input-field{width:100%;box-sizing:border-box;padding:.875rem 1rem;border:2px solid transparent;border-radius:var(--app-radius-sm);font-size:.95rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;background:var(--app-color-surface);color:var(--app-color-text);line-height:1.5;resize:vertical}.app-input-field:focus{border-color:var(--app-color-primary);box-shadow:0 0 0 3px #4a90e21a;outline:none}.app-input-field:disabled{background-color:#f3f4f6;cursor:not-allowed;color:#888}.app-input-label--compact{align-self:center;width:100%;color:var(--app-color-text);font-size:.8rem;font-weight:600}.app-input-field--compact{padding:0rem;font-size:.85rem;line-height:1.3}.app-card{background:var(--app-color-background);border-radius:var(--app-radius-md);padding:1.5rem 2rem}.app-card--ghost{background:transparent;box-shadow:none;border:none}.app-selection-summary{display:flex;justify-content:space-between;align-items:center;background:#f9fafb;border-radius:var(--app-radius-sm);padding:1rem 1.5rem}.app-tag{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:16px;background-color:#e5e7eb;color:#374151;font-size:.85rem;font-weight:500;border:1px solid #d1d5db}.app-tag--compact{font-size:.7rem;padding:.2rem .5rem}.app-tag--accent{background-color:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.app-tag--suggested{background-color:#fee2e2;color:#991b1b;border-color:#fecaca}