: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)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}