@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-primary: #0a0f1c;--bg-secondary: #111827;--bg-card: #1f2937;--bg-accent: #374151;--bg-overlay: rgba(0, 0, 0, .6);--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--text-accent: #60a5fa;--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-error: #ef4444;--color-openai: #10b981;--color-anthropic: #f59e0b;--color-claude: #f59e0b;--color-gpt: #10b981;--score-excellent: #22c55e;--score-good: #3b82f6;--score-moderate: #f59e0b;--score-low: #6b7280;--analysis-hook: #ff6b6b;--analysis-depth: #4ecdc4;--analysis-surprise: #ffe66d;--analysis-coherence: #a8e6cf;--glass-subtle: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-border-accent: rgba(59, 130, 246, .2);--blur-light: blur(8px);--blur-subtle: blur(10px);--blur-medium: blur(16px);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-subtle: 0 2px 4px rgba(0, 0, 0, .06);--shadow-card: 0 4px 12px rgba(0, 0, 0, .15);--shadow-card-hover: 0 20px 40px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 3px rgba(59, 130, 246, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}@media (prefers-color-scheme: dark){:root{--text-primary: #ffffff;--text-secondary: #e5e7eb;--bg-card: #1f2937}}@media (prefers-reduced-motion: reduce){:root{--transition-fast: .01ms;--transition-base: .01ms;--transition-slow: .01ms}}@media (prefers-contrast: high){:root{--text-primary: #ffffff;--text-secondary: #ffffff;--bg-card: #000000;--glass-border: #ffffff}}:root{--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-300: #a5b4fc;--color-primary-400: #818cf8;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary-900: #312e81;--color-surface-primary: var(--color-bg-white);--color-surface-secondary: var(--color-bg-primary);--color-surface-elevated: var(--color-bg-white);--color-surface-overlay: rgba(0, 0, 0, .1);--color-interactive-hover: var(--color-primary-50);--color-interactive-active: var(--color-primary-100);--color-interactive-disabled: #f1f5f9;--color-focus-ring: var(--color-primary-500);--color-focus-ring-offset: var(--color-bg-white);--spacing-3xs: .125rem;--spacing-2xs: .1875rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--card-border-radius: var(--radius-lg);--card-shadow: var(--shadow-md);--card-shadow-hover: var(--shadow-lg);--card-padding: var(--spacing-lg);--button-border-radius: var(--radius-md);--button-padding-y: .75rem;--button-padding-x: 1.5rem;--button-font-weight: var(--font-weight-medium);--animation-duration-fast: .15s;--animation-duration-normal: .2s;--animation-duration-slow: .3s;--animation-timing-function: cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-tooltip: 1070}@media (prefers-color-scheme: dark){:root{--color-text-primary: #f8fafc;--color-text-secondary: #e2e8f0;--color-text-muted: #94a3b8;--color-bg-primary: #0f172a;--color-bg-white: #1e293b;--color-bg-dark: #020617;--color-border-light: #334155;--color-border-medium: #475569;--color-surface-overlay: rgba(255, 255, 255, .1)}}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{font-family:var(--font-sans);line-height:1.6;color:var(--text-primary);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);min-height:100vh;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.06) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.04) 0%,transparent 60%);animation:backgroundShift 25s ease-in-out infinite alternate;pointer-events:none;z-index:-1}@keyframes backgroundShift{0%{opacity:.3;transform:scale(1) rotate(0)}to{opacity:.6;transform:scale(1.1) rotate(1deg)}}.container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:1.2;color:var(--text-primary);margin-bottom:var(--space-4)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-accent)}a:focus{outline:2px solid var(--accent-primary);outline-offset:2px}input[type=text],input[type=email],input[type=search],input[type=file],textarea,select{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}input::placeholder,textarea::placeholder{color:var(--text-muted)}button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}ul,ol{padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-accent);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:.2em .4em}pre{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow-x:auto;padding:var(--space-4)}pre code{background:none;border:none;padding:0}img{max-width:100%;height:auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:before{animation:none}}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-contrast: high){body{background:#000;color:#fff}body:before{display:none}}@media print{body{background:#fff;color:#000}body:before{display:none}*{box-shadow:none!important;backdrop-filter:none!important}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);font-weight:var(--font-weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm);color:var(--color-text-light);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--color-text-light) 0%,var(--color-text-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-accent);margin-bottom:var(--spacing-md)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}p{margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}p:last-child{margin-bottom:0}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:0 0 20px var(--color-accent-glow)}.text-glass{color:var(--color-text-glass);text-shadow:0 2px 4px rgba(0,0,0,.3)}code,pre,.font-mono{font-family:JetBrains Mono,SF Mono,Monaco,Cascadia Code,monospace;font-weight:var(--font-weight-normal)}code{font-size:.875em;padding:.125rem .25rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);backdrop-filter:var(--backdrop-blur)}a{color:var(--color-primary-light);text-decoration:none;transition:var(--transition-fast);border-bottom:1px solid transparent}a:hover{color:var(--color-text-light);border-bottom-color:var(--color-primary-light);text-shadow:0 0 8px var(--color-accent-glow)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}@media (max-width: 768px){:root{--backdrop-blur: blur(15px);--glass-bg: rgba(255, 255, 255, .12);--glass-shadow: 0 4px 16px rgba(0, 0, 0, .2)}.container{padding:0 var(--spacing-md)}.header h1{font-size:var(--font-size-3xl)}.search-section{padding:var(--spacing-md)}.search-controls{flex-direction:column;gap:var(--spacing-sm)}.repository-stats{grid-template-columns:repeat(2,1fr);padding:var(--spacing-md);gap:var(--spacing-sm)}.conversation-grid{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-md);align-items:stretch}.conversation-meta,.summary-stats{grid-template-columns:1fr}.conversation-card{padding:var(--spacing-md)}.conversation-title{font-size:var(--font-size-lg)}.conversation-stats{flex-direction:column;gap:var(--spacing-sm)}.card-footer{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.conversation-turns{padding:var(--spacing-sm)}.message{max-width:95%}.message-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.message.openai .message-header{align-items:flex-end}.message-content{padding:var(--spacing-md);font-size:var(--font-size-sm)}.prompt-content{padding:var(--spacing-md);font-size:var(--font-size-base)}.floating-nav{bottom:var(--spacing-md);right:var(--spacing-md)}.floating-nav-button{padding:10px 16px;font-size:var(--font-size-sm)}.conversation-actions{flex-direction:column;align-items:center}.action-button{width:100%;max-width:200px;justify-content:center}.upload-area{flex-direction:column}.legal-content{padding:var(--spacing-md)}.legal-document h1{font-size:var(--font-size-3xl)}.legal-section-content h2{font-size:var(--font-size-xl)}.legal-section-content ul{margin-left:var(--spacing-md)}}@media (max-width: 480px){.container{padding:0 var(--spacing-sm)}.header{padding:var(--spacing-lg) 0}.header h1{font-size:var(--font-size-2xl)}.header p{font-size:var(--font-size-base)}.main{padding:var(--spacing-md) 0}.repository-stats{grid-template-columns:1fr;padding:var(--spacing-md) var(--spacing-sm)}.conversation-grid{padding:var(--spacing-sm);gap:var(--spacing-sm);align-items:stretch}.conversation-card{padding:var(--spacing-sm)}.conversation-title{font-size:var(--font-size-base);line-height:var(--line-height-tight)}.message-content{padding:var(--spacing-sm);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.prompt-content{padding:var(--spacing-sm);font-size:var(--font-size-sm)}button,.button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.floating-nav{bottom:var(--spacing-sm);right:var(--spacing-sm)}.floating-nav-button{padding:8px 12px;font-size:var(--font-size-xs);border-radius:20px}.legal-document h1{font-size:var(--font-size-2xl)}.legal-section-content h2{font-size:var(--font-size-lg)}.legal-section-content h3{font-size:var(--font-size-base)}}@media (min-width: 1200px){.container{max-width:1000px}.conversation-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));align-items:stretch}.repository-stats,.conversation-meta,.summary-stats{grid-template-columns:repeat(4,1fr)}}@media print{.floating-nav,.conversation-actions,.upload-section,.search-section{display:none!important}.header{background:var(--color-primary)!important;-webkit-print-color-adjust:exact}.conversation-card,.conversation-section,.legal-section{box-shadow:none!important;border:1px solid var(--color-border-medium)!important}.message-content{border:1px solid var(--color-border-medium)!important;background:#fff!important}.message.openai .message-content{background:var(--color-bg-primary)!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.conversation-card:hover,.button:hover,.floating-nav-button:hover{transform:none!important}}@media (prefers-contrast: high){:root{--color-border-light: #000;--color-border-medium: #000;--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 2px 8px rgba(0,0,0,.5);--shadow-lg: 0 4px 12px rgba(0,0,0,.5)}.conversation-card,.message-content{border:2px solid #000}}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.loading{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.error{background:var(--color-error-bg);color:var(--color-error);padding:var(--spacing-md);border-radius:var(--radius-md);margin:var(--spacing-md) 0;border-left:4px solid var(--color-error)}.success{background:var(--color-success-bg);color:var(--color-success);padding:var(--spacing-md);border-radius:var(--radius-md);margin:var(--spacing-md) 0;border-left:4px solid var(--color-success)}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes staggeredReveal{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glowIn{0%{box-shadow:none;border-color:var(--glass-border)}to{box-shadow:var(--shadow-glow);border-color:var(--color-primary-light)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.page-enter{animation:pageEnter .6s var(--animation-timing)}.staggered-item{animation:staggeredReveal .5s var(--animation-timing) both}.staggered-item:nth-child(1){animation-delay:0ms}.staggered-item:nth-child(2){animation-delay:.1s}.staggered-item:nth-child(3){animation-delay:.2s}.staggered-item:nth-child(4){animation-delay:.3s}.staggered-item:nth-child(5){animation-delay:.4s}.staggered-item:nth-child(6){animation-delay:.5s}.staggered-item:nth-child(n+7){animation-delay:.6s}.glass-ripple{position:relative;overflow:hidden}.glass-ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s,height .6s;pointer-events:none}.glass-ripple:active:before{width:300px;height:300px}.hover-lift{transition:var(--transition-glow)}.hover-lift:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-glass-hover),var(--shadow-glow)}.hover-glow{transition:var(--transition-glow)}.hover-glow:hover{animation:glowIn .3s var(--animation-timing) forwards}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-20px) rotate(0)}75%{transform:translateY(-10px) rotate(-1deg)}}.floating{animation:float 6s ease-in-out infinite}.floating:nth-child(2){animation-delay:-2s}.floating:nth-child(3){animation-delay:-4s}@keyframes textReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.text-reveal{animation:textReveal .8s var(--animation-timing)}@keyframes progressFill{0%{width:0%}to{width:var(--progress-width, 100%)}}.progress-animated{animation:progressFill 1.5s var(--animation-timing)}.card-stack{position:relative;z-index:1}.card-stack:before,.card-stack:after{content:"";position:absolute;inset:4px -4px -4px 4px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);z-index:-1;opacity:.6;backdrop-filter:var(--backdrop-blur)}.card-stack:after{inset:8px -8px -8px 8px;opacity:.3}.glass-focus:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 3px #667eea4d,var(--shadow-glass);background:#ffffff26}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.slide-in-left{animation:slideInFromLeft .6s var(--animation-timing)}.slide-in-right{animation:slideInFromRight .6s var(--animation-timing)}.parallax-glass{transform-style:preserve-3d;transition:transform .1s ease-out}.interactive-glass{transition:var(--transition-glass);cursor:pointer}.interactive-glass:hover{background:#ffffff26;border-color:var(--color-primary-light);box-shadow:var(--shadow-glass-hover),var(--shadow-glow)}.interactive-glass:active{transform:translateY(1px) scale(.98);box-shadow:var(--shadow-sm)}@keyframes dotPulse{0%,20%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.loading-dots{display:flex;gap:var(--spacing-xs);align-items:center;justify-content:center}.loading-dots .dot{width:8px;height:8px;background:var(--color-primary-light);border-radius:50%;animation:dotPulse 1.5s ease-in-out infinite;box-shadow:0 0 10px var(--color-accent-glow)}.loading-dots .dot:nth-child(2){animation-delay:.2s}.loading-dots .dot:nth-child(3){animation-delay:.4s}html{scroll-behavior:smooth}@media (hover: none) and (pointer: coarse){.hover-lift:hover{transform:none}.hover-lift:active{transform:translateY(-2px) scale(1.01)}.interactive-glass:hover{background:var(--glass-bg-strong)}.interactive-glass:active{background:#fff3}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating,.parallax-glass{animation:none;transform:none}}@media (prefers-contrast: high){.glass-focus:focus{outline:3px solid var(--color-text-light);outline-offset:2px}}@media print{.floating,.loading-spinner,.glass-ripple:before{animation:none!important}.conversation-card,.message{break-inside:avoid}}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:#fff;padding:8px 16px;text-decoration:none;border-radius:var(--radius-md);z-index:9999;transition:top .3s}.skip-link:focus{top:6px;outline:3px solid var(--color-accent)}.glass-focus:focus,button:focus,.button:focus,input:focus,textarea:focus,select:focus,a:focus{outline:3px solid var(--color-primary-light);outline-offset:2px;box-shadow:0 0 0 3px #667eea4d,var(--shadow-glass);background:#ffffff2e}@media (prefers-contrast: high){.glass-focus:focus,button:focus,.button:focus,input:focus,textarea:focus,select:focus,a:focus{outline:4px solid #ffffff;outline-offset:3px;background:#ffffff4d}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button,.button,input[type=button],input[type=submit],input[type=reset],.conversation-card,.floating-nav-button{min-height:44px;min-width:44px}.conversation-card,.message-content,.glass-panel{background:#ffffff26;border:1px solid rgba(255,255,255,.25)}.conversation-title,.message-content h1,.message-content h2,.message-content h3{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.conversation-meta .stat-value,.message-timestamp{color:#fffffff2}.conversation-card:focus-within{border-color:var(--color-primary-light);box-shadow:var(--shadow-glow)}.keyboard-navigation{position:relative}.keyboard-navigation:focus{z-index:10}@media (prefers-reduced-motion: reduce){.staggered-item,.floating,.hover-lift{animation:none!important;transition:none!important}.page-enter{animation:none;opacity:1;transform:none}}@media (prefers-contrast: high){:root{--glass-bg: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .5);--color-text-primary: #ffffff;--color-text-secondary: #ffffff}.conversation-card,.message-content{border:2px solid #ffffff;background:#000c}.conversation-title,.message-content{color:#fff!important}}.status-indicator{position:relative}.status-indicator:before{content:attr(data-status);position:absolute;left:-9999px}@media (hover: none) and (pointer: coarse){.conversation-card{min-height:60px;padding:var(--spacing-lg)}.floating-nav-button{min-height:48px;min-width:48px;padding:12px 16px}.hover-lift:hover{transform:none}.conversation-card:active{transform:scale(.98);background:#fff3}}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}.loading-spinner{position:relative}.loading-spinner:after{content:"Loading...";position:absolute;left:-9999px}[aria-live=polite],[aria-live=assertive]{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.modal-focus-trap{position:fixed;inset:0;z-index:1000}.error-message{background:#c4303033;border:2px solid #c43030;color:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);backdrop-filter:var(--backdrop-blur)}.success-message{background:#28a74533;border:2px solid #28a745;color:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);backdrop-filter:var(--backdrop-blur)}.warning-message{background:#f39c1233;border:2px solid #f39c12;color:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);backdrop-filter:var(--backdrop-blur)}.page-container{opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;will-change:opacity,transform}.page-visible{opacity:1;transform:translateY(0)}#conversationListing,#conversationViewer,#batchStatusSection,#legalSection{opacity:1;transform:translateY(0);transition:opacity .15s ease,transform .15s ease;will-change:opacity,transform}#conversationListing:not(.page-visible),#conversationViewer:not(.page-visible),#batchStatusSection:not(.page-visible),#legalSection:not(.page-visible){opacity:0;transform:translateY(5px);pointer-events:none}#conversationListing.page-visible,#conversationViewer.page-visible,#batchStatusSection.page-visible,#legalSection.page-visible{opacity:1;transform:translateY(0);pointer-events:auto}#floatingNav{transition:opacity .3s ease,transform .3s cubic-bezier(.4,0,.2,1)}#floatingNav.show{opacity:1;transform:translateY(0)}#floatingNav:not(.show){opacity:0;transform:translateY(100px);pointer-events:none}@media (prefers-reduced-motion: reduce){.page-container,#conversationListing,#conversationViewer,#batchStatusSection,#legalSection,#floatingNav{transition:none}}.conversation-listing{margin-bottom:var(--space-12)}.header{padding:var(--space-8) 0 var(--space-6);text-align:center;border-bottom:1px solid var(--glass-border);margin-bottom:var(--space-8)}.header p{color:var(--text-secondary);font-size:var(--text-lg);margin-bottom:0}.search-section{margin-bottom:var(--space-8);text-align:center}.search-section h2{margin-bottom:var(--space-6);color:var(--text-primary);font-weight:var(--font-semibold)}.search-controls{display:flex;justify-content:center;gap:var(--space-4)}#searchInput{max-width:500px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-size:var(--text-base);transition:border-color var(--transition-base),box-shadow var(--transition-base)}#searchInput:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}#searchInput::placeholder{color:var(--text-muted)}.repository-stats{display:flex;gap:var(--space-6);margin-bottom:var(--space-8);justify-content:center;flex-wrap:wrap}.listing-stat{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);text-align:center;min-width:140px;transition:transform var(--transition-base),border-color var(--transition-base)}.listing-stat:hover{transform:translateY(-2px);border-color:var(--accent-primary)}.listing-stat .stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--accent-primary);display:block;line-height:1.2}.listing-stat .stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.conversation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6);margin-bottom:var(--space-12);align-items:stretch}.conversation-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);cursor:pointer;position:relative;overflow:hidden;transition:all var(--transition-slow);display:flex;flex-direction:column;min-height:100%!important}.conversation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity var(--transition-base)}.conversation-card:hover{transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:var(--shadow-card-hover),0 0 0 1px #3b82f61a}.conversation-card:hover:before{opacity:1}.conversation-card.featured{border-color:var(--accent-secondary);box-shadow:var(--shadow-card),0 0 20px #8b5cf61a}.conversation-card.featured:before{opacity:1;background:linear-gradient(90deg,var(--accent-secondary),var(--accent-warning))}.card-header{margin-bottom:var(--space-4)}.featured-badge{position:absolute;top:var(--space-4);right:var(--space-4);background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.conversation-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3);line-height:1.3;padding-right:var(--space-8)}.conversation-models{font-size:var(--text-sm);color:var(--accent-primary);font-weight:var(--font-medium);margin-bottom:var(--space-4)}.card-body{margin-bottom:var(--space-4);flex:1}.card-models{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.model-tag{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);font-family:var(--font-mono)}.model-tag.gpt{background:#10b9811a;color:var(--accent-success);border:1px solid rgba(16,185,129,.2)}.model-tag.claude{background:#f59e0b1a;color:var(--accent-warning);border:1px solid rgba(245,158,11,.2)}.conversation-preview{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.conversation-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.stat{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-accent);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.stat-icon{font-size:var(--text-sm);color:var(--accent-primary)}.stat-value{font-weight:var(--font-medium);color:var(--text-secondary)}.conversation-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.tag{background:var(--bg-accent);color:var(--text-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);border:1px solid var(--glass-border);transition:all var(--transition-fast)}.tag:hover{background:var(--glass-subtle);color:var(--text-primary);transform:translateY(-1px)}.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--text-muted);border-top:1px solid var(--glass-border);padding-top:var(--space-4)}.conversation-date{color:var(--text-muted);font-weight:var(--font-medium)}.view-button{color:var(--accent-primary);font-weight:var(--font-medium);background:var(--bg-accent);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--glass-border);transition:all var(--transition-base);cursor:pointer}.view-button:hover{color:#fff;background:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.conversation-card:hover .view-button{color:#fff;background:var(--accent-primary);border-color:var(--accent-primary)}.upload-section h3{margin-bottom:var(--space-4);color:var(--text-primary)}.upload-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}#uploadButton,.upload-button{background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}#uploadButton:hover,.upload-button:hover{background:#2563eb;transform:translateY(-1px)}.no-conversations,.error-state,.loading{text-align:center;padding:var(--space-8);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);margin:var(--space-6)}.error-state h3{color:var(--accent-error);margin-bottom:var(--space-4)}.error-state button{margin-top:var(--space-4);background:var(--bg-accent);border:1px solid var(--glass-border);color:var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-base)}.error-state button:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}@media (max-width: 768px){.header h1{font-size:var(--text-4xl)}.repository-stats{flex-direction:column;align-items:center;gap:var(--space-4)}.listing-stat{min-width:200px}.conversation-grid{grid-template-columns:1fr;gap:var(--space-4)}.conversation-card{padding:var(--space-4)}.conversation-title{font-size:var(--text-lg);padding-right:var(--space-6)}.upload-section{padding:var(--space-6);margin-top:var(--space-8)}}.header-badges{display:flex;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.high-score-indicator{background:linear-gradient(135deg,#ffd93d,#ff6b6b);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);animation:pulse 2s ease-in-out infinite;border:none}.analysis-preview{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--glass-border)}.no-analysis-indicator{color:var(--text-muted);font-size:var(--text-xs);font-style:italic;padding:var(--space-1) 0}.stat.analysis-stat{background:color-mix(in srgb,var(--analysis-hook) 15%,transparent);border-color:color-mix(in srgb,var(--analysis-hook) 30%,transparent)}.stat.analysis-stat .stat-icon{color:var(--analysis-hook)}.stat.analysis-stat .stat-value{color:var(--analysis-hook);font-weight:var(--font-bold)}.shareability-tag{background:color-mix(in srgb,var(--accent-secondary) 15%,transparent);color:var(--accent-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);border:1px solid color-mix(in srgb,var(--accent-secondary) 25%,transparent);transition:all var(--transition-fast)}.shareability-tag:hover{background:color-mix(in srgb,var(--accent-secondary) 25%,transparent);transform:translateY(-1px)}.conversation-card.featured{position:relative;overflow:hidden}.conversation-card.featured:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary))}.conversation-card:has(.high-score-indicator){border-color:color-mix(in srgb,#ff6b6b 30%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,#ff6b6b 10%,transparent)}.conversation-card:has(.high-score-indicator):hover{box-shadow:0 8px 25px color-mix(in srgb,#ff6b6b 15%,rgba(0,0,0,.1))}.conversation-card .analysis-badge.small{padding:1px 4px;font-size:10px}.conversation-card .conversation-type-badge{padding:var(--space-1) var(--space-2);font-size:10px}@media (max-width: 768px){.analysis-preview{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.header-badges{flex-direction:column;gap:var(--space-1)}.conversation-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);line-height:1;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden}.btn:focus{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--glass-border)}.btn-secondary:hover:not(:disabled){background:var(--bg-accent);border-color:var(--accent-primary);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--accent-primary);border-color:var(--accent-primary)}.btn-outline:hover:not(:disabled){background:var(--accent-primary);color:#fff;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-accent);color:var(--text-primary)}.btn-success{background:var(--accent-success);color:#fff;border-color:var(--accent-success)}.btn-success:hover:not(:disabled){background:#059669;border-color:#059669;transform:translateY(-1px)}.btn-warning{background:var(--accent-warning);color:#fff;border-color:var(--accent-warning)}.btn-warning:hover:not(:disabled){background:#d97706;border-color:#d97706;transform:translateY(-1px)}.btn-error{background:var(--accent-error);color:#fff;border-color:var(--accent-error)}.btn-error:hover:not(:disabled){background:#dc2626;border-color:#dc2626;transform:translateY(-1px)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-lg)}.btn-xl{padding:var(--space-5) var(--space-8);font-size:var(--text-xl)}.btn-icon{padding:var(--space-2);width:2.5rem;height:2.5rem;border-radius:var(--radius-md)}.btn-icon.btn-sm{width:2rem;height:2rem}.btn-icon.btn-lg{width:3rem;height:3rem}.btn-fab{border-radius:var(--radius-full);width:3.5rem;height:3.5rem;padding:0;box-shadow:var(--shadow-lg)}.btn-fab:hover:not(:disabled){box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn-group{display:inline-flex;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.btn-group .btn{border-radius:0;border-right:none}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0;border-right:1px solid}.btn-group .btn:only-child{border-radius:var(--radius-md);border-right:1px solid}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.upload-button,#uploadButton{background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.upload-button:hover,#uploadButton:hover{background:#2563eb;transform:translateY(-1px);box-shadow:var(--shadow-md)}.floating-nav-button{background:var(--glass-subtle);backdrop-filter:var(--blur-medium);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-2)}.floating-nav-button:hover{background:var(--bg-card);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.btn-lg{padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.btn-group{flex-direction:column}.btn-group .btn{border-radius:0;border-right:1px solid;border-bottom:none}.btn-group .btn:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.btn-group .btn:last-child{border-radius:0 0 var(--radius-md) var(--radius-md);border-bottom:1px solid}}.floating-nav{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-fixed);opacity:0;transform:translateY(20px);transition:all var(--transition-base);pointer-events:none}.floating-nav.visible{opacity:1;transform:translateY(0);pointer-events:auto}.floating-nav-button{background:var(--glass-subtle);backdrop-filter:var(--blur-medium);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-lg)}.floating-nav-button:hover{background:var(--bg-card);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.floating-nav-button:focus{outline:none;box-shadow:var(--shadow-focus),var(--shadow-xl)}.floating-nav-button .icon{font-size:var(--text-base)}.main-nav{background:var(--bg-card);border-bottom:1px solid var(--glass-border);padding:var(--space-4) 0}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6)}.nav-brand{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);text-decoration:none}.nav-brand:hover{color:var(--accent-primary)}.nav-links{display:flex;gap:var(--space-6);list-style:none;margin:0;padding:0}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:var(--font-medium);transition:color var(--transition-base);position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--accent-primary)}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--accent-primary);border-radius:1px}.mobile-nav-toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:var(--text-xl);cursor:pointer;padding:var(--space-2)}.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--glass-border);padding:var(--space-4);box-shadow:var(--shadow-lg)}.mobile-nav.open{display:block}.mobile-nav .nav-links{flex-direction:column;gap:var(--space-4)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--text-muted)}.breadcrumb-item{color:var(--text-muted);text-decoration:none;transition:color var(--transition-base)}.breadcrumb-item:hover{color:var(--text-secondary)}.breadcrumb-item.active{color:var(--text-primary);font-weight:var(--font-medium)}.breadcrumb-separator{color:var(--text-muted);user-select:none}.skip-to-main{position:absolute;top:-9999px;left:-9999px;background:var(--accent-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-medium);z-index:var(--z-modal)}.skip-to-main:focus{top:var(--space-4);left:var(--space-4)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin:var(--space-8) 0}.pagination-item{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-base)}.pagination-item:hover{background:var(--bg-accent);border-color:var(--accent-primary);color:var(--text-primary)}.pagination-item.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.pagination-item:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.floating-nav{bottom:var(--space-4);right:var(--space-4)}.floating-nav-button{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.mobile-nav-toggle{display:block}.nav-links{display:none}.nav-container{padding:0 var(--space-4)}.breadcrumb{flex-wrap:wrap;gap:var(--space-1)}.pagination{gap:var(--space-1)}.pagination-item{width:2rem;height:2rem;font-size:var(--text-sm)}}.main{min-height:calc(100vh - 200px);padding:var(--space-6) 0}.header{padding:var(--space-8) 0 var(--space-6);border-bottom:1px solid var(--glass-border);margin-bottom:var(--space-8);position:relative}.header:before{content:none}.header .container{position:relative;z-index:1}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.header-main{text-align:center;flex:1}.header-nav{display:flex;gap:var(--space-4);align-items:center;justify-content:center;margin-top:var(--space-2);margin-bottom:-1.5rem}.header-link{position:relative;color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap}.header-link:hover{color:var(--accent-primary);background:var(--bg-accent)}.header-link.active,.header-link.active:hover{background:none}.header-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;width:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:1px;z-index:1;pointer-events:none}.header h1{font-size:var(--text-5xl);font-weight:var(--font-bold);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.header p{color:var(--text-secondary);font-size:var(--text-lg);margin-bottom:0;font-weight:var(--font-normal)}.footer{background:var(--bg-card);border-top:1px solid var(--glass-border);padding:var(--space-8) 0;margin-top:var(--space-16);text-align:center}.footer .container{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.footer p{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:0}section{margin-bottom:var(--space-8)}section:last-child{margin-bottom:0}.content-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.content-card h3{margin-bottom:var(--space-4);color:var(--text-primary)}.content-card p:last-child{margin-bottom:0}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.m-0{margin:0}.p-0{padding:0}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.bg-transparent{background:transparent}.bg-card{background:var(--bg-card)}.bg-accent{background:var(--bg-accent)}.border{border:1px solid var(--glass-border)}.border-0{border:none}.border-t{border-top:1px solid var(--glass-border)}.border-b{border-bottom:1px solid var(--glass-border)}.border-l{border-left:1px solid var(--glass-border)}.border-r{border-right:1px solid var(--glass-border)}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-md)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.focus-ring:focus{outline:none;box-shadow:var(--shadow-focus)}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transform{transform:translateZ(0)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}.hover\:-translate-y-2:hover{transform:translateY(-.5rem)}@media (max-width: 640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid-cols-1{grid-template-columns:1fr}.sm\:text-center{text-align:center}}@media (max-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid-cols-1{grid-template-columns:1fr}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:text-center{text-align:center}.header h1{font-size:var(--text-4xl)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.footer .container{gap:var(--space-6)}.header-content{flex-direction:column;text-align:center;gap:var(--space-6)}.header-main{order:1}.header-nav{order:2;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.header-link{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}}@media (max-width: 1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.container{padding:0 var(--space-4)}.main{padding:var(--space-4) 0}.header{padding:var(--space-6) 0 var(--space-4);margin-bottom:var(--space-6)}.footer{padding:var(--space-6) 0;margin-top:var(--space-12)}.content-card{padding:var(--space-4);margin-bottom:var(--space-4)}}.header-content--vertical{flex-direction:column;align-items:stretch;gap:var(--space-2)}.homepage-component{min-height:100vh;padding:var(--space-4) 0}.conversation-grid-section{padding:0 var(--space-6)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--glass-border)}.section-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.section-actions{display:flex;gap:var(--space-3)}.upload-trigger-btn{display:flex;align-items:center;gap:var(--space-2);background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-subtle)}.upload-trigger-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:var(--shadow-card)}.upload-trigger-btn:active{transform:translateY(0);box-shadow:var(--shadow-subtle)}.btn-icon{font-size:var(--text-base)}@media (max-width: 1024px){.section-header{flex-direction:column;gap:var(--space-4);align-items:flex-start}.section-actions{width:100%;justify-content:flex-end}}@media (max-width: 768px){.homepage-component{padding:var(--space-4) 0}.conversation-grid-section{padding:0 var(--space-4)}.section-header{margin-bottom:var(--space-6)}.section-title{font-size:var(--text-xl)}.upload-trigger-btn{width:100%;justify-content:center;padding:var(--space-3) var(--space-4)}}@media (max-width: 480px){.section-actions{flex-direction:column}}.homepage-component{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.homepage-component{animation:none}.upload-trigger-btn{transition:none}.upload-trigger-btn:hover{transform:none}}.upload-trigger-btn:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.sub-header-section{background:linear-gradient(135deg,#f8faff,#fff,#f0f4ff);border-bottom:1px solid rgba(59,130,246,.1);position:relative;z-index:10}.sub-header-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent)}.sub-header{padding:1.5rem 0}.sub-header-container{width:100%}.sub-header-content{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.sub-header-search{flex:1;min-width:300px;max-width:600px}.sub-header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden;min-height:44px}.upload-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.upload-button:hover:before{left:100%}.upload-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.upload-button:active{transform:translateY(0);box-shadow:0 2px 6px #3b82f64d}.upload-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.upload-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.upload-icon{font-size:1rem;display:flex;align-items:center}.upload-text{font-weight:500}@media (max-width: 768px){.sub-header-content{flex-direction:column;align-items:stretch;gap:1.5rem}.sub-header-search{min-width:auto;max-width:none}.sub-header-actions{justify-content:center}.upload-button{width:100%;justify-content:center;max-width:300px;margin:0 auto}}@media (max-width: 480px){.sub-header{padding:1rem 0}.sub-header-content{gap:1rem}.upload-button{padding:.875rem 1.25rem;font-size:.875rem}}@media (prefers-color-scheme: dark){.sub-header-section{background:linear-gradient(135deg,#1e293b,#0f172a,#1e293b);border-bottom:1px solid rgba(148,163,184,.1)}.sub-header-section:before{background:linear-gradient(90deg,transparent,rgba(148,163,184,.2),transparent)}.upload-button{background:linear-gradient(135deg,#1e40af,#1e3a8a);color:#f1f5f9}.upload-button:hover{box-shadow:0 4px 12px #1e40af66}.upload-button:focus{outline-color:#1e40af}}@media (prefers-contrast: high){.sub-header-section{background:#fff;border-bottom:2px solid #000000}.upload-button{background:#000;color:#fff;border:2px solid #000000}.upload-button:hover{background:#333}.upload-button:focus{outline:3px solid #0066cc}}@media (prefers-reduced-motion: reduce){.upload-button,.upload-button:before{transition:none}.upload-button:hover{transform:none}}@media print{.sub-header-section{display:none}}.header-nav-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-subtle);backdrop-filter:var(--blur-light);position:sticky;top:var(--space-4);z-index:var(--z-sticky);transition:all var(--transition-base)}.header-nav-bar:hover{box-shadow:var(--shadow-lg);border-color:var(--glass-border-accent)}.header-nav-bar .search-controls{flex:1;max-width:500px;min-width:300px}.search-input-component.compact .search-container{background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:inset 0 1px 2px #0000001a;transition:all var(--transition-base)}.search-input-component.compact .search-container.focused{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f61a,inset 0 1px 2px #0000001a;background:#ffffff0d}.search-input-component.compact .search-input-wrapper{padding:var(--space-2) var(--space-1);gap:var(--space-2)}.search-input-component.compact .search-input{padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.4}.search-input-component.compact .search-icon{padding-left:var(--space-3);font-size:var(--text-lg);opacity:.7}.search-input-component.compact .clear-button,.search-input-component.compact .filter-toggle{padding:var(--space-2);margin-right:var(--space-2);min-width:36px;height:36px;border-radius:var(--radius-md);font-size:var(--text-sm)}.upload-controls{flex-shrink:0}.upload-button{display:flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);white-space:nowrap;min-height:44px;letter-spacing:.025em}.upload-button:hover{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));transform:translateY(-1px);box-shadow:var(--shadow-md)}.upload-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.upload-button:focus{outline:none;box-shadow:var(--shadow-focus),var(--shadow-md)}.upload-icon{font-size:var(--text-lg);opacity:.9}.search-input-component.compact .filters-panel{border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);margin-top:var(--space-1)}@media (max-width: 768px){.header-nav-bar{flex-direction:column;gap:var(--space-4);padding:var(--space-4);position:relative;top:0}.header-nav-bar .search-controls{width:100%;max-width:none;min-width:0}.upload-controls{width:100%}.upload-button{width:100%;justify-content:center;padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.search-input-component.compact .search-input{font-size:var(--text-base)}.search-input-component.compact .filters-panel{position:absolute;top:100%;left:0;right:0;z-index:var(--z-dropdown);margin-top:var(--space-2)}}@media (max-width: 480px){.header-nav-bar{margin-bottom:var(--space-6);gap:var(--space-3);padding:var(--space-3)}.upload-button{font-size:var(--text-sm);padding:var(--space-2-5) var(--space-3)}.upload-icon{font-size:var(--text-base)}}.header-nav-bar .search-controls:focus-within{position:relative}.header-nav-bar .search-controls:focus-within:after{content:"";position:absolute;inset:-2px;border:2px solid var(--accent-primary);border-radius:var(--radius-lg);opacity:.3;pointer-events:none}@media (prefers-color-scheme: dark){.header-nav-bar{background:#111827cc;border-color:#4b55634d}.upload-button{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}}@media (prefers-contrast: high){.header-nav-bar{border-width:2px;border-color:var(--text-primary)}.upload-button{border:2px solid rgba(255,255,255,.3)}}@media (prefers-reduced-motion: reduce){.header-nav-bar,.upload-button,.search-input-component.compact .search-container{transition:none}.header-nav-bar:hover,.upload-button:hover{transform:none}}.conversation-viewer{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden;transition:var(--transition-base)}.conversation-viewer:hover{box-shadow:var(--shadow-card-hover)}.conversation-header{background:var(--bg-secondary);padding:var(--space-8);border-bottom:1px solid var(--glass-border);position:relative}.conversation-header h1{color:var(--text-primary);margin-bottom:var(--space-6);font-size:var(--text-3xl);font-weight:var(--font-bold);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.conversation-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.meta-item{text-align:center;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:var(--transition-base)}.meta-item:hover{transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}.meta-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--accent-primary);display:block;line-height:1.2}.meta-label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-2)}.conversation-turns{padding:var(--space-8);background:var(--bg-primary);position:relative}.initial-prompt{margin-bottom:var(--space-12);text-align:center}.prompt-header{margin-bottom:var(--space-6)}.prompt-label{background:var(--bg-accent);border:1px solid var(--glass-border);color:var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;display:inline-block}.prompt-content{background:var(--bg-card);border:1px solid var(--glass-border);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);font-size:var(--text-lg);line-height:1.6;color:var(--text-primary);max-width:700px;margin:0 auto;position:relative}.message{margin-bottom:var(--space-10);max-width:80%;position:relative;animation:messageSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message.openai{margin-left:auto;margin-right:0}.message.anthropic,.message.speaker_1{margin-left:0;margin-right:auto}.message.speaker_2{margin-left:auto;margin-right:0}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding:0 var(--space-2)}.message.openai .message-header,.message.speaker_2 .message-header{flex-direction:row-reverse}.model-badge{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border:1px solid;transition:var(--transition-base);font-family:var(--font-mono)}.model-badge.openai{background:#10b9811a;color:var(--color-openai);border-color:#10b9814d}.model-badge.anthropic,.model-badge.speaker_1{background:#f59e0b1a;color:var(--color-anthropic);border-color:#f59e0b4d}.model-badge.speaker_2{background:#10b9811a;color:var(--color-openai);border-color:#10b9814d}.model-badge:hover{transform:translateY(-1px)}.message-metadata{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-accent);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.message.openai .message-metadata,.message.speaker_2 .message-metadata{flex-direction:row-reverse}.message-content{background:var(--bg-card);padding:var(--space-6);border-radius:var(--radius-xl);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);box-shadow:var(--shadow-card);border:1px solid var(--glass-border);transition:var(--transition-base);position:relative}.message.openai .message-content{border-left:4px solid var(--color-openai)}.message.anthropic .message-content,.message.speaker_1 .message-content{border-left:4px solid var(--color-anthropic)}.message.speaker_2 .message-content{border-left:4px solid var(--color-openai)}.message-content:hover{transform:translateY(-1px);box-shadow:var(--shadow-card-hover)}.message-content p{margin-bottom:var(--space-4)}.message-content p:last-child{margin-bottom:0}.message-content pre{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0;overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm)}.message-content code{background:var(--bg-accent);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm)}.message-content ul,.message-content ol{margin:var(--space-4) 0;padding-left:var(--space-6)}.message-content li{margin-bottom:var(--space-2)}.conversation-summary{background:var(--bg-secondary);padding:var(--space-8);text-align:center;border-top:1px solid var(--glass-border);position:relative}.conversation-summary h3{color:var(--text-primary);margin-bottom:var(--space-6);font-size:var(--text-xl);font-weight:var(--font-semibold)}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.stat-item{text-align:center;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:var(--transition-base)}.stat-item:hover{transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}.stat-item .stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--accent-primary);display:block;line-height:1.2}.stat-item .stat-label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-2)}.message:nth-child(2n) .message-content{background:#ffffff05}@media (max-width: 768px){.conversation-header{padding:var(--space-6)}.conversation-header h1{font-size:var(--text-2xl)}.conversation-meta{grid-template-columns:1fr;gap:var(--space-4)}.conversation-turns{padding:var(--space-6)}.message{max-width:95%;margin-bottom:var(--space-8)}.message-content{padding:var(--space-4);font-size:var(--text-sm)}.prompt-content{padding:var(--space-6);font-size:var(--text-base)}.summary-stats{grid-template-columns:1fr;gap:var(--space-4)}}@media print{.conversation-viewer{box-shadow:none;border:1px solid #ccc}.message-content{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.conversation-header{break-after:avoid}}.message-content:focus{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-contrast: high){.message-content,.model-badge{border-width:2px}}@media (prefers-reduced-motion: reduce){.message{animation:none}.message-content:hover{transform:none}}.conversation-header-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--glass-border)}.conversation-header-left{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.conversation-title-section{padding:var(--space-4) 0 var(--space-3) 0}.conversation-title{margin:0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1.2}.breadcrumb-link{background:none;border:none;color:var(--accent-primary);text-decoration:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:var(--transition-base);font-size:var(--text-sm);white-space:nowrap}.breadcrumb-link:hover{background:var(--bg-accent);color:var(--accent-primary)}.conversation-actions{display:flex;gap:var(--space-3);flex-shrink:0}.action-button{background:var(--bg-accent);border:1px solid var(--glass-border);color:var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:var(--space-2)}.action-button:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.action-button.search-button:hover{background:var(--accent-secondary);border-color:var(--accent-secondary)}.conversation-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-6);padding:var(--space-4);background:var(--bg-accent);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.nav-button{background:var(--bg-card);border:1px solid var(--glass-border);color:var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);font-weight:var(--font-medium)}.nav-button:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.nav-button:disabled{opacity:.5;cursor:not-allowed}.conversation-position{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-medium)}.conversation-search{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);box-shadow:var(--shadow-card);transition:var(--transition-base)}.conversation-search.hidden{display:none}.search-controls{display:flex;gap:var(--space-3);align-items:center}#conversationSearchInput{flex:1;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-size:var(--text-base);transition:var(--transition-base)}#conversationSearchInput:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}.search-actions{display:flex;gap:var(--space-2);align-items:center}.search-nav-button{background:var(--bg-accent);border:1px solid var(--glass-border);color:var(--text-primary);width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;font-weight:700}.search-nav-button:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.search-results{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-medium);min-width:80px;text-align:center}.search-close{background:var(--accent-error);border:1px solid var(--accent-error);color:#fff;width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;font-weight:700}.search-close:hover{background:#dc2626;transform:translateY(-1px)}.search-highlight{background:#fbbf24;color:#92400e;padding:1px 2px;border-radius:2px;font-weight:var(--font-medium)}.message.enhanced{position:relative;transition:var(--transition-base)}.message.enhanced.hovered{transform:translateY(-1px)}.message.enhanced.highlighted{background:#3b82f61a;border:1px solid var(--accent-primary);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-2)}.message-header-left{display:flex;align-items:center;gap:var(--space-3)}.turn-number{background:var(--bg-accent);border:1px solid var(--glass-border);color:var(--text-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);font-family:var(--font-mono)}.message-content.collapsed{max-height:400px;overflow:hidden;position:relative}.message-content.collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,var(--bg-card))}.expand-button{background:var(--accent-primary);border:none;color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;margin-top:var(--space-4);transition:var(--transition-base)}.expand-button:hover{background:#2563eb;transform:translateY(-1px)}.message-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);opacity:0;transition:var(--transition-base)}.message.enhanced:hover .message-actions{opacity:1}.message-action-button{background:var(--bg-accent);border:1px solid var(--glass-border);color:var(--text-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:pointer;transition:var(--transition-base)}.message-action-button:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-1px)}.model-comparison{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--glass-border)}.model-comparison h4{color:var(--text-primary);margin-bottom:var(--space-4);font-size:var(--text-lg);font-weight:var(--font-semibold)}.models-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.model-stat{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;transition:var(--transition-base)}.model-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.model-name{display:block;font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-2);font-family:var(--font-mono)}.model-name.openai{color:var(--color-openai)}.model-name.anthropic,.model-name.speaker_1{color:var(--color-anthropic)}.model-name.speaker_2{color:var(--color-openai)}.model-turns{font-size:var(--text-sm);color:var(--text-muted)}.conversation-insights{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-8);margin-top:var(--space-8);box-shadow:var(--shadow-card)}.conversation-insights h3{color:var(--text-primary);margin-bottom:var(--space-6);font-size:var(--text-xl);font-weight:var(--font-semibold);text-align:center}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.insight-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:var(--transition-base)}.insight-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.insight-card h4{color:var(--text-primary);margin-bottom:var(--space-4);font-size:var(--text-base);font-weight:var(--font-semibold)}.topic-tag{background:var(--bg-accent);border:1px solid var(--glass-border);color:var(--text-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);margin-right:var(--space-2);margin-bottom:var(--space-2);display:inline-block}.timing-stats{display:flex;gap:var(--space-4);justify-content:space-between;font-size:var(--text-sm);color:var(--text-secondary)}.timing-stats span{background:var(--bg-accent);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.no-data{color:var(--text-muted);font-style:italic;font-size:var(--text-sm)}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--bg-accent);z-index:1000}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));width:0%;transition:width .1s ease}.message-metadata span{background:var(--bg-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono)}.timestamp{color:var(--text-muted)}.response-time{color:var(--accent-success)}.tokens{color:var(--accent-primary)}.word-count{color:var(--accent-secondary)}@media (max-width: 768px){.conversation-header-main{flex-direction:column;align-items:stretch;gap:var(--space-3)}.conversation-header-left{justify-content:center;text-align:center}.conversation-title-section{text-align:center}.conversation-actions{justify-content:center;flex-wrap:wrap}.action-button{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.conversation-navigation{flex-direction:column;gap:var(--space-3)}.search-controls{flex-direction:column;align-items:stretch}.search-actions{justify-content:center}.insights-grid,.models-grid{grid-template-columns:1fr}.timing-stats{flex-direction:column;gap:var(--space-2)}.message.enhanced{margin-bottom:var(--space-6)}.message-actions{flex-wrap:wrap}.message-action-button{flex:1;min-width:80px}}.message:focus-within{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-lg)}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.conversation-search{animation:slideInFromTop .3s ease}@media (prefers-reduced-motion: reduce){.message.enhanced,.action-button,.nav-button,.search-nav-button,.expand-button,.message-action-button{transition:none}.conversation-search{animation:none}.message.enhanced.hovered{transform:none}}@media (prefers-contrast: high){.search-highlight{background:#000;color:#fff;border:1px solid #fff}.action-button,.nav-button,.search-nav-button{border-width:2px}}.export-button-component{position:relative;display:inline-flex;align-items:center;gap:var(--space-2)}.export-button-wrapper{position:relative;display:inline-flex;align-items:center}.export-button-wrapper.sm{font-size:var(--text-sm)}.export-button-wrapper.md{font-size:var(--text-base)}.export-button-wrapper.lg{font-size:var(--text-lg)}.export-button-single{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:inherit;font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);text-decoration:none;user-select:none}.export-button-single:hover{background:#2563eb;transform:translateY(-1px);box-shadow:var(--shadow-md)}.export-button-single:active{transform:translateY(0)}.export-button-single:disabled{background:var(--bg-accent);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.export-dropdown{position:relative;display:inline-block}.export-dropdown-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:inherit;font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);text-decoration:none;user-select:none;min-width:120px;justify-content:space-between}.export-dropdown-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:var(--shadow-md)}.export-dropdown-button:focus{outline:none;box-shadow:var(--shadow-focus)}.export-dropdown-button:disabled{background:var(--bg-accent);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.dropdown-arrow{font-size:var(--text-xs);transition:transform var(--transition-base)}.export-button-wrapper.dropdown-open .dropdown-arrow{transform:rotate(180deg)}.export-icon{font-size:1.1em;line-height:1}.export-label{font-weight:var(--font-medium)}.export-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);overflow:hidden;margin-top:var(--space-2);min-width:250px;backdrop-filter:var(--blur-subtle)}.export-option{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);background:transparent;border:none;text-align:left;cursor:pointer;transition:all var(--transition-base);border-bottom:1px solid var(--glass-border)}.export-option:last-child{border-bottom:none}.export-option:hover{background:var(--glass-subtle);color:var(--text-primary)}.export-option:focus{outline:none;background:var(--glass-subtle);box-shadow:inset 0 0 0 2px var(--accent-primary)}.format-icon{font-size:var(--text-xl);line-height:1;flex-shrink:0}.format-info{flex:1;min-width:0}.format-label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-1)}.format-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4}.export-status{position:absolute;top:100%;left:0;right:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:var(--space-2);z-index:var(--z-tooltip);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.export-status.loading{background:var(--bg-accent);color:var(--text-secondary);border:1px solid var(--glass-border)}.export-status.success{background:#10b9811a;color:var(--accent-success);border:1px solid rgba(16,185,129,.3)}.export-status.error{background:#ef44441a;color:var(--accent-error);border:1px solid rgba(239,68,68,.3)}.export-button-wrapper.secondary .export-button-single,.export-button-wrapper.secondary .export-dropdown-button{background:var(--bg-accent);color:var(--text-primary);border:1px solid var(--glass-border)}.export-button-wrapper.secondary .export-button-single:hover,.export-button-wrapper.secondary .export-dropdown-button:hover{background:var(--glass-subtle);border-color:var(--accent-primary)}.export-button-wrapper.outline .export-button-single,.export-button-wrapper.outline .export-dropdown-button{background:transparent;color:var(--accent-primary);border:2px solid var(--accent-primary)}.export-button-wrapper.outline .export-button-single:hover,.export-button-wrapper.outline .export-dropdown-button:hover{background:var(--accent-primary);color:#fff}.export-button-wrapper.sm .export-button-single,.export-button-wrapper.sm .export-dropdown-button{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);min-width:100px}.export-button-wrapper.lg .export-button-single,.export-button-wrapper.lg .export-dropdown-button{padding:var(--space-3) var(--space-6);font-size:var(--text-lg);min-width:140px}.export-button-wrapper.sm .export-dropdown-menu{min-width:220px}.export-button-wrapper.lg .export-dropdown-menu{min-width:280px}.export-button-wrapper.disabled{opacity:.6;pointer-events:none}.export-status.loading:after{content:"";display:inline-block;width:12px;height:12px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-left:var(--space-2)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.export-dropdown-menu{position:fixed;top:auto;bottom:var(--space-4);left:var(--space-4);right:var(--space-4);width:auto;min-width:auto}.export-option{padding:var(--space-4) var(--space-4)}.format-label{font-size:var(--text-lg)}.format-description{font-size:var(--text-base)}}@media (prefers-contrast: high){.export-dropdown-menu{border-width:2px}.export-option:focus{box-shadow:inset 0 0 0 3px var(--accent-primary)}}@media (prefers-reduced-motion: reduce){.export-button-single,.export-dropdown-button,.export-option,.dropdown-arrow{transition:none}.export-button-single:hover,.export-dropdown-button:hover{transform:none}.export-status.loading:after{animation:none}}@media print{.export-button-component{display:none}}.export-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--transition-base)}.export-modal.active{display:flex;opacity:1;visibility:visible}.export-modal-backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px)}.export-modal-content{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card-hover);max-width:600px;width:90vw;max-height:80vh;overflow-y:auto;position:relative;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}.export-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--glass-border)}.export-modal-header h2{color:var(--text-primary);margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold)}.export-modal-close{background:none;border:none;color:var(--text-muted);font-size:var(--text-xl);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:var(--transition-base);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.export-modal-close:hover{background:var(--bg-accent);color:var(--text-primary)}.export-modal-body{padding:var(--space-6)}.export-conversation-info{text-align:center;margin-bottom:var(--space-8);padding:var(--space-6);background:var(--bg-accent);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.export-conversation-info h3{color:var(--text-primary);margin:0 0 var(--space-2) 0;font-size:var(--text-lg);font-weight:var(--font-semibold)}.export-conversation-info p{color:var(--text-muted);margin:0;font-size:var(--text-sm)}.export-formats{margin-bottom:var(--space-8)}.export-formats h4{color:var(--text-primary);margin:0 0 var(--space-4) 0;font-size:var(--text-base);font-weight:var(--font-semibold)}.export-format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.export-format-button{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:var(--transition-base);text-align:left;width:100%}.export-format-button:hover{background:var(--bg-accent);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-card)}.format-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.format-name{color:var(--text-primary);font-weight:var(--font-semibold);font-size:var(--text-base)}.format-extension{background:var(--accent-primary);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);font-family:var(--font-mono)}.format-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.4;margin:0}.export-options{margin-bottom:var(--space-8)}.export-options h4{color:var(--text-primary);margin:0 0 var(--space-4) 0;font-size:var(--text-base);font-weight:var(--font-semibold)}.export-checkboxes{display:flex;flex-direction:column;gap:var(--space-3)}.export-checkbox{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;color:var(--text-primary);font-size:var(--text-sm);transition:var(--transition-base)}.export-checkbox:hover{color:var(--accent-primary)}.export-checkbox input[type=checkbox]{appearance:none;width:18px;height:18px;border:2px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;position:relative;transition:var(--transition-base)}.export-checkbox input[type=checkbox]:checked{background:var(--accent-primary);border-color:var(--accent-primary)}.export-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.export-checkbox input[type=checkbox]:hover{border-color:var(--accent-primary)}.export-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-6);border-top:1px solid var(--glass-border)}.export-button{border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:var(--space-2)}.export-button.secondary{background:var(--bg-accent);color:var(--text-primary)}.export-button.secondary:hover{background:var(--bg-secondary);transform:translateY(-1px)}.export-button.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.export-button.primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.export-modal-content{width:95vw;max-height:90vh}.export-modal-header,.export-modal-body{padding:var(--space-4)}.export-format-grid{grid-template-columns:1fr}.export-actions{flex-direction:column}.export-button{justify-content:center}}.export-modal-content:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.export-format-button:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.export-checkbox input[type=checkbox]:focus{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-contrast: high){.export-modal-backdrop{background:#000c}.export-format-button,.export-button,.export-checkbox input[type=checkbox]{border-width:2px}}@media (prefers-reduced-motion: reduce){.export-modal-content{animation:none}.export-format-button:hover,.export-button:hover{transform:none}}.share-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--transition-base)}.share-modal.active{display:flex;opacity:1;visibility:visible}.share-modal-backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px)}.share-modal-content{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card-hover);max-width:600px;width:90vw;max-height:80vh;overflow-y:auto;position:relative;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--glass-border)}.share-modal-header h2{color:var(--text-primary);margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold)}.share-modal-close{background:none;border:none;color:var(--text-muted);font-size:var(--text-xl);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:var(--transition-base);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.share-modal-close:hover{background:var(--bg-accent);color:var(--text-primary)}.share-modal-body{padding:var(--space-6)}.share-conversation-info{text-align:center;margin-bottom:var(--space-8);padding:var(--space-6);background:var(--bg-accent);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.share-conversation-info h3{color:var(--text-primary);margin:0 0 var(--space-2) 0;font-size:var(--text-lg);font-weight:var(--font-semibold)}.share-conversation-info p{color:var(--text-muted);margin:0 0 var(--space-4) 0;font-size:var(--text-sm)}.share-url-preview{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-3);margin-top:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);text-align:left}.share-url-label{color:var(--text-muted);font-weight:var(--font-medium);margin-right:var(--space-2)}.share-url{color:var(--text-primary);word-break:break-all}.share-platforms{margin-bottom:var(--space-8)}.share-platforms h4{color:var(--text-primary);margin:0 0 var(--space-4) 0;font-size:var(--text-base);font-weight:var(--font-semibold)}.share-platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.share-platform-button{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:var(--transition-base);text-align:left;width:100%;position:relative;overflow:hidden}.share-platform-button:hover{background:var(--bg-accent);transform:translateY(-2px);box-shadow:var(--shadow-card)}.share-platform-button:hover:before{opacity:.1}.share-platform-button:before{content:"";position:absolute;inset:0;background:currentColor;opacity:0;transition:var(--transition-base);pointer-events:none}.platform-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.platform-icon{font-size:var(--text-xl);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--glass-border)}.platform-name{color:var(--text-primary);font-weight:var(--font-semibold);font-size:var(--text-base);flex:1}.platform-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.4;margin:0}.share-platform-button[onclick*=twitter]:hover{border-left-color:#1da1f2}.share-platform-button[onclick*=linkedin]:hover{border-left-color:#0077b5}.share-platform-button[onclick*=facebook]:hover{border-left-color:#1877f2}.share-platform-button[onclick*=reddit]:hover{border-left-color:#ff4500}.share-platform-button[onclick*=copy]:hover{border-left-color:#6b7280}.share-preview{margin-bottom:var(--space-8)}.share-preview h4{color:var(--text-primary);margin:0 0 var(--space-4) 0;font-size:var(--text-base);font-weight:var(--font-semibold)}.share-preview-content{background:var(--bg-accent);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4);position:relative}.share-preview-content:before{content:"👁️ Preview";position:absolute;top:var(--space-2);right:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-card);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.share-preview-title{color:var(--text-primary);font-weight:var(--font-semibold);font-size:var(--text-base);margin-bottom:var(--space-2);line-height:1.3}.share-preview-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.4;margin-bottom:var(--space-3)}.share-preview-url{color:var(--accent-primary);font-size:var(--text-xs);font-family:var(--font-mono);word-break:break-all;background:var(--bg-secondary);padding:var(--space-2);border-radius:var(--radius-sm)}.share-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-6);border-top:1px solid var(--glass-border)}.share-button{border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:var(--space-2)}.share-button.secondary{background:var(--bg-accent);color:var(--text-primary)}.share-button.secondary:hover{background:var(--bg-secondary);transform:translateY(-1px)}.share-button.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.share-button.primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:var(--shadow-md)}.share-platform-button.copied{background:var(--bg-success);border-color:var(--accent-success);transform:scale(1.02)}.share-platform-button.copied .platform-icon{background:var(--accent-success);color:#fff}@media (max-width: 768px){.share-modal-content{width:95vw;max-height:90vh}.share-modal-header,.share-modal-body{padding:var(--space-4)}.share-platform-grid{grid-template-columns:1fr}.share-actions{flex-direction:column}.share-button{justify-content:center}.share-url-preview{font-size:var(--text-2xs)}}.share-modal-content:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.share-platform-button:focus{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-contrast: high){.share-modal-backdrop{background:#000c}.share-platform-button,.share-button{border-width:2px}}@media (prefers-reduced-motion: reduce){.share-modal-content{animation:none}.share-platform-button:hover,.share-button:hover{transform:none}}@media (prefers-color-scheme: dark){.share-platform-button{background:var(--bg-card)}.share-platform-button:hover{background:var(--bg-accent)}.platform-icon{background:var(--bg-secondary)}}.upload-modal-container{position:fixed;inset:0;z-index:var(--z-modal);display:none;align-items:center;justify-content:center;padding:var(--space-4);pointer-events:none;opacity:0;transition:opacity var(--transition-base);overflow-y:auto;overscroll-behavior:contain}.upload-modal-container.active{display:flex;pointer-events:auto;opacity:1}@media (max-height: 700px){.upload-modal-container{align-items:flex-start;padding-top:var(--space-8);padding-bottom:var(--space-8)}}.upload-modal-wrapper{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);pointer-events:none;opacity:0;transition:opacity var(--transition-base)}.upload-modal-wrapper.active{pointer-events:auto;opacity:1}.upload-modal-wrapper.upload-modal-wrapper.active{opacity:1!important;pointer-events:auto!important;transition:opacity .2s ease-in-out!important}.upload-modal-container .modal-backdrop,.upload-modal-wrapper .modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop)}.upload-modal-container.active .modal-backdrop,.upload-modal-wrapper.active .modal-backdrop{opacity:1}.upload-modal-container .upload-modal,.upload-modal-wrapper .upload-modal{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:min(90vh,800px);opacity:0;transform:scale(.95);transition:all var(--transition-base);overflow:hidden;position:relative;z-index:calc(var(--z-modal) + 1);flex-shrink:0}.upload-modal-container.active .upload-modal,.upload-modal-wrapper.active .upload-modal{opacity:1;transform:scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--glass-border);background:linear-gradient(135deg,var(--bg-card),var(--bg-accent))}.modal-header h2{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.close-button{background:none;border:none;color:var(--text-muted);font-size:var(--text-xl);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.close-button:hover{color:var(--text-primary);background:var(--glass-subtle)}.close-button:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.modal-body{padding:var(--space-6);max-height:calc(min(90vh,800px) - 140px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.upload-area{border:2px dashed var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;background:var(--glass-subtle);transition:all var(--transition-base);cursor:pointer;position:relative;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-area:hover{border-color:var(--accent-primary);background:#3b82f60d}.upload-area:focus{outline:2px solid var(--accent-primary);outline-offset:2px;border-color:var(--accent-primary)}.upload-area.dragging{border-color:var(--accent-primary);background:#3b82f61a;transform:scale(1.02)}.upload-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.upload-icon{font-size:3rem;opacity:.7}.upload-description{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:var(--font-medium)}.upload-hint{font-size:var(--text-sm);color:var(--text-muted);margin:0}.browse-button{background:var(--accent-primary);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-2)}.browse-button:hover{background:var(--accent-secondary);transform:translateY(-1px)}.file-info{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--bg-accent);border-radius:var(--radius-md);margin-top:var(--space-4)}.file-details{display:flex;flex-direction:column;gap:var(--space-1)}.file-name{font-weight:var(--font-medium);color:var(--text-primary);word-break:break-all}.file-size{font-size:var(--text-sm);color:var(--text-muted)}.remove-file{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.remove-file:hover{color:var(--accent-error);background:var(--glass-subtle)}.upload-progress{margin-top:var(--space-6)}.progress-bar{width:100%;height:8px;background:var(--bg-accent);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-full);transition:width var(--transition-fast);width:0%}.progress-text{text-align:center;font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.validation-results{margin-top:var(--space-6);padding:var(--space-4);background:var(--bg-accent);border-radius:var(--radius-md)}.validation-results h3{margin:0 0 var(--space-3) 0;font-size:var(--text-base);color:var(--text-primary)}.validation-list{display:flex;flex-direction:column;gap:var(--space-2)}.validation-success{color:var(--accent-success);font-size:var(--text-sm);font-weight:var(--font-medium)}.validation-error{color:var(--accent-error);font-size:var(--text-sm);font-weight:var(--font-medium)}.error-message{background:#ef44441a;border:1px solid var(--accent-error);color:var(--accent-error);padding:var(--space-3);border-radius:var(--radius-md);margin-top:var(--space-4);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.error-message:before{content:"⚠️";font-size:var(--text-base)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--glass-border);background:var(--glass-subtle)}.cancel-button{background:none;border:1px solid var(--glass-border);color:var(--text-secondary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.cancel-button:hover{background:var(--glass-subtle);border-color:var(--accent-primary);color:var(--text-primary)}.upload-button{background:var(--accent-primary);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);min-width:100px}.upload-button:hover:not(:disabled){background:var(--accent-secondary);transform:translateY(-1px)}.upload-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.file-input{position:absolute;opacity:0;pointer-events:none}@media (max-width: 640px){.upload-modal-container,.upload-modal-wrapper{padding:var(--space-2);align-items:flex-start;padding-top:var(--space-4);padding-bottom:var(--space-4)}.upload-modal-container .upload-modal,.upload-modal-wrapper .upload-modal{max-height:min(95vh,700px);border-radius:var(--radius-lg)}.modal-header,.modal-body,.modal-footer{padding:var(--space-4)}.modal-body{max-height:calc(min(95vh,700px) - 120px)}.upload-area{padding:var(--space-6);min-height:160px}.upload-icon{font-size:2.5rem}.upload-description{font-size:var(--text-base)}.modal-footer{flex-direction:column-reverse;gap:var(--space-2)}.cancel-button,.upload-button{width:100%;justify-content:center}.file-info{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.remove-file{align-self:flex-end}}@media (max-width: 480px){.modal-header h2{font-size:var(--text-lg)}.upload-description{font-size:var(--text-sm);text-align:center}.upload-hint{font-size:var(--text-xs)}}@media (prefers-reduced-motion: reduce){.upload-modal-container,.upload-modal-wrapper,.upload-modal-container .upload-modal,.upload-modal-wrapper .upload-modal,.upload-modal-container .modal-backdrop,.upload-modal-wrapper .modal-backdrop,.upload-area,.browse-button,.upload-button{transition:none}.upload-area.dragging{transform:none}}@media (prefers-contrast: high){.upload-modal-container .upload-modal,.upload-modal-wrapper .upload-modal{border:2px solid var(--text-primary)}.modal-header,.modal-footer,.upload-area{border-color:var(--text-primary)}.close-button:hover,.cancel-button:hover{background:var(--text-primary);color:var(--bg-card)}}.upload-modal-container:focus-within .upload-modal,.upload-modal-wrapper:focus-within .upload-modal{outline:none}.modal-body *{word-wrap:break-word;overflow-wrap:break-word}.upload-button.loading{position:relative;color:transparent}.upload-button.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;color:#fff}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.search-input-component{max-width:100%;position:relative}.header .search-input-component{max-width:600px;width:100%}.search-container{position:relative;background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--glass-border);overflow:hidden;box-shadow:var(--shadow-subtle);transition:all var(--transition-base)}.search-container.focused{border-color:var(--accent-primary);box-shadow:var(--shadow-focus),0 0 0 1px #3b82f61a;transform:translateY(-1px)}.search-input-wrapper{display:flex;align-items:center;position:relative;background:transparent;padding:var(--space-1);gap:var(--space-3)}.search-icon{padding-left:var(--space-4);font-size:var(--text-xl);color:var(--text-muted);pointer-events:none;transition:color var(--transition-base)}.search-container.focused .search-icon{color:var(--accent-primary)}.search-input{flex:1;background:transparent;border:none;outline:none;padding:var(--space-4) var(--space-2);font-size:var(--text-lg);color:var(--text-primary);font-weight:var(--font-medium);line-height:1.5}.search-input::placeholder{color:var(--text-muted);font-weight:var(--font-normal)}.clear-button{background:var(--bg-accent);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-2);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);margin-right:var(--space-2)}.clear-button:hover{background:var(--accent-error);border-color:var(--accent-error);color:#fff;transform:scale(1.05)}.filter-toggle{background:var(--bg-accent);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-3);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);margin-right:var(--space-2);min-width:44px;display:flex;align-items:center;justify-content:center}.filter-toggle:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.05)}.filter-toggle[aria-expanded=true]{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.filters-panel{border-top:1px solid var(--glass-border);background:var(--bg-subtle);padding:var(--space-6);animation:slideDown .2s ease-out}.filter-label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.filter-options{display:flex;gap:var(--space-4);flex-wrap:wrap}.filter-option{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--bg-card);transition:all var(--transition-base);user-select:none}.filter-option:hover{background:var(--glass-subtle);border-color:var(--accent-primary);transform:translateY(-1px)}.filter-option input[type=checkbox]{margin:0;accent-color:var(--accent-primary)}.filter-option span{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.filter-option:hover span{color:var(--text-primary)}.filter-range{display:flex;align-items:center;gap:var(--space-3)}.range-input{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);width:80px;text-align:center;transition:all var(--transition-base)}.range-input:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-focus);outline:none}.featured-filter{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border-color:#8b5cf64d}.featured-filter:hover{background:linear-gradient(135deg,#8b5cf633,#3b82f633);border-color:var(--accent-secondary)}.filter-actions{display:flex;justify-content:flex-end;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--glass-border)}.filter-clear{background:var(--bg-accent);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.filter-clear:hover{background:var(--accent-warning);border-color:var(--accent-warning);color:#fff;transform:translateY(-1px)}.search-input-component.has-results .search-container{border-color:var(--accent-success)}.search-input-component.no-results .search-container{border-color:var(--accent-warning)}.search-input-component.has-filters .filter-toggle{background:var(--accent-secondary);border-color:var(--accent-secondary);color:#fff}@media (max-width: 768px){.search-input-component{max-width:100%;margin:0}.header .search-input-component{max-width:100%}.search-input-wrapper{padding:var(--space-1);gap:var(--space-2)}.search-input{font-size:var(--text-base);padding:var(--space-3) var(--space-2)}.search-icon{padding-left:var(--space-3);font-size:var(--text-lg)}.filter-options{flex-direction:column;gap:var(--space-2)}.filter-option{justify-content:flex-start}.filter-range{flex-direction:column;align-items:stretch;gap:var(--space-2)}.range-input{width:100%}.range-separator{text-align:center}}@media (prefers-reduced-motion: reduce){.search-container,.clear-button,.filter-toggle,.filter-option,.range-input,.filter-clear{transition:none}.filters-panel{animation:none}}@media (prefers-contrast: high){.search-container,.filter-option,.range-input{border-width:2px}}@media (prefers-color-scheme: dark){.search-icon{opacity:.8}.filters-panel{background:var(--bg-accent)}}.integrated-search-header{width:100%;margin-bottom:var(--space-8)}.integrated-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-6);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--shadow-subtle);backdrop-filter:blur(10px);transition:all var(--transition-base)}.integrated-search-header.search-focused .integrated-header{border-color:var(--accent-primary);box-shadow:var(--shadow-focus),0 0 0 1px #3b82f61a;transform:translateY(-2px)}.header-left{display:flex;align-items:center;gap:var(--space-4);min-width:0}.header-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap}.conversation-counts{display:flex;align-items:center;gap:var(--space-2)}.total-count,.filtered-count{background:var(--accent-primary);color:#fff;padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:500;transition:all var(--transition-base)}.filtered-count{background:var(--accent-secondary)}.total-count{transition:opacity var(--transition-base)}.header-search{flex:1;max-width:600px;min-width:300px}.search-input-container{position:relative;margin-bottom:var(--space-3)}.search-input-enhanced{width:100%;background:var(--bg-subtle);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-3) calc(var(--space-8) * 2) var(--space-3) var(--space-4);color:var(--text-primary);font-size:1rem;font-weight:var(--font-medium);transition:all var(--transition-base);position:relative;z-index:1}.search-input-enhanced::placeholder{color:var(--text-muted);font-weight:var(--font-normal)}.search-input-enhanced:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-card);box-shadow:0 0 0 3px #3b82f61a}.clear-search-button{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:var(--bg-accent);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-2);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);z-index:2;font-size:.875rem;line-height:1}.clear-search-button:hover{background:var(--accent-error);border-color:var(--accent-error);color:#fff;transform:translateY(-50%) scale(1.05)}.filter-chips{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.filter-chip{background:var(--bg-accent);border:1px solid var(--glass-border);border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);user-select:none;position:relative;overflow:hidden}.filter-chip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.filter-chip:hover:before{left:100%}.filter-chip:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.filter-chip.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #3b82f666}.filter-chip.more-filters{background:var(--bg-subtle);border-color:var(--accent-secondary);color:var(--accent-secondary)}.filter-chip.more-filters:hover,.filter-chip.more-filters.active{background:var(--accent-secondary);border-color:var(--accent-secondary);color:#fff}.header-actions{display:flex;gap:var(--space-3);align-items:center}.upload-button{background:linear-gradient(135deg,var(--accent-success),var(--accent-primary));border:1px solid var(--accent-success);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);color:#fff;font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;white-space:nowrap}.upload-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d;background:linear-gradient(135deg,var(--accent-success),var(--accent-secondary))}.upload-button:active{transform:translateY(-1px)}.upload-icon{font-size:1rem}.advanced-filters-panel{margin-top:var(--space-4);background:var(--bg-subtle);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);animation:slideDown .3s ease-out;backdrop-filter:blur(5px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-section{margin-bottom:var(--space-6)}.filter-section:last-child{margin-bottom:0}.filter-label{display:block;font-size:.875rem;font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.range-inputs{display:flex;align-items:center;gap:var(--space-3)}.range-input{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:.875rem;color:var(--text-primary);width:80px;text-align:center;transition:all var(--transition-base)}.range-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f633;outline:none}.range-separator{color:var(--text-muted);font-weight:var(--font-bold)}.model-input{width:100%;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-3);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-base)}.model-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f633;outline:none}.filter-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--glass-border)}.apply-filters-button,.clear-filters-button{background:var(--bg-accent);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:.875rem;font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.apply-filters-button{color:var(--accent-primary);border-color:var(--accent-primary)}.apply-filters-button:hover{background:var(--accent-primary);color:#fff;transform:translateY(-1px)}.clear-filters-button{color:var(--text-secondary)}.clear-filters-button:hover{background:var(--accent-warning);border-color:var(--accent-warning);color:#fff;transform:translateY(-1px)}@media (max-width: 1024px){.integrated-header{flex-direction:column;align-items:stretch;gap:var(--space-4)}.header-search{max-width:none;min-width:0}.header-left{justify-content:space-between}.filter-chips{justify-content:flex-start}}@media (max-width: 768px){.integrated-header{padding:var(--space-4)}.header-title{font-size:1.125rem}.search-input-enhanced{font-size:.875rem;padding:var(--space-3) var(--space-6) var(--space-3) var(--space-4)}.filter-chips{gap:var(--space-1)}.filter-chip{padding:4px 10px;font-size:.75rem}.upload-button{padding:var(--space-2) var(--space-3);font-size:.8rem}.range-inputs{flex-direction:column;align-items:stretch;gap:var(--space-2)}.range-input{width:100%;text-align:left}.range-separator{text-align:center}.filter-actions{flex-direction:column}}@media (max-width: 480px){.header-left{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.conversation-counts{align-self:flex-start}.filter-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--space-1);scrollbar-width:thin}.filter-chips::-webkit-scrollbar{height:2px}.filter-chips::-webkit-scrollbar-track{background:var(--bg-subtle)}.filter-chips::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:1px}.filter-chip{flex-shrink:0}}@media (prefers-reduced-motion: reduce){.integrated-header,.filter-chip,.upload-button,.search-input-enhanced,.clear-search-button,.range-input,.model-input,.apply-filters-button,.clear-filters-button{transition:none}.advanced-filters-panel{animation:none}.filter-chip:before{display:none}}@media (prefers-contrast: high){.integrated-header,.search-input-enhanced,.range-input,.model-input,.filter-chip{border-width:2px}}@media (prefers-color-scheme: dark){.advanced-filters-panel{background:var(--bg-accent)}.filter-chip:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}}.legal-page-component{min-height:calc(100vh - 200px);padding:var(--space-6) 0}.legal-section{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden;margin-bottom:var(--space-8);max-width:var(--container-lg);margin-left:auto;margin-right:auto}.legal-header{padding:var(--space-6) var(--space-8) 0;border-bottom:1px solid var(--glass-border);margin-bottom:var(--space-6)}.legal-content{padding:var(--space-6) var(--space-8) var(--space-8)}.legal-document{max-width:800px;margin:0 auto}.legal-document h1{color:var(--text-primary);font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);text-align:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.last-updated{text-align:center;color:var(--text-muted);font-style:italic;font-size:var(--text-sm);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--glass-border)}.legal-section-content{margin-bottom:var(--space-8)}.legal-section-content:last-child{margin-bottom:0}.legal-section-content h2{color:var(--accent-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--glass-border);line-height:1.3}.legal-section-content h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:var(--space-6) 0 var(--space-3) 0;line-height:1.4}.legal-section-content p{color:var(--text-secondary);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-4)}.legal-section-content ul,.legal-section-content ol{margin:var(--space-4) 0 var(--space-4) var(--space-6);color:var(--text-secondary);line-height:1.7}.legal-section-content li{margin-bottom:var(--space-2);font-size:var(--text-base)}.legal-section-content li:last-child{margin-bottom:0}.legal-section-content strong{color:var(--text-primary);font-weight:var(--font-semibold)}.legal-section-content a{color:var(--accent-primary);text-decoration:none;font-weight:var(--font-medium);transition:color var(--transition-base)}.legal-section-content a:hover{color:var(--accent-secondary);text-decoration:underline}.legal-section-content h2:first-child{display:flex;align-items:center;gap:var(--space-2)}.legal-section-content code{background:var(--bg-accent);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-primary)}.legal-section-content pre{background:var(--bg-accent);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;margin:var(--space-4) 0}.legal-section-content pre code{background:none;border:none;padding:0}@media (max-width: 768px){.legal-page-component{padding:var(--space-4) 0}.legal-section{margin:0 var(--space-4) var(--space-6);border-radius:var(--radius-lg)}.legal-header{padding:var(--space-4) var(--space-6) 0;margin-bottom:var(--space-4)}.legal-content{padding:var(--space-4) var(--space-6) var(--space-6)}.legal-document h1{font-size:var(--text-3xl)}.legal-section-content h2{font-size:var(--text-xl)}.legal-section-content h3{font-size:var(--text-lg)}.legal-section-content ul,.legal-section-content ol{margin-left:var(--space-4)}}@media (max-width: 480px){.legal-section{margin:0 var(--space-2) var(--space-4)}.legal-header{padding:var(--space-3) var(--space-4) 0}.legal-content{padding:var(--space-3) var(--space-4) var(--space-4)}.legal-document h1{font-size:var(--text-2xl)}}@media print{.legal-header{display:none}.legal-section{box-shadow:none;border:1px solid #ccc}.legal-document h1{color:#000!important;-webkit-text-fill-color:#000!important}.legal-section-content h2{color:#000!important}.legal-section-content a{color:#000!important;text-decoration:underline!important}}@media (prefers-contrast: high){.legal-section{border-width:2px}.legal-section-content h2{border-bottom-width:3px}}@keyframes skeleton-shimmer{0%{background-position:-200px 0;opacity:.6}50%{opacity:.8}to{background-position:calc(200px + 100%) 0;opacity:.6}}@keyframes glassSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 15px var(--color-accent-glow)}50%{box-shadow:0 0 30px var(--color-accent-glow),0 0 40px var(--color-primary-light)}}@keyframes floatUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.skeleton-loader{display:block;width:100%;animation:floatUp .4s var(--animation-timing)}.skeleton-line{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:block;width:100%;height:1.2rem;margin-bottom:var(--spacing-sm);position:relative;overflow:hidden}.skeleton-line:last-child{margin-bottom:0}.skeleton-animated{background:linear-gradient(90deg,var(--glass-bg) 25%,rgba(255,255,255,.15) 50%,var(--glass-bg) 75%);background-size:200px 100%;animation:skeleton-shimmer 2s ease-in-out infinite}.skeleton-animated:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea0d,#8b5cf60d);pointer-events:none}.skeleton-card{background:var(--glass-bg-strong);backdrop-filter:var(--backdrop-blur-strong);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-glass);transition:var(--transition-glass);animation:floatUp .4s var(--animation-timing)}.skeleton-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-glass-hover)}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--spacing-xl);padding:var(--spacing-xl)}.skeleton-card .skeleton-title{height:1.5rem;width:85%;margin-bottom:var(--spacing-md);border-radius:var(--radius-lg)}.skeleton-card .skeleton-meta{height:1rem;width:65%;margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg)}.skeleton-card .skeleton-preview .skeleton-line{height:1rem;margin-bottom:var(--spacing-sm)}.skeleton-message{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-left:3px solid var(--color-primary-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-glass);animation:floatUp .4s var(--animation-timing)}.skeleton-message .skeleton-author{height:1.2rem;width:25%;margin-bottom:var(--spacing-md);border-radius:var(--radius-lg)}.skeleton-message .skeleton-content .skeleton-line{height:1.2rem;border-radius:var(--radius-lg)}.loading-overlay{position:absolute;inset:0;background:var(--glass-bg-strong);backdrop-filter:var(--backdrop-blur-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;transition:var(--transition-medium);animation:floatUp .3s var(--animation-timing)}.loading-spinner{width:3rem;height:3rem;border:3px solid var(--glass-border);border-top:3px solid var(--color-primary-light);border-radius:50%;background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);animation:glassSpin 1s linear infinite,glowPulse 2s ease-in-out infinite;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-glass)}.loading-message{color:var(--color-text-light);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:center;margin-bottom:var(--spacing-lg);text-shadow:0 2px 4px rgba(0,0,0,.3)}.loading-progress{width:300px;height:8px;background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--radius-pill);overflow:hidden;margin-top:var(--spacing-lg);box-shadow:var(--shadow-sm);position:relative}.loading-progress:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea1a,#8b5cf61a)}.loading-progress div{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%);transition:width .3s var(--animation-timing);border-radius:var(--radius-pill);box-shadow:0 0 10px var(--color-accent-glow);position:relative;z-index:1}.is-loading{pointer-events:none;opacity:.8;transition:var(--transition-medium);position:relative}.is-loading:after{content:"";position:absolute;inset:0;background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);border-radius:inherit;z-index:10}.error-message{color:var(--color-text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-lg);background:#c430301a;backdrop-filter:var(--backdrop-blur);border:1px solid rgba(196,48,48,.3);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);box-shadow:0 0 20px #c4303033;animation:floatUp .3s var(--animation-timing)}.success-message{color:var(--color-text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-lg);background:var(--color-openai-glow);backdrop-filter:var(--backdrop-blur);border:1px solid var(--color-openai);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);box-shadow:0 0 20px var(--color-openai-glow);animation:floatUp .3s var(--animation-timing)}.btn.is-loading{position:relative;color:transparent;background:var(--glass-bg);border-color:var(--glass-border)}.btn.is-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.2rem;height:1.2rem;border:2px solid var(--glass-border);border-top:2px solid var(--color-primary-light);border-radius:50%;animation:glassSpin 1s linear infinite}@keyframes pageLoad{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-loading{animation:pageLoad .6s var(--animation-timing)}.conversation-card:nth-child(1){animation-delay:0ms}.conversation-card:nth-child(2){animation-delay:.1s}.conversation-card:nth-child(3){animation-delay:.2s}.conversation-card:nth-child(4){animation-delay:.3s}.conversation-card:nth-child(5){animation-delay:.4s}.conversation-card:nth-child(n+6){animation-delay:.5s}@media (max-width: 768px){.skeleton-grid{grid-template-columns:1fr;padding:var(--spacing-lg);gap:var(--spacing-lg)}.skeleton-card{padding:var(--spacing-lg)}.loading-progress{width:250px}.loading-spinner{width:2.5rem;height:2.5rem}}@media (prefers-reduced-motion: reduce){.skeleton-animated{animation:none;background:var(--glass-bg)}.loading-spinner{animation:none}.btn.is-loading:after{animation:none}.conversation-card{animation:none}}@media (prefers-contrast: high){.skeleton-line{background:#fff3;border:2px solid var(--color-text-light)}.loading-spinner{border-color:var(--color-text-light);border-top-color:var(--color-primary-light)}}.data-viz-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-glass);padding:var(--spacing-xl);margin:var(--spacing-lg) 0;position:relative;overflow:hidden}.data-viz-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-primary-light) 50%,transparent 100%);opacity:.6}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);text-align:center;font-family:var(--font-family-heading)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.chart-container{background:#ffffff0d;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-md) 0;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}.chart-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-md);text-align:center}.metric-counter{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-family-heading);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;animation:countUp 2s var(--animation-timing)}@keyframes countUp{0%{opacity:0;transform:translateY(20px) scale(.8)}50%{opacity:.7;transform:translateY(-5px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}.metric-card{background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-md);position:relative;overflow:hidden;transition:var(--transition-glass)}.metric-card:hover{background:#ffffff2e;box-shadow:var(--shadow-glass-hover),var(--shadow-glow);transform:translateY(-2px)}.metric-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);pointer-events:none}.metric-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium)}.metric-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.metric-change{font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.metric-change.positive{color:var(--color-openai)}.metric-change.negative{color:var(--color-error)}.progress-chart{display:flex;flex-direction:column;gap:var(--spacing-lg)}.progress-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.progress-header{display:flex;justify-content:space-between;align-items:center}.progress-label{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.progress-value{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.data-grid-header-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));background:#ffffff26;border-bottom:1px solid var(--glass-border)}.data-grid-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:center}.data-grid-cell{padding:var(--spacing-md);color:var(--color-text-primary)}.progress-glass{background:#ffffff1a;border-radius:var(--radius-pill);height:8px;overflow:hidden;position:relative;margin:var(--spacing-md) 0;border:1px solid rgba(255,255,255,.2)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%);border-radius:var(--radius-pill);position:relative;animation:progressFill 1.5s var(--animation-timing);box-shadow:0 0 15px var(--color-accent-glow)}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.3) 0%,transparent 50%,rgba(255,255,255,.1) 100%);border-radius:var(--radius-pill)}.tooltip-glass{position:absolute;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);backdrop-filter:var(--backdrop-blur-strong);box-shadow:var(--shadow-xl);font-size:var(--font-size-sm);color:var(--color-text-primary);z-index:1000;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;max-width:200px;text-align:center}.tooltip-glass.visible{opacity:1;transform:translateY(0)}.tooltip-glass:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--glass-border)}.data-grid{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:var(--backdrop-blur);overflow:hidden;box-shadow:var(--shadow-md)}.data-grid-header{background:#ffffff26;border-bottom:1px solid var(--glass-border);padding:var(--spacing-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.data-grid-row{border-bottom:1px solid rgba(255,255,255,.1);padding:var(--spacing-md);transition:background-color .2s ease}.data-grid-row:hover{background:#ffffff1a}.data-grid-row:last-child{border-bottom:none}.sparkline-container{position:relative;height:40px;background:#ffffff0d;border-radius:var(--radius-md);padding:var(--spacing-sm);overflow:hidden}.sparkline{width:100%;height:100%;stroke:var(--color-primary-light);stroke-width:2;fill:none;filter:drop-shadow(0 0 4px var(--color-accent-glow))}.donut-chart{position:relative;display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto}.donut-chart svg{transform:rotate(-90deg);filter:drop-shadow(0 0 8px var(--color-accent-glow))}.donut-chart-center{position:absolute;text-align:center;color:var(--color-text-primary)}.donut-chart-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1}.donut-chart-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}@media (max-width: 768px){.data-viz-container{padding:var(--spacing-lg);margin:var(--spacing-md) 0}.metric-counter{font-size:var(--font-size-2xl)}.metric-card{padding:var(--spacing-md)}.metric-value{font-size:var(--font-size-xl)}.donut-chart{width:100px;height:100px}.tooltip-glass{max-width:150px;font-size:var(--font-size-xs)}}@keyframes dataReveal{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.data-reveal{animation:dataReveal .6s var(--animation-timing)}.data-grid-row.animate{animation:dataReveal .4s var(--animation-timing) both}.data-grid-row.animate:nth-child(1){animation-delay:0ms}.data-grid-row.animate:nth-child(2){animation-delay:50ms}.data-grid-row.animate:nth-child(3){animation-delay:.1s}.data-grid-row.animate:nth-child(4){animation-delay:.15s}.data-grid-row.animate:nth-child(5){animation-delay:.2s}.data-grid-row.animate:nth-child(n+6){animation-delay:.25s}.batch-status-page{max-width:1200px;margin:0 auto;padding:2rem;color:var(--text-primary);background:var(--bg-primary)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.page-header h1{font-size:2.5rem;font-weight:700;margin:0;color:var(--text-primary)}.refresh-info{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--text-secondary)}.auto-refresh{padding:.25rem .75rem;background:var(--accent-primary);color:#fff;border-radius:9999px;font-weight:500}.refresh-button{padding:.5rem 1rem;background:var(--button-primary);color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.refresh-button:hover{background:var(--button-primary-hover)}.overall-progress{background:var(--bg-secondary);border-radius:1rem;padding:2rem;margin-bottom:2rem;border:1px solid var(--border-color)}.overall-progress h2{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;color:var(--text-primary)}.overall-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.overall-stat{text-align:center}.overall-value{display:block;font-size:2.5rem;font-weight:700;color:var(--accent-primary);margin-bottom:.5rem}.overall-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.progress-bar{display:flex;align-items:center;gap:1rem}.progress-bar-bg{flex:1;height:1rem;background:var(--bg-tertiary);border-radius:.5rem;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:var(--accent-primary);border-radius:.5rem;transition:width .3s ease;position:relative}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{font-weight:600;color:var(--text-primary);min-width:3rem;text-align:right}.batch-list h2{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;color:var(--text-primary)}.batch-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.batch-card{background:var(--bg-secondary);border-radius:1rem;padding:1.5rem;border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s}.batch-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.batch-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.batch-id{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.batch-meta{display:flex;flex-direction:column;align-items:flex-end;font-size:.875rem;color:var(--text-secondary);gap:.25rem}.batch-duration{font-weight:500;color:var(--accent-primary)}.batch-progress{margin-bottom:1.5rem}.batch-stats{display:flex;justify-content:space-between;margin-top:1rem}.stat{text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.batch-details{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.batch-details h4{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.combinations-list,.activity-list{display:flex;flex-direction:column;gap:.75rem}.combination-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-tertiary);border-radius:.5rem;font-size:.875rem}.combination-models{display:flex;align-items:center;gap:.5rem}.model-name{font-weight:500;color:var(--text-primary)}.vs{color:var(--text-secondary);font-weight:600}.combination-progress{font-weight:600;color:var(--accent-primary)}.activity-item{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:center;padding:.5rem;background:var(--bg-tertiary);border-radius:.5rem;font-size:.875rem}.activity-models{font-weight:500;color:var(--text-primary)}.activity-status{font-weight:600;text-transform:capitalize}.activity-time{color:var(--text-secondary);font-size:.75rem}.loading-container,.error-container,.empty-state{text-align:center;padding:4rem 2rem}.loading-spinner{width:2rem;height:2rem;border:3px solid var(--bg-tertiary);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container h3,.empty-state h3{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.error-container p,.empty-state p{color:var(--text-secondary);margin-bottom:1.5rem}.retry-button{padding:.75rem 1.5rem;background:var(--button-primary);color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.retry-button:hover{background:var(--button-primary-hover)}@media (max-width: 768px){.batch-status-page{padding:1rem}.page-header{flex-direction:column;gap:1rem;align-items:flex-start}.refresh-info{flex-wrap:wrap}.overall-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.batch-grid{grid-template-columns:1fr}.batch-details{grid-template-columns:1fr;gap:1rem}.activity-item{grid-template-columns:1fr;gap:.25rem;text-align:center}}@media (max-width: 480px){.batch-stats{flex-direction:column;gap:1rem}.combination-item{flex-direction:column;gap:.5rem;text-align:center}}.conversation-viewer{display:block;width:100%;margin:0;padding:0}.conversation-viewer.hidden{display:none}