:root{--font-display: "Instrument Serif", serif;--font-body: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--font-size-hero: 2rem;--font-size-title: 1.125rem;--font-size-body: .9375rem;--font-size-meta: .8125rem;--font-size-timestamp: .75rem;--line-height-body: 1.6;--line-height-tight: 1.3;--color-bg: #0a0a0a;--color-surface: #141414;--color-text: #e8e8e8;--color-text-muted: #888888;--color-accent: #e8690a;--color-highlight: #e8690a33;--color-highlight-pulse: #e8690a55;--color-border: #2a2a2a;--color-chip-active-bg: #e8690a;--color-chip-active-text: #000000;--color-timestamp: #e8690a;--color-dimmed: #444444;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 48px;--max-width: 720px;--sidebar-width: 64px;--search-bar-height: 48px;--chip-height: 32px;--touch-target-min: 44px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:16px;line-height:var(--line-height-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}mark{background:var(--color-highlight);color:var(--color-accent);padding:0 2px;border-radius:2px}@keyframes highlight-pulse{0%{background-color:var(--color-highlight-pulse)}to{background-color:transparent}}.highlight-pulse{animation:highlight-pulse 1.5s ease-out}@media(prefers-reduced-motion:reduce){.highlight-pulse{animation:none;background-color:var(--color-highlight)}}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}.search-bar{width:100%;height:var(--search-bar-height);padding:0 var(--space-md);font-family:var(--font-body);font-size:var(--font-size-body);border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);outline:none;transition:border-color .15s ease}.search-bar-wrap{position:relative}.search-bar-wrap .search-bar{padding-right:36px}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);font-size:18px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.search-clear:hover{color:var(--color-text);background:var(--color-border)}.search-bar:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 2px #e8690a4d}.chips{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center}.chip-divider{color:var(--color-border);font-size:var(--font-size-meta);user-select:none}.chip{height:var(--chip-height);padding:0 12px;font-family:var(--font-body);font-size:var(--font-size-meta);border:1px solid var(--color-border);border-radius:16px;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .12s ease;min-height:var(--touch-target-min);display:flex;align-items:center}.chip:hover{border-color:var(--color-text-muted)}.chip.active{background:var(--color-chip-active-bg);color:var(--color-chip-active-text);border-color:var(--color-chip-active-bg)}.sort-select{height:var(--chip-height);padding:0 var(--space-md) 0 12px;font-family:var(--font-body);font-size:var(--font-size-meta);border:1px solid var(--color-border);border-radius:16px;background:transparent;color:var(--color-text-muted);cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px;min-height:var(--touch-target-min)}.sort-select:focus-visible{border-color:var(--color-accent);outline:none}.sort-select option{background:var(--color-surface);color:var(--color-text)}.transcript-card{display:flex;gap:var(--space-md);align-items:flex-start;color:inherit;text-decoration:none}.transcript-thumb{width:120px;height:68px;object-fit:cover;border-radius:4px;flex-shrink:0;background-color:var(--color-border)}.sprite-thumb{position:relative;overflow:hidden}.sprite-frame{position:absolute;inset:0;background-size:600px 100%;background-position:calc(var(--frame) * -120px) 0;background-repeat:no-repeat;visibility:hidden}.sprite-frame-active{visibility:visible}.search-excerpt{margin-top:var(--space-sm)}.excerpt-line{font-size:var(--font-size-meta);color:var(--color-text-muted);line-height:1.5;margin:var(--space-xs) 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.excerpt-line mark{background:var(--color-highlight);color:var(--color-accent);padding:0 2px;border-radius:2px}.excerpt-nav{display:inline-flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs)}.excerpt-counter{font-family:var(--font-mono);font-size:var(--font-size-timestamp);color:var(--color-text-muted);min-width:40px;text-align:center}.excerpt-btn{background:none;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-muted);cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:10px;padding:0}.excerpt-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.transcript-hero{padding:var(--space-lg) 0 var(--space-md)}.sticky-header{position:sticky;top:0;z-index:10;background:var(--color-bg);padding:var(--space-sm) 0 0;border-bottom:1px solid var(--color-border)}.sticky-compact{display:none}.sticky-header.is-stuck .sticky-compact{display:block}.ts-line{border-left:3px solid transparent;padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md)}.ts-active{background:var(--color-surface);border-left-color:var(--color-accent);border-radius:0 4px 4px 0}.copy-link-btn{background:none;border:none;color:var(--color-dimmed);cursor:pointer;padding:4px;flex-shrink:0;opacity:0;transition:opacity .15s ease,color .15s ease;align-self:center}.copy-link-btn:hover{color:var(--color-accent)}.ts-line:hover .copy-link-btn{opacity:1}@media(max-width:640px){:root{--font-size-hero: 1.5rem;--sidebar-width: 48px}.chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.copy-link-btn{opacity:1}.transcript-thumb{width:80px;height:45px}.sprite-frame{background-size:400px 100%;background-position:calc(var(--frame) * -80px) 0}}