:root{--primary: #6366f1;--primary-hover: #4f46e5;--primary-muted: #818cf8;--primary-subtle: rgba(99, 102, 241, .08);--primary-glow: rgba(99, 102, 241, .25);--success: #10b981;--success-subtle: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-subtle: rgba(245, 158, 11, .1);--error: #ef4444;--error-subtle: rgba(239, 68, 68, .1);--bg-deep: #0c0e14;--bg-app: #f1f5f9;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-muted: #f8fafc;--border-subtle: rgba(148, 163, 184, .2);--border-default: rgba(148, 163, 184, .35);--border-focus: var(--primary);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-muted: #cbd5e1;--text-inverse: #f8fafc;--sidebar-bg: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);--sidebar-border: rgba(255, 255, 255, .06);--sidebar-text: rgba(248, 250, 252, .7);--sidebar-text-active: #ffffff;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12);--shadow-glow: 0 0 32px var(--primary-glow);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .04);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .12);--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Consolas", monospace;--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);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width: 260px;--sidebar-collapsed: 72px;--content-max-width: 1400px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:15px;font-weight:400;line-height:1.6;color:var(--text-primary);background:var(--bg-app);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em}input,button,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);background:var(--bg-app);transition:margin-left var(--transition-slow)}.sidebar.collapsed+.main-content{margin-left:var(--sidebar-collapsed)}.content-wrapper{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-10) var(--space-12)}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);position:fixed;top:0;left:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--sidebar-border);z-index:50;transition:width var(--transition-slow)}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);border-bottom:1px solid var(--sidebar-border)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-weight:700;font-size:1.1rem;letter-spacing:-.02em;color:var(--sidebar-text-active);overflow:hidden;white-space:nowrap}.sidebar-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-muted) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px var(--primary-glow)}.sidebar-logo-text span{color:var(--primary-muted)}.sidebar-toggle{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--sidebar-text);background:rgba(255,255,255,.04);border:1px solid var(--sidebar-border);transition:all var(--transition-fast)}.sidebar-toggle:hover{background:rgba(255,255,255,.08);color:var(--sidebar-text-active)}.sidebar-nav{flex:1;padding:var(--space-5) var(--space-3);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-1);border-radius:var(--radius-md);color:var(--sidebar-text);font-family:var(--font-body);font-weight:500;font-size:.925rem;transition:all var(--transition-fast)}.nav-item:hover{background:rgba(255,255,255,.06);color:var(--sidebar-text-active)}.nav-item.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.nav-icon{width:20px;height:20px;flex-shrink:0;opacity:.9}.sidebar-stats{padding:var(--space-5);border-top:1px solid var(--sidebar-border)}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;font-size:.825rem}.stat-label{color:var(--sidebar-text);font-weight:500}.stat-value{font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--sidebar-text-active);background:rgba(255,255,255,.08);padding:2px 8px;border-radius:var(--radius-xs)}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--sidebar-border);display:flex;align-items:center;gap:var(--space-3)}.sidebar-footer-icon{color:var(--sidebar-text);opacity:.6}.sidebar-footer-text{font-size:.75rem;font-weight:500;color:var(--sidebar-text);font-family:var(--font-mono)}.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-stats,.sidebar.collapsed .sidebar-footer-text{display:none}.sidebar.collapsed .sidebar-logo{justify-content:center}.sidebar.collapsed .nav-item{justify-content:center;padding:var(--space-3)}.sidebar.collapsed .sidebar-header{padding:0;justify-content:center}.sidebar.collapsed .sidebar-toggle{position:absolute;bottom:var(--space-5);left:50%;transform:translate(-50%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;line-height:1}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:.75rem;border-radius:var(--radius-sm)}.btn-md{padding:10px 18px;font-size:.875rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px var(--primary-glow)}.btn-secondary{background:var(--bg-surface);border-color:var(--border-subtle);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-subtle)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-muted);color:var(--text-primary)}.btn-danger{background:var(--bg-surface);border-color:var(--border-subtle);color:var(--error)}.btn-danger:hover:not(:disabled){border-color:var(--error);background:var(--error-subtle)}.btn-icon{display:flex;align-items:center}.card-base{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.card-base.interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--border-default)}.search-page{animation:fadeSlideIn .5s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-section{text-align:center;padding:var(--space-12) 0 var(--space-10);max-width:720px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 14px;background:var(--primary-subtle);border:1px solid rgba(99,102,241,.15);border-radius:var(--radius-full);font-family:var(--font-display);font-size:.8rem;font-weight:600;color:var(--primary);margin-bottom:var(--space-6)}.hero-title{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3.25rem);font-weight:800;letter-spacing:-.03em;color:var(--text-primary);line-height:1.1;margin-bottom:var(--space-5)}.hero-title-gradient{background:linear-gradient(135deg,var(--primary) 0%,#a855f7 50%,var(--primary-muted) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-family:var(--font-body);font-size:1.1rem;font-weight:400;color:var(--text-secondary);line-height:1.7;max-width:540px;margin:0 auto var(--space-8)}.search-wrapper{position:relative;margin-bottom:var(--space-10)}.search-box-glass{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:6px;display:flex;align-items:center;box-shadow:var(--shadow-md),0 0 0 1px #ffffff80 inset;transition:all var(--transition-base)}.search-box-glass:focus-within{border-color:var(--primary);box-shadow:var(--shadow-lg),var(--shadow-glow)}.search-input-wrapper{flex:1;display:flex;align-items:center;padding:0 var(--space-4);gap:var(--space-3)}.search-icon{width:22px;height:22px;color:var(--text-tertiary);flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-family:var(--font-body);font-size:1.05rem;font-weight:400;color:var(--text-primary);background:transparent}.search-input::placeholder{color:var(--text-tertiary);font-weight:400}.search-button{padding:14px 32px;border-radius:var(--radius-xl);background:var(--text-primary);color:#fff;font-family:var(--font-display);font-weight:600;font-size:.95rem;transition:all var(--transition-fast)}.search-button:hover{background:#000;transform:scale(1.02)}.search-chips{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-6)}.search-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:8px 16px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.search-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-subtle);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.results-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-5);margin-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle)}.results-count{font-family:var(--font-body);font-size:.95rem;color:var(--text-secondary)}.results-count strong{color:var(--text-primary);font-weight:600}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.result-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.result-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover);border-color:var(--border-default)}.result-video-wrapper{position:relative;background:var(--bg-deep);aspect-ratio:16/9}.result-video{width:100%;height:100%;object-fit:contain}.result-timestamp{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);color:#fff;font-family:var(--font-mono);font-size:.7rem;font-weight:500;padding:4px 10px;border-radius:var(--radius-sm)}.result-body{padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--border-subtle)}.result-meta{display:flex;flex-direction:column;gap:var(--space-1)}.result-id{font-family:var(--font-mono);font-size:.7rem;color:var(--text-tertiary);background:var(--bg-muted);padding:2px 8px;border-radius:var(--radius-xs);display:inline-block}.result-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.result-tag{font-size:.7rem;font-weight:600;color:var(--text-secondary);background:var(--bg-muted);border:1px solid var(--border-subtle);padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.02em}.score-badge{height:40px;min-width:52px;padding:0 12px;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1rem;line-height:1}.score-badge:after{content:"MATCH";font-size:7px;font-weight:700;opacity:.85;letter-spacing:.08em;margin-top:2px}.score-badge.high{background:linear-gradient(135deg,#059669 0%,#10b981 100%);color:#fff}.score-badge.medium{background:linear-gradient(135deg,#d97706 0%,#f59e0b 100%);color:#fff}.score-badge.low{background:var(--text-tertiary);color:#fff}.library-page{animation:fadeSlideIn .5s ease-out}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle)}.page-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.page-subtitle{font-family:var(--font-body);font-size:.95rem;color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-bottom:var(--space-8)}.stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-card);transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-default)}.stat-card-icon{width:48px;height:48px;background:var(--primary-subtle);color:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-content h3{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-card-content p{font-family:var(--font-body);font-size:.875rem;color:var(--text-secondary);font-weight:500}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5);margin-top:var(--space-8)}.video-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--border-default)}.video-thumb{position:relative;aspect-ratio:16/9;background:var(--bg-muted)}.video-thumb video{width:100%;height:100%;object-fit:cover}.video-thumb-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.video-card:hover .video-thumb-overlay{opacity:1}.video-play-icon{width:52px;height:52px;background:rgba(255,255,255,.95);border-radius:50%;color:var(--text-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0003;transform:scale(.85);transition:transform var(--transition-spring)}.video-card:hover .video-play-icon{transform:scale(1)}.video-body{padding:var(--space-4)}.video-title{font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-2)}.video-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-tertiary)}.video-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.video-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.75rem;font-weight:600;border:1px solid var(--border-subtle);background:var(--bg-muted);color:var(--text-secondary);transition:all var(--transition-fast)}.video-action-btn:hover{border-color:var(--border-default);background:var(--bg-surface)}.video-action-btn.delete:hover{border-color:var(--error);color:var(--error);background:var(--error-subtle)}.video-action-btn.retry:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-subtle)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);font-family:var(--font-display);font-size:.675rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.status-badge .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.completed{background:var(--success-subtle);color:#059669}.status-badge.processing{background:var(--warning-subtle);color:#d97706}.status-badge.failed{background:var(--error-subtle);color:#dc2626}.upload-container{max-width:720px;margin:0 auto var(--space-8)}.upload-dropzone{background:var(--bg-surface);border:2px dashed var(--border-default);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-8);text-align:center;cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.upload-dropzone:hover,.upload-dropzone.dragover{border-color:var(--primary);background:var(--primary-subtle);transform:translateY(-2px)}.upload-icon{width:72px;height:72px;background:var(--bg-muted);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:var(--space-2);box-shadow:var(--shadow-sm)}.upload-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-primary)}.upload-subtitle{font-family:var(--font-body);color:var(--text-secondary);font-size:.95rem}.upload-formats{font-family:var(--font-mono);font-size:.7rem;color:var(--text-tertiary);margin-top:var(--space-4);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.upload-progress{margin-top:var(--space-6);padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.progress-bar-wrapper{height:6px;background:var(--bg-muted);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-muted) 100%);border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-text{text-align:center;font-size:.875rem;color:var(--text-secondary)}.loading-state{text-align:center;padding:var(--space-12);color:var(--text-secondary)}.loader{width:28px;height:28px;border:3px solid var(--border-subtle);border-top-color:var(--primary);border-radius:50%;margin:0 auto var(--space-4);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-12) var(--space-8);background:var(--bg-surface);border:1px dashed var(--border-default);border-radius:var(--radius-xl);margin:var(--space-8) auto;max-width:520px}.empty-state-icon{color:var(--text-tertiary);margin-bottom:var(--space-4)}.empty-state-title{font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-text{font-family:var(--font-body);color:var(--text-secondary);font-size:.9rem;line-height:1.6}.results-grid>*,.video-grid>*{opacity:0;animation:fadeSlideIn .4s ease-out forwards}.results-grid>*:nth-child(1),.video-grid>*:nth-child(1){animation-delay:.05s}.results-grid>*:nth-child(2),.video-grid>*:nth-child(2){animation-delay:.1s}.results-grid>*:nth-child(3),.video-grid>*:nth-child(3){animation-delay:.15s}.results-grid>*:nth-child(4),.video-grid>*:nth-child(4){animation-delay:.2s}.results-grid>*:nth-child(5),.video-grid>*:nth-child(5){animation-delay:.25s}.results-grid>*:nth-child(6),.video-grid>*:nth-child(6){animation-delay:.3s}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0!important}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.content-wrapper{padding:var(--space-5)}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.results-grid,.video-grid,.stats-grid{grid-template-columns:1fr}.search-box-glass{flex-direction:column;border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3)}.search-input-wrapper{width:100%;padding:0}.search-button{width:100%;border-radius:var(--radius-md)}}.flex{display:flex}.flex-col{flex-direction:column}.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}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.pb-6{padding-bottom:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.w-60{width:15rem}.max-w-full{max-width:100%}.text-center{text-align:center}.text-xs{font-size:.75rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:var(--font-mono)}.text-text-primary{color:var(--text-primary)}.text-text-secondary{color:var(--text-secondary)}.text-slate-400{color:var(--text-tertiary)}.text-white{color:#fff}.text-green-700{color:#15803d}.text-red-700{color:#b91c1c}.bg-white{background:var(--bg-surface)}.bg-black{background:var(--bg-deep)}.bg-slate-200{background:var(--bg-muted)}.border{border:1px solid var(--border-subtle)}.border-b{border-bottom:1px solid var(--border-subtle)}.border-border-subtle{border-color:var(--border-subtle)}.rounded-full{border-radius:var(--radius-full)}.shadow-lg{box-shadow:var(--shadow-lg)}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.top-2{top:var(--space-2)}.right-2{right:var(--space-2)}.bottom-2{bottom:var(--space-2)}.left-2{left:var(--space-2)}.z-10{z-index:10}.aspect-video{aspect-ratio:16/9}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.opacity-0{opacity:0}.scale-90{transform:scale(.9)}.origin-right{transform-origin:right}.transition-opacity{transition:opacity var(--transition-fast)}.transition-transform{transition:transform var(--transition-fast)}.group:hover .group-hover\:opacity-100{opacity:1}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl),var(--shadow-glow);animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle)}.modal-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.modal-close{padding:var(--space-2);border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-muted);color:var(--text-primary)}.modal-body{padding:var(--space-6)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.page-header-refined{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle);position:relative;overflow:hidden}.page-header-refined:before{content:"";position:absolute;top:-50%;left:-10%;width:50%;height:200%;background:radial-gradient(circle,var(--primary-subtle) 0%,transparent 70%);opacity:.5;pointer-events:none;z-index:-1}.page-title-group{position:relative}.page-title-refined{font-family:var(--font-display);font-size:2rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-3)}.text-gradient{background:linear-gradient(135deg,var(--text-primary) 30%,var(--primary-muted) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.group:hover .group-hover\:scale-100{transform:scale(1)}.bg-black\/80{background:rgba(0,0,0,.8)}.bg-black\/20{background:rgba(0,0,0,.2)}.bg-white\/90{background:rgba(255,255,255,.9)}.bg-white\/10{background:rgba(255,255,255,.1)}.backdrop-blur-sm{backdrop-filter:blur(4px)}.border-white\/10{border-color:#ffffff1a}.text-\[10px\]{font-size:10px}.text-\[9px\]{font-size:9px}.py-0\.5{padding-top:2px;padding-bottom:2px}.fade-in{animation:fadeSlideIn .5s ease-out}