:root{--bg-deep: #08061a;--bg-base: #0c0a1d;--bg-surface: #141025;--bg-elevated: #1a1530;--bg-hover: #221d3a;--border-subtle: #2a2442;--border-default: #3d3560;--border-focus: #6d5acd;--text-primary: #f0eef8;--text-secondary: #b8b3cc;--text-muted: #7a7494;--accent-primary: #8b5cf6;--accent-hover: #a78bfa;--accent-muted: #6d5acd;--accent-glow: rgba(139, 92, 246, .3);--status-ready: #22c55e;--status-ready-bg: rgba(34, 197, 94, .15);--status-processing: #f59e0b;--status-processing-bg: rgba(245, 158, 11, .15);--status-pending: #6b7280;--status-pending-bg: rgba(107, 114, 128, .15);--status-error: #ef4444;--status-error-bg: rgba(239, 68, 68, .15);--font-sans: "DM Sans", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-deep);color:var(--text-primary);line-height:1.6;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:0}#root{position:relative;z-index:1}.nav{position:sticky;top:0;z-index:100;background:var(--bg-base);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-inner{max-width:1400px;margin:0 auto;padding:var(--space-md) var(--space-xl);display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--text-primary)}.nav-brand-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-muted) 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.nav-brand-text{font-family:var(--font-serif);font-size:1.25rem;font-style:italic;letter-spacing:-.02em}.nav-links{display:flex;gap:var(--space-xs)}.nav-link{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:all .15s ease}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-link[data-active=true]{color:var(--accent-primary);background:var(--accent-glow)}.main{max-width:1400px;margin:0 auto;padding:var(--space-2xl) var(--space-xl)}.page-header{margin-bottom:var(--space-2xl)}.page-title{font-family:var(--font-serif);font-size:2.5rem;font-weight:400;letter-spacing:-.03em;margin-bottom:var(--space-sm)}.page-subtitle{color:var(--text-muted);font-size:.875rem}.status-bar{display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.status-item{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:.8125rem}.status-led{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-led--ready{background:var(--status-ready);box-shadow:0 0 8px var(--status-ready)}.status-led--processing{background:var(--status-processing);box-shadow:0 0 8px var(--status-processing);animation:blink 1s ease-in-out infinite}.status-led--pending{background:var(--status-pending);box-shadow:0 0 4px var(--status-pending)}.status-led--error{background:var(--status-error);box-shadow:0 0 8px var(--status-error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.video-card{position:relative;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;text-decoration:none;color:inherit;display:block}.video-card:before{content:"";position:absolute;top:0;right:0;width:24px;height:24px;background:linear-gradient(135deg,transparent 50%,var(--bg-deep) 50%);z-index:2}.video-card:after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;background:var(--border-subtle);border-radius:50%;z-index:3}.video-card:hover{border-color:var(--border-default);transform:translateY(-2px);box-shadow:0 8px 32px #0006}.video-card:hover .video-card-title{color:var(--accent-primary)}.video-card-thumbnail{aspect-ratio:16/9;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-subtle);position:relative;overflow:hidden}.video-card-thumbnail:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent,transparent 4px,var(--bg-surface) 4px,var(--bg-surface) 8px);opacity:.3}.video-card-thumbnail svg{width:48px;height:48px;color:var(--text-muted);position:relative;z-index:1}.video-card-thumbnail-img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.video-card-duration{position:absolute;bottom:var(--space-sm);right:var(--space-sm);background:#000c;padding:2px var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;font-weight:500;z-index:1}.video-card-content{padding:var(--space-md)}.video-card-title{font-weight:600;font-size:.9375rem;margin-bottom:var(--space-sm);line-height:1.4;transition:color .15s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card-meta{display:flex;align-items:center;gap:var(--space-md);color:var(--text-muted);font-size:.8125rem}.video-card-meta-item{display:flex;align-items:center;gap:var(--space-xs)}.video-card-status{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.video-card-status--ready{background:var(--status-ready-bg);color:var(--status-ready)}.video-card-status--processing{background:var(--status-processing-bg);color:var(--status-processing)}.video-card-status--pending{background:var(--status-pending-bg);color:var(--status-pending)}.video-card-status--error{background:var(--status-error-bg);color:var(--status-error)}.empty-state{text-align:center;padding:var(--space-2xl);background:var(--bg-surface);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-lg);color:var(--text-muted)}.empty-state-title{font-family:var(--font-serif);font-size:1.5rem;margin-bottom:var(--space-sm)}.empty-state-text{color:var(--text-muted);max-width:400px;margin:0 auto}.video-detail{display:grid;grid-template-columns:1fr 400px;gap:var(--space-xl);align-items:start}@media(max-width:1024px){.video-detail{grid-template-columns:1fr}}.video-player-container{background:var(--bg-base);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle)}.video-player{width:100%;aspect-ratio:16/9;background:#000;display:block}.video-player-placeholder{width:100%;aspect-ratio:16/9;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.video-info{padding:var(--space-lg);border-top:1px solid var(--border-subtle)}.video-info-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-sm)}.video-info-meta{display:flex;gap:var(--space-lg);color:var(--text-muted);font-size:.875rem;font-family:var(--font-mono)}.video-info-title.editable{cursor:pointer;border-radius:var(--radius-sm);padding:2px 6px;margin:-2px -6px;transition:background .15s ease}.video-info-title.editable:hover{background:var(--bg-hover)}.inline-title-input{font-size:1.25rem;font-weight:600;font-family:var(--font-sans);background:var(--bg-base);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);padding:2px 6px;color:var(--text-primary);width:100%;outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.editable-date{cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-sm);padding:2px 6px;margin:-2px -6px;border-radius:var(--radius-sm);transition:background .15s ease;position:relative}.editable-date:hover{background:var(--bg-hover)}.date-label{color:var(--accent-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.hidden-date-input{position:absolute;opacity:0;pointer-events:none}.meta-sep{color:var(--text-muted)}.transcript-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:calc(100vh - 200px);position:sticky;top:100px}.transcript-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);font-weight:600;display:flex;align-items:center;gap:var(--space-sm)}.transcript-header svg{width:18px;height:18px;color:var(--accent-primary)}.transcript-content{flex:1;overflow-y:auto;padding:var(--space-sm)}.transcript-segment{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;margin-bottom:2px}.transcript-segment:hover{background:var(--bg-hover)}.transcript-segment[data-active=true]{background:var(--accent-glow);border-left:2px solid var(--accent-primary)}.transcript-timestamp{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-bottom:2px}.transcript-speaker{color:var(--accent-primary);font-weight:500}.transcript-text{font-size:.875rem;line-height:1.5}.search-form{margin-bottom:var(--space-xl)}.search-input-group{display:flex;gap:var(--space-sm);max-width:600px}.search-input{flex:1;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);font-size:1rem;color:var(--text-primary);font-family:var(--font-sans);transition:all .15s ease}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.search-button{background:var(--accent-primary);color:#fff;border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .15s ease}.search-button:hover{background:var(--accent-hover)}.search-results-count{color:var(--text-muted);font-size:.875rem;margin-bottom:var(--space-lg)}.search-results{display:flex;flex-direction:column;gap:var(--space-md)}.search-result{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);transition:all .15s ease}.search-result:hover{border-color:var(--border-default)}.search-result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.search-result-title{font-weight:600;color:var(--accent-primary);text-decoration:none}.search-result-title:hover{text-decoration:underline}.search-result-timestamp{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.search-result-text{font-size:.9375rem;line-height:1.6;margin-bottom:var(--space-sm)}.search-result-text mark{background:var(--accent-glow);color:var(--accent-hover);padding:1px 4px;border-radius:2px}.search-result-footer{display:flex;align-items:center;justify-content:space-between}.search-result-speaker{font-size:.8125rem;color:var(--text-muted)}.search-result-link{font-size:.8125rem;color:var(--accent-primary);text-decoration:none;display:flex;align-items:center;gap:var(--space-xs)}.search-result-link:hover{text-decoration:underline}.back-link{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--text-muted);text-decoration:none;font-size:.875rem;margin-bottom:var(--space-lg);transition:color .15s ease}.back-link:hover{color:var(--text-primary)}.video-metadata-panel{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.metadata-section{margin-bottom:var(--space-lg)}.metadata-section:last-child{margin-bottom:0}.metadata-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.review-status-buttons{display:flex;gap:var(--space-sm)}.review-status-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;color:var(--text-muted)}.review-status-btn svg{width:20px;height:20px}.review-status-btn:hover{border-color:var(--border-default);background:var(--bg-hover)}.review-status-btn.active{border-color:var(--accent-primary);background:var(--accent-glow);color:var(--text-primary)}.review-status-btn--approved.active{border-color:var(--status-ready);background:var(--status-ready-bg);color:var(--status-ready)}.review-status-btn--rejected.active{border-color:var(--status-error);background:var(--status-error-bg);color:var(--status-error)}.review-status-btn--starred.active{border-color:var(--status-processing);background:var(--status-processing-bg);color:var(--status-processing)}.review-icon{font-weight:700;font-size:1rem}.metadata-select{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem;cursor:pointer;transition:all .15s ease}.metadata-select:hover{border-color:var(--border-default)}.metadata-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.tags-container{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.tag-pill{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--accent-glow);border:1px solid var(--accent-muted);border-radius:9999px;font-size:.8125rem;color:var(--accent-hover)}.tag-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:none;border:none;cursor:pointer;color:var(--accent-muted);font-size:1rem;line-height:1;border-radius:50%;transition:all .15s ease}.tag-remove:hover{background:var(--accent-muted);color:var(--text-primary)}.tag-input-wrapper{position:relative}.tag-input{padding:var(--space-xs) var(--space-sm);background:transparent;border:1px dashed var(--border-subtle);border-radius:9999px;color:var(--text-primary);font-family:var(--font-sans);font-size:.8125rem;width:100px;transition:all .15s ease}.tag-input::placeholder{color:var(--text-muted)}.tag-input:focus{outline:none;border-style:solid;border-color:var(--border-focus);width:150px}.tag-dropdown{position:absolute;top:100%;left:0;margin-top:var(--space-xs);min-width:150px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006;z-index:100;overflow:hidden}.tag-dropdown-item{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:none;border:none;color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem;text-align:left;cursor:pointer;transition:background .15s ease}.tag-dropdown-item:hover{background:var(--bg-hover)}.tag-dropdown-item--create{color:var(--accent-primary);border-top:1px solid var(--border-subtle)}.notes-textarea{width:100%;padding:var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-focus);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem;line-height:1.5;resize:vertical;box-shadow:0 0 0 3px var(--accent-glow)}.notes-textarea:focus{outline:none}.notes-display{padding:var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.875rem;line-height:1.5;min-height:80px;cursor:pointer;transition:all .15s ease;white-space:pre-wrap}.notes-display:hover{border-color:var(--border-default);background:var(--bg-hover)}.notes-placeholder{color:var(--text-muted);font-style:italic}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center}.filter-group{display:flex;align-items:center;gap:var(--space-sm)}.filter-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.filter-select{padding:var(--space-xs) var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:.8125rem;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--border-focus)}.filter-toggle-group{display:flex;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.filter-toggle{padding:var(--space-xs) var(--space-md);background:var(--bg-elevated);border:none;color:var(--text-muted);font-family:var(--font-sans);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;border-right:1px solid var(--border-subtle)}.filter-toggle:last-child{border-right:none}.filter-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.filter-toggle.active{background:var(--accent-glow);color:var(--accent-primary)}.filter-clear{margin-left:auto;padding:var(--space-xs) var(--space-md);background:none;border:none;color:var(--text-muted);font-size:.8125rem;cursor:pointer;transition:color .15s ease}.filter-clear:hover{color:var(--text-primary)}.video-card-checkbox{position:absolute;top:var(--space-sm);left:var(--space-sm);z-index:10;width:24px;height:24px;background:var(--bg-base);border:2px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.video-card-checkbox:hover{border-color:var(--accent-primary)}.video-card-checkbox.checked{background:var(--accent-primary);border-color:var(--accent-primary)}.video-card-checkbox.checked:after{content:"";width:12px;height:12px;background:#fff;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain}.video-card.selected{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.bulk-action-toolbar{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;z-index:1000}.bulk-action-count{font-weight:600;color:var(--accent-primary);padding-right:var(--space-md);border-right:1px solid var(--border-subtle)}.bulk-action-btn{padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:.8125rem;cursor:pointer;transition:all .15s ease}.bulk-action-btn:hover{border-color:var(--border-default);background:var(--bg-hover)}.bulk-action-btn--primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.bulk-action-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.bulk-action-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-xs);display:flex;align-items:center;justify-content:center}.bulk-action-close:hover{color:var(--text-primary)}.video-card-review-status{position:absolute;top:var(--space-sm);right:32px;z-index:5;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.75rem}.video-card-review-status--starred{background:var(--status-processing-bg);color:var(--status-processing)}.video-card-review-status--approved{background:var(--status-ready-bg);color:var(--status-ready)}.video-card-review-status--rejected{background:var(--status-error-bg);color:var(--status-error)}.video-card-review-status svg{width:14px;height:14px}.video-card-collection{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:.6875rem;color:var(--text-secondary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.video-card-tag{padding:1px var(--space-sm);background:var(--accent-glow);border-radius:9999px;font-size:.625rem;color:var(--accent-muted)}.collections-actions{margin-bottom:var(--space-xl)}.collection-create-form,.collection-edit-form{display:flex;gap:var(--space-sm);align-items:center}.collection-input{flex:1;max-width:300px;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-focus);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem}.collection-input:focus{outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.collection-btn{padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:.8125rem;cursor:pointer;transition:all .15s ease;text-decoration:none}.collection-btn:hover{border-color:var(--border-default);background:var(--bg-hover)}.collection-btn--primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.collection-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.collection-btn--danger{color:var(--status-error)}.collection-btn--danger:hover{background:var(--status-error-bg);border-color:var(--status-error)}.collections-list{display:flex;flex-direction:column;gap:var(--space-md)}.collection-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .15s ease}.collection-item:hover{border-color:var(--border-default)}.collection-info{display:flex;align-items:center;gap:var(--space-md)}.collection-name{font-size:1rem;font-weight:600}.collection-count{font-size:.8125rem;color:var(--text-muted);font-family:var(--font-mono)}.collection-actions{display:flex;gap:var(--space-sm)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}