.search-bar[data-v-b1f46c50]{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.search-capsule[data-v-b1f46c50]{display:flex;align-items:center;background-color:var(--color-bg-primary);border:2px solid var(--color-gray-300);border-radius:50px;padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-lg);transition:all var(--transition-fast)}.search-capsule[data-v-b1f46c50]:focus-within{border-color:var(--color-brand-700);box-shadow:0 0 0 2px #2969ff26}.search-input[data-v-b1f46c50]{flex:1;padding:var(--spacing-sm) 0;font-size:var(--font-size-base);border:none;background:transparent;color:var(--color-text-primary)}.search-input[data-v-b1f46c50]:focus{outline:none}.search-input[data-v-b1f46c50]::placeholder{color:var(--color-text-muted)}.clear-button[data-v-b1f46c50]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:transparent;color:var(--color-gray-500);border:none;cursor:pointer;flex-shrink:0;margin-right:var(--spacing-xs);transition:all var(--transition-fast)}.clear-button[data-v-b1f46c50]:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.clear-button svg[data-v-b1f46c50]{display:block}.search-icon-button[data-v-b1f46c50]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--color-gray-300);color:var(--color-gray-400);border:none;cursor:not-allowed;flex-shrink:0;transition:all var(--transition-fast)}.search-icon-button[data-v-b1f46c50]:not(:disabled){background-color:var(--color-brand-700);color:#fff;cursor:pointer}.search-icon-button[data-v-b1f46c50]:not(:disabled):hover{background-color:var(--color-brand-800)}.search-icon-button svg[data-v-b1f46c50]{display:block}.search-tip[data-v-b1f46c50]{font-size:var(--font-size-xs);color:var(--color-text-muted);padding-left:var(--spacing-lg);line-height:1.4}@media (max-width: 768px){.search-capsule[data-v-b1f46c50]{padding-left:var(--spacing-md)}.search-input[data-v-b1f46c50]{font-size:var(--font-size-sm)}.search-tip[data-v-b1f46c50]{font-size:.7rem}}.video-card[data-v-4f2622e1]{position:relative;background:var(--color-bg-primary);border-radius:var(--border-radius);overflow:hidden;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;border:2px solid transparent}.video-card[data-v-4f2622e1]:hover{border-color:var(--color-brand-700);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.video-card.is-selected[data-v-4f2622e1]{border-color:var(--color-brand-700);box-shadow:0 4px 12px #2969ff4d}.card-thumbnail[data-v-4f2622e1]{position:relative;width:100%;aspect-ratio:9/16;background-color:var(--color-gray-100);overflow:hidden}.card-thumbnail img[data-v-4f2622e1]{width:100%;height:100%;object-fit:cover;display:block}.results-grid[data-v-4f698d28]{position:relative;width:100%;min-height:400px;z-index:1}.empty-state[data-v-4f698d28]{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-6xl);text-align:center}.state-image[data-v-4f698d28]{width:200px;height:200px;margin-bottom:var(--spacing-lg);background-size:contain;background-repeat:no-repeat;background-position:center}.empty-state-image[data-v-4f698d28]{width:120px;height:120px;background-image:url(/empty-state-alt.png)}.no-results-image[data-v-4f698d28]{background-image:url(/no-results.png)}.error-state-image[data-v-4f698d28]{background-image:url(/error-state.png)}h2[data-v-4f698d28]{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-3xl);max-width:500px}.recommended-searches[data-v-4f698d28]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;max-width:700px}.search-chip[data-v-4f698d28]{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:50px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.search-chip[data-v-4f698d28]:hover{border-color:var(--color-brand-700);color:var(--color-brand-700);background-color:#2969ff0d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.search-chip[data-v-4f698d28]:active{transform:translateY(0) scale(.98)}.loading-state[data-v-4f698d28]{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-6xl);text-align:center}.loading-state p[data-v-4f698d28]{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-top:var(--spacing-lg)}.spinner[data-v-4f698d28]{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top-color:var(--color-brand-700);border-radius:50%;animation:spin-4f698d28 .8s linear infinite}@keyframes spin-4f698d28{to{transform:rotate(360deg)}}.error-state[data-v-4f698d28]{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-6xl);text-align:center}.error-state h3[data-v-4f698d28]{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.error-state p[data-v-4f698d28]{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-xl);max-width:400px}.error-state .retry-button[data-v-4f698d28]{padding:12px 32px;font-size:16px;font-weight:600;line-height:1.333;font-family:Manrope,Arial,sans-serif;color:#fff;background:#090A1E;background-color:#090a1e;border:none;border-radius:8px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px;transition:opacity var(--transition-fast);text-decoration:none}.error-state .retry-button[data-v-4f698d28]:hover{opacity:.9;background:#090A1E}.error-state .retry-button[data-v-4f698d28]:active{opacity:.8;background:#090A1E}.error-state .retry-button[data-v-4f698d28]:focus{outline:none;box-shadow:0 0 0 3px #090a1e4d}.no-results-state[data-v-4f698d28]{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-6xl);text-align:center}.no-results-state h3[data-v-4f698d28]{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.no-results-state p[data-v-4f698d28]{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-2xl);max-width:500px}.results-state[data-v-4f698d28]{padding:0}.results-header[data-v-4f698d28]{position:sticky;top:0;padding:var(--spacing-xs) 0 var(--spacing-sm) 0;margin-bottom:var(--spacing-sm);background-color:var(--color-bg-secondary);z-index:100}.results-count[data-v-4f698d28]{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.video-grid[data-v-4f698d28]{position:relative;z-index:1;display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(max(180px,12.5% - var(--spacing-sm)),1fr))}.video-grid.two-columns[data-v-4f698d28]{grid-template-columns:repeat(2,minmax(180px,1fr))}@media (max-width: 768px){.video-grid[data-v-4f698d28],.video-grid.two-columns[data-v-4f698d28]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width: 768px){.empty-state h2[data-v-4f698d28]{font-size:var(--font-size-base)}.search-chip[data-v-4f698d28]{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-md)}}.video-player-container[data-v-12df63f4]{max-width:100%;max-height:80vh;aspect-ratio:9/16;background-color:var(--color-gray-100);border-radius:var(--border-radius-lg);overflow:hidden;margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto}@media (max-width: 768px){.video-player-container[data-v-12df63f4]{max-height:300px}}.video-player[data-v-12df63f4],.video-fallback[data-v-12df63f4]{width:100%;height:100%;object-fit:cover;display:block}.relevance-feedback[data-v-4d18ffb8]{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.feedback-button[data-v-4d18ffb8]{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-bg-tertiary);border:2px solid transparent;border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast)}.feedback-button[data-v-4d18ffb8]:hover{background:var(--color-gray-200)}.feedback-button.is-selected[data-v-4d18ffb8]{background:var(--color-brand-700);border-color:var(--color-brand-700);color:#fff}.feedback-button.is-selected .feedback-label[data-v-4d18ffb8]{color:#fff}.feedback-icon[data-v-4d18ffb8]{font-size:var(--font-size-xl)}.feedback-label[data-v-4d18ffb8]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center}.metadata-card[data-v-e0b7659b]{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-tertiary);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg)}.metadata-stats[data-v-e0b7659b]{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.stat-label[data-v-e0b7659b]{color:var(--color-text-muted);font-weight:var(--font-weight-medium);white-space:nowrap}.stat-value[data-v-e0b7659b]{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.platform-link[data-v-e0b7659b]{grid-column:1/-1;display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-brand-700);text-decoration:none;margin-top:var(--spacing-xs);transition:color var(--transition-fast)}.platform-link[data-v-e0b7659b]:hover{color:var(--color-brand-800);text-decoration:underline}.platform-link .external-icon[data-v-e0b7659b]{flex-shrink:0}.author-card[data-v-edb781b8]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-tertiary);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);position:relative;text-decoration:none;color:inherit;transition:all var(--transition-fast)}.author-card[href][data-v-edb781b8]{cursor:pointer}.author-card[href][data-v-edb781b8]:hover{background:var(--color-gray-200);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.author-avatar[data-v-edb781b8]{width:48px;height:48px;border-radius:50%;background:var(--color-brand-700);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);flex-shrink:0}.author-info[data-v-edb781b8]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.author-name[data-v-edb781b8]{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.author-handle[data-v-edb781b8]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.external-icon[data-v-edb781b8]{position:absolute;top:var(--spacing-md);right:var(--spacing-md);color:var(--color-text-muted);opacity:0;transition:opacity var(--transition-fast)}.author-card[href]:hover .external-icon[data-v-edb781b8]{opacity:1}.engagement-card[data-v-1a47a922]{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-tertiary);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg)}.engagement-title[data-v-1a47a922]{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-sm) 0}.engagement-stats[data-v-1a47a922]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.stat-column[data-v-1a47a922]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-item[data-v-1a47a922]{display:flex;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.stat-label[data-v-1a47a922]{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.stat-value[data-v-1a47a922]{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.video-detail-panel[data-v-29f20db3]{position:relative;width:100%;height:100%;background-color:var(--color-bg-primary);display:flex;flex-direction:column}.panel-header[data-v-29f20db3]{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;padding:2px var(--spacing-sm);background-color:var(--color-bg-primary);transition:box-shadow var(--transition-fast);position:relative;z-index:10}.panel-header.is-scrolled[data-v-29f20db3]{box-shadow:0 2px 8px #0000001a}.close-button[data-v-29f20db3]{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast)}.close-button[data-v-29f20db3]:hover{color:var(--color-text-primary)}.close-button svg[data-v-29f20db3]{display:block}.panel-content[data-v-29f20db3]{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.panel-loading[data-v-29f20db3],.panel-error[data-v-29f20db3]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.panel-error[data-v-29f20db3]{color:var(--color-error)}.loading-spinner[data-v-29f20db3]{width:32px;height:32px;border:3px solid var(--color-border-primary);border-top-color:var(--color-brand-700);border-radius:50%;animation:spin-29f20db3 1s linear infinite}@keyframes spin-29f20db3{to{transform:rotate(360deg)}}.section-title[data-v-29f20db3]{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-md) 0}.fetched-at[data-v-29f20db3]{font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.info-card[data-v-29f20db3],.description-card[data-v-29f20db3],.author-card[data-v-29f20db3],.engagement-card[data-v-29f20db3]{padding:var(--spacing-lg);background:var(--color-bg-tertiary);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg)}.info-grid[data-v-29f20db3]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.info-item[data-v-29f20db3]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label[data-v-29f20db3],.engagement-label[data-v-29f20db3]{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-29f20db3]{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.description-text[data-v-29f20db3]{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;white-space:pre-wrap}.author-info[data-v-29f20db3]{display:flex;justify-content:space-between;align-items:center}.author-details[data-v-29f20db3]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.author-name[data-v-29f20db3]{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}a.author-handle[data-v-29f20db3]{font-size:var(--font-size-sm);color:var(--color-brand-700);text-decoration:none;transition:color var(--transition-fast)}a.author-handle[data-v-29f20db3]:hover{color:var(--color-brand-800);text-decoration:underline}span.author-handle[data-v-29f20db3]{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.engagement-grid[data-v-29f20db3]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.engagement-item[data-v-29f20db3]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);text-align:center}.engagement-value[data-v-29f20db3]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.panel-placeholder[data-v-29f20db3]{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-xl)}.view-on-platform-link[data-v-29f20db3]{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-brand-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:color var(--transition-fast)}.view-on-platform-link[data-v-29f20db3]:hover{color:var(--color-brand-800);text-decoration:underline}.view-on-platform-link svg[data-v-29f20db3]{flex-shrink:0}.detail-panel{flex:0 0 0;height:100vh;overflow:hidden;background-color:var(--color-bg-primary);border-left:1px solid var(--color-border-primary);box-shadow:-2px 0 8px #0000001a;display:flex;flex-direction:column}.detail-panel.is-open{flex:0 0 50%;overflow-y:auto}@media (max-width: 768px){.detail-panel{position:fixed;inset:auto 0 0;width:100%!important;height:0;flex:none!important;border-left:none;border-top:1px solid var(--color-border-primary);z-index:100}.detail-panel.is-open{height:60vh;overflow-y:auto}}.search-layout{display:flex;height:100vh;overflow:hidden;position:relative;z-index:1;background-color:#fdfdfd}.left-column{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;background-color:#fdfdfd;position:relative;z-index:1;isolation:isolate}.search-header{flex-shrink:0;padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--color-bg-secondary);transition:padding .3s cubic-bezier(.4,0,.2,1)}.header-content{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:var(--container-2xl);transition:all .3s cubic-bezier(.4,0,.2,1)}.header-top{display:flex;align-items:center;justify-content:space-between;width:100%}.user-menu{display:flex;align-items:center;gap:var(--spacing-md)}.user-email{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.logout-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.logout-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.logo-link{display:inline-block;flex-shrink:0;line-height:0}.logo{height:32px;width:auto}.results-section{flex:1;overflow-y:auto;padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}.search-layout[data-panel-open=true] .left-column{flex:0 0 50%}.search-layout[data-panel-open=true] .search-header{padding:var(--spacing-md) var(--spacing-lg)}.search-layout[data-panel-open=true] .header-content{gap:var(--spacing-sm)}.search-layout[data-panel-open=true] .logo{height:28px}.search-layout[data-panel-open=true] .user-email{display:none}@media (max-width: 768px){.search-layout{flex-direction:column}.left-column{flex:1!important}.user-email{display:none}}