.transcript-viewer{display:contents}:where(.transcript-viewer) .top-bar{background:var(--bg-surface);border-bottom:1px solid var(--bg-rule);position:sticky;top:var(--header-h, 45px);z-index:20;width:100%}:where(.transcript-viewer) .top-bar-context{padding:10px 16px 8px}:where(.transcript-viewer) .top-breadcrumb-row{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}:where(.transcript-viewer) .top-breadcrumb{font-family:var(--mono);font-size:13px;color:var(--text)}:where(.transcript-viewer) .top-breadcrumb a{color:var(--text-dim);text-decoration:none;font-weight:500}:where(.transcript-viewer) .top-breadcrumb a:hover{color:var(--text-bright)}:where(.transcript-viewer) .bc-sep{color:var(--bg-rule);margin:0 5px}:where(.transcript-viewer) .bc-current{color:var(--text-bright);font-weight:600}:where(.transcript-viewer) .top-stats{font-family:var(--mono);font-size:11px;color:var(--text-faint);display:flex;gap:4px;margin-left:auto}:where(.transcript-viewer) .stat-sep{color:var(--bg-rule)}:where(.transcript-viewer) .top-summary{font-family:var(--font);font-size:12px;color:var(--text-dim);line-height:1.5;margin-top:4px}:where(.transcript-viewer) .timeline-track{display:flex;gap:2px;height:20px;align-items:center;flex:1;min-width:0}:where(.transcript-viewer) .tl-day{flex:1;height:6px;background:var(--bg-rule);border-radius:1px;cursor:pointer;position:relative;transition:all .15s;display:block;text-decoration:none}:where(.transcript-viewer) .tl-day:hover{background:var(--text-faint);height:10px;text-decoration:none}:where(.transcript-viewer) .tl-current{background:var(--accent);height:10px}:where(.transcript-viewer) .tl-current:after{content:attr(data-day);position:absolute;top:-16px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:9px;color:var(--accent);white-space:nowrap}:where(.transcript-viewer) .tl-day:not(.tl-current):hover:after{content:attr(data-label);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-elevated);color:var(--text-bright);border:1px solid var(--bg-rule);padding:4px 10px;border-radius:3px;font-family:var(--font);font-size:11px;line-height:1.4;max-width:320px;width:max-content;z-index:100;pointer-events:none}:where(.transcript-viewer) .tl-day:first-child:not(.tl-current):hover:after{left:0;transform:none}:where(.transcript-viewer) .tl-day:last-child:not(.tl-current):hover:after{left:auto;right:0;transform:none}:where(.transcript-viewer) .timeline-nav{display:flex;align-items:center;gap:12px;padding:4px 16px 8px}:where(.transcript-viewer) .day-arrow{font-family:var(--mono);font-size:11px;color:var(--text-dim);padding:3px 10px;border:1px solid var(--bg-rule);border-radius:3px;cursor:pointer;transition:all .15s;white-space:nowrap;text-decoration:none;min-width:80px}:where(.transcript-viewer) .day-arrow:hover{color:var(--text-bright);border-color:var(--text-faint);background:var(--bg-elevated);text-decoration:none}:where(.transcript-viewer) .tl-position{font-family:var(--mono);font-size:10px;color:var(--text-faint)}:where(.transcript-viewer) .page-header{padding:10px 16px 10px 20px;border-top:1px solid var(--bg-rule);background:var(--bg-elevated);border-left:3px solid var(--accent);position:sticky;top:calc(var(--header-h, 45px) + var(--topbar-h, 180px) - 1px);z-index:16;display:flex;align-items:center;gap:12px;flex-wrap:wrap}:where(.transcript-viewer) .ph-badges{display:flex;gap:6px;align-items:center}:where(.transcript-viewer) .page-title{font-family:var(--font-heading);font-size:16px;font-weight:600;color:var(--text-bright);margin:0;display:inline}:where(.transcript-viewer) .page-line-count{font-family:var(--mono);font-size:11px;margin-left:auto;color:var(--text-faint)}:where(.transcript-viewer) .page-meta{display:flex;gap:10px;align-items:center;margin-left:auto}:where(.transcript-viewer) .meta-witness{font-size:13px;font-weight:500;color:var(--text-bright);text-decoration:none;position:relative}:where(.transcript-viewer) .meta-witness:hover{color:#fff}:where(.transcript-viewer) .meta-examiner{font-family:var(--mono);font-size:12px;color:var(--text-dim);display:inline-flex;align-items:center;gap:5px;text-decoration:none}:where(.transcript-viewer) .meta-examiner:hover{color:var(--text)}:where(.transcript-viewer) .side-dot{display:inline-block;width:7px;height:7px;border-radius:1px;margin-right:4px}:where(.transcript-viewer) .side-prosecution{background:var(--prosecution)}:where(.transcript-viewer) .side-defense{background:var(--defense)}:where(.transcript-viewer) .meta-called-by{font-family:var(--mono);font-size:11px;color:var(--text-faint)}:where(.transcript-viewer) .viewer-layout{display:grid;grid-template-columns:240px 1fr 340px;gap:0;min-height:calc(100vh - 120px)}:where(.transcript-viewer) .viewer-nav{border-right:1px solid var(--bg-rule);padding:0 12px 12px;overflow-y:auto;max-height:calc(100vh - var(--header-h, 45px) - var(--topbar-h, 180px) - var(--page-header-h, 50px));position:sticky;top:calc(var(--header-h, 45px) + var(--topbar-h, 180px) + var(--page-header-h, 50px) - 1px)}:where(.transcript-viewer) .nav-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);margin-bottom:6px;padding-top:6px}:where(.transcript-viewer) .nav-related{margin-top:20px;padding-top:16px;border-top:1px solid var(--bg-rule)}:where(.transcript-viewer) .nav-pages{list-style:none;margin:0;padding:0}:where(.transcript-viewer) .nav-page-link{display:block;padding:8px;text-decoration:none;color:inherit;border-left:2px solid transparent;border-bottom:1px solid var(--bg-rule)}:where(.transcript-viewer) .nav-page-link:hover{background:var(--bg-surface);text-decoration:none}:where(.transcript-viewer) .nav-page-link.current{border-left-color:var(--accent);background:var(--bg-surface)}:where(.transcript-viewer) .nav-page-badges{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}:where(.transcript-viewer) .nav-badge{font-family:var(--mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:1px 4px;border:1px solid;border-radius:2px;white-space:nowrap;flex-shrink:0;min-width:54px;text-align:center}:where(.transcript-viewer) .nav-page-title{font-size:14px;font-weight:500;color:var(--text);line-height:1.4;display:block;margin-bottom:3px}:where(.transcript-viewer) .nav-page-link.current .nav-page-title{color:var(--text-bright);font-weight:600}:where(.transcript-viewer) .nav-page-examiner{font-family:var(--mono);font-size:11px;color:var(--text-faint);margin-top:2px;padding-left:2px}:where(.transcript-viewer) .vbadge-direct{color:var(--not-guilty);border-color:var(--not-guilty)}:where(.transcript-viewer) .vbadge-cross{color:var(--defense);border-color:var(--defense)}:where(.transcript-viewer) .vbadge-redirect{color:var(--not-guilty);border-color:var(--not-guilty)}:where(.transcript-viewer) .vbadge-recross{color:var(--defense);border-color:var(--defense)}:where(.transcript-viewer) .vbadge-voir-dire{color:var(--judge);border-color:var(--judge)}:where(.transcript-viewer) .vbadge-statement{color:var(--accent);border-color:var(--accent)}:where(.transcript-viewer) .vbadge-instruction{color:var(--judge);border-color:var(--judge)}:where(.transcript-viewer) .vbadge-verdict{color:var(--not-guilty);border-color:var(--not-guilty)}:where(.transcript-viewer) .vbadge-procedural{color:var(--text-faint);border-color:var(--bg-rule)}:where(.transcript-viewer) .proc-badge{font-family:var(--mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border:1px solid;border-radius:2px;white-space:nowrap;min-width:72px;text-align:center}:where(.transcript-viewer) .viewer-content{padding:0 24px;min-width:0;margin-bottom:128px}:where(.transcript-viewer) .proc-meta-list{margin-top:8px;padding:8px 0;border-bottom:1px solid var(--bg-rule);display:flex;flex-direction:column;gap:4px}:where(.transcript-viewer) .proc-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}:where(.transcript-viewer) .proc-meta-clickable{cursor:pointer}:where(.transcript-viewer) .proc-meta-clickable:hover{background:var(--bg-surface);margin:0 -6px;padding:0 6px}:where(.transcript-viewer) .proc-start-line{font-family:var(--mono);font-size:10px;color:var(--text-faint);margin-left:auto}:where(.transcript-viewer) .proc-witness-link{font-size:14px;font-weight:600;color:var(--text-bright);text-decoration:none}:where(.transcript-viewer) .proc-witness-link:hover{color:#fff}:where(.transcript-viewer) .proc-examiner-meta{font-family:var(--mono);font-size:12px;color:var(--text-dim);display:inline-flex;align-items:center;gap:5px;text-decoration:none}:where(.transcript-viewer) .proc-examiner-meta:hover{color:var(--text)}:where(.transcript-viewer) .proc-called-by{font-family:var(--mono);font-size:11px;color:var(--text-faint)}:where(.transcript-viewer) .proc-divider{display:flex;align-items:center;gap:10px;padding:8px 0;margin:12px 0 4px;border-top:1px solid var(--bg-rule)}:where(.transcript-viewer) .proc-divider-absorbed{opacity:.5;border-top-style:dashed}:where(.transcript-viewer) .proc-divider-badge{font-family:var(--mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border:1px solid;border-radius:2px;white-space:nowrap;min-width:54px;text-align:center}:where(.transcript-viewer) .proc-divider-witness{font-size:13px;font-weight:500;color:var(--text);text-decoration:none}:where(.transcript-viewer) .proc-divider-witness:hover{color:var(--text-bright)}:where(.transcript-viewer) .proc-divider-examiner{font-family:var(--mono);font-size:11px;color:var(--text-faint);text-decoration:none}:where(.transcript-viewer) .proc-divider-examiner:hover{color:var(--text-dim)}:where(.transcript-viewer) .proc-divider-title{font-size:13px;color:var(--text-dim)}:where(.transcript-viewer) .proc-divider-first{margin-top:4px;border-top:none}:where(.transcript-viewer) .utt-absorbed{opacity:.6}:where(.transcript-viewer) .utterance-stream{padding:8px 0}:where(.transcript-viewer) .utt{display:grid;--utt-gutter-w: 36px;grid-template-columns:var(--utt-gutter-w) 1fr 20px;gap:0;padding:4px 0;font-family:var(--mono);font-size:13px;line-height:1.9;position:relative}:where(.transcript-viewer) .utt-anchor{position:absolute;top:-80px;left:0;width:0;height:0;pointer-events:none}:where(.transcript-viewer) .utt:hover{background:var(--bg-surface)}:where(.transcript-viewer) .utt-active{background:#6e9ecf14!important}:where(.transcript-viewer) .utt-gutter{display:flex;flex-direction:column;align-items:flex-end;padding-right:8px;user-select:none;border-right:1px solid var(--bg-rule)}:where(.transcript-viewer) .utt-line-num,:where(.transcript-viewer) .utt-play-btn,:where(.transcript-viewer) .utt-report{height:24.7px;display:flex;align-items:center;justify-content:center}:where(.transcript-viewer) .utt-report{background:none;border:none;cursor:pointer;font-size:14px;color:var(--text-faint);opacity:0;padding:0;line-height:1;align-self:start;margin-right:8px;transition:opacity .1s}:where(.transcript-viewer) .utt:hover .utt-report{opacity:.3}:where(.transcript-viewer) .utt-report:hover{opacity:1!important;color:var(--prosecution)}:where(.transcript-viewer) .utt-play-btn{position:absolute;z-index:1;top:4px;left:calc(var(--utt-gutter-w) - 6px);width:16px;background:var(--bg-surface);border:none;border-radius:2px;cursor:pointer;color:var(--accent-dim);padding:0;opacity:0;transition:opacity .1s,color .1s}:where(.transcript-viewer) .utt:hover .utt-play-btn,:where(.transcript-viewer) .utt-play-btn:hover,:where(.transcript-viewer) .utt-play-btn:focus-visible{opacity:1;color:var(--accent)}@media(hover:none){:where(.transcript-viewer) .utt-play-btn{display:none}}:where(.transcript-viewer) .utt-line-num{font-family:var(--mono);font-size:11px;color:var(--text-faint);text-decoration:none;opacity:.35;cursor:pointer}:where(.transcript-viewer) .utt:hover .utt-line-num{opacity:.7}:where(.transcript-viewer) .utt-line-num:hover{opacity:1;color:var(--accent);text-decoration:none}:where(.transcript-viewer) .utt-line-num.copied{color:var(--not-guilty);opacity:1}:where(.transcript-viewer) .utt-highlighted{background:#8b3a3a24;border-left:3px solid var(--accent);margin-left:-3px}:where(.transcript-viewer) .utt-meta .utt-text{color:var(--text-dim);font-style:italic}:where(.transcript-viewer) .utt-meta .utt-speaker{color:var(--text-dim);font-weight:400}:where(.transcript-viewer) .utt-timestamp{display:none;font-size:8px;color:var(--accent-dim);cursor:pointer;line-height:1;margin-top:0;text-align:right}:where(.transcript-viewer) .utt-timestamp:hover{color:var(--accent)}:where(.transcript-viewer) .utt-sync-btn{display:none;background:none;border:none;color:var(--text-faint);cursor:pointer;padding:0;line-height:1;opacity:.5}:where(.transcript-viewer) .utt-sync-btn:hover,:where(.transcript-viewer) .utt-sync-btn:active{opacity:1;color:var(--text-dim)}:where(.transcript-viewer) .show-timestamps .utt-timestamp{display:block}:where(.transcript-viewer) .show-timestamps .utt{--utt-gutter-w: 44px}:where(.transcript-viewer) .show-timestamps .utt-timestamp{margin-top:-3px}:where(.transcript-viewer) .utt-body{padding-left:12px}:where(.transcript-viewer) .utt-speaker{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--text-dim);letter-spacing:.02em;white-space:nowrap;text-decoration:none}:where(.transcript-viewer) a.utt-speaker:hover{text-decoration:underline;text-underline-offset:2px}:where(.transcript-viewer) .has-tooltip{position:relative}:where(.transcript-viewer) .has-tooltip:hover:after{content:attr(data-tooltip);position:absolute;left:0;bottom:calc(100% + 6px);background:var(--bg-elevated);color:var(--text-bright);border:1px solid var(--bg-rule);padding:6px 10px;border-radius:4px;font-size:12px;font-weight:400;font-family:var(--font);letter-spacing:0;white-space:normal;max-width:320px;width:max-content;z-index:100;pointer-events:none;box-shadow:0 2px 8px #0000004d}:where(.transcript-viewer) .speaker-prosecution .utt-speaker{color:var(--prosecution)}:where(.transcript-viewer) .speaker-defense .utt-speaker{color:var(--defense)}:where(.transcript-viewer) .speaker-judge .utt-speaker{color:var(--judge)}:where(.transcript-viewer) .speaker-witness .utt-speaker{color:#8bbf8b}:where(.transcript-viewer) .utt-text{font-family:var(--mono);font-size:13px;color:var(--text);line-height:1.9}:where(.transcript-viewer) .viewer-sidebar{border-left:1px solid var(--bg-rule);display:flex;flex-direction:column;position:sticky;top:calc(var(--header-h, 45px) + var(--topbar-h, 180px) + var(--page-header-h, 50px) - 1px);max-height:calc(100vh - var(--header-h, 45px) - var(--topbar-h, 180px) - var(--page-header-h, 50px));overflow:visible;z-index:2}:where(.transcript-viewer) .sidebar-video{flex-shrink:0;border-bottom:1px solid var(--bg-rule);padding:10px 12px 12px}:where(.transcript-viewer) .sidebar-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:0;width:100%}:where(.transcript-viewer) .toggle-icon{font-size:10px;color:var(--accent);width:14px}:where(.transcript-viewer) .sidebar-label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);cursor:pointer}:where(.transcript-viewer) .video-available{font-family:var(--mono);font-size:9px;color:var(--not-guilty);text-transform:uppercase;letter-spacing:.06em;margin-left:auto}:where(.transcript-viewer) .video-panel{margin-top:8px}:where(.transcript-viewer) .video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:var(--bg);border:1px solid var(--bg-rule)}:where(.transcript-viewer) .video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}:where(.transcript-viewer) .no-video{font-size:12px;color:var(--text-faint);font-style:italic}:where(.transcript-viewer) .video-control-row{display:grid;grid-template-columns:28px 86px 1fr;align-items:center;gap:8px;margin-top:8px}:where(.transcript-viewer) .video-play-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:26px;padding:0;color:var(--text-dim);background:var(--bg);border:1px solid var(--bg-rule);border-radius:2px;cursor:pointer}:where(.transcript-viewer) .video-play-toggle:hover:not(:disabled),:where(.transcript-viewer) .video-play-toggle:focus-visible{color:var(--text-bright);border-color:var(--text-faint)}:where(.transcript-viewer) .video-play-toggle:disabled,:where(.transcript-viewer) .video-mute-toggle:disabled,:where(.transcript-viewer) .video-volume-slider:disabled{cursor:default;opacity:.45}:where(.transcript-viewer) .video-play-toggle svg{width:13px;height:13px;fill:currentColor}:where(.transcript-viewer) .video-play-toggle .pause-shape{display:none}:where(.transcript-viewer) .video-play-toggle.is-playing .play-shape{display:none}:where(.transcript-viewer) .video-play-toggle.is-playing .pause-shape{display:inline}:where(.transcript-viewer) .video-volume-control{display:flex;align-items:center;gap:5px;min-width:0;color:var(--text-faint)}:where(.transcript-viewer) .video-mute-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:22px;padding:0;color:inherit;background:none;border:0;cursor:pointer}:where(.transcript-viewer) .video-mute-toggle:hover:not(:disabled),:where(.transcript-viewer) .video-mute-toggle:focus-visible,:where(.transcript-viewer) .video-mute-toggle.is-muted{color:var(--accent)}:where(.transcript-viewer) .video-volume-icon{flex:0 0 auto;width:14px;height:14px;fill:currentColor;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}:where(.transcript-viewer) .video-volume-icon .volume-muted-mark{display:none}:where(.transcript-viewer) .video-mute-toggle.is-muted .volume-wave{display:none}:where(.transcript-viewer) .video-mute-toggle.is-muted .volume-muted-mark{display:inline}:where(.transcript-viewer) .video-volume-slider{appearance:none;width:100%;min-width:0;height:22px;padding:0;margin:0;background:transparent;cursor:pointer}:where(.transcript-viewer) .video-volume-slider::-webkit-slider-runnable-track{height:3px;background:var(--bg-rule);border-radius:2px}:where(.transcript-viewer) .video-volume-slider::-webkit-slider-thumb{appearance:none;width:11px;height:11px;margin-top:-4px;background:var(--accent);border:0;border-radius:50%}:where(.transcript-viewer) .video-volume-slider::-moz-range-track{height:3px;background:var(--bg-rule);border:0;border-radius:2px}:where(.transcript-viewer) .video-volume-slider::-moz-range-thumb{width:11px;height:11px;background:var(--accent);border:0;border-radius:50%}:where(.transcript-viewer) .video-control-row .sync-toggle{justify-self:end;gap:4px;margin-top:0;white-space:nowrap}:where(.transcript-viewer) .sync-toggle{display:flex;align-items:center;gap:6px;margin-top:8px;cursor:pointer;font-family:var(--mono);font-size:11px;color:var(--text-dim);user-select:none}:where(.transcript-viewer) .sync-toggle input{accent-color:var(--accent);cursor:pointer}:where(.transcript-viewer) .sync-label{line-height:1}:where(.transcript-viewer) .sync-info{color:var(--text-faint);font-size:14px;cursor:help;position:relative;margin-left:2px}:where(.transcript-viewer) .sync-info:hover{color:var(--text-dim)}:where(.transcript-viewer) .sync-info:hover:after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-elevated);color:var(--text-bright);border:1px solid var(--bg-rule);padding:6px 10px;border-radius:3px;font-family:var(--font);font-size:11px;line-height:1.4;width:220px;max-width:calc(100vw - 24px);box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;z-index:100;pointer-events:none}:where(.transcript-viewer) .sidebar-insights{flex:1;overflow-y:auto;padding:12px}:where(.transcript-viewer) .sidebar-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--bg-rule);margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}:where(.transcript-viewer) .sidebar-section:last-child{border-bottom:none}:where(.transcript-viewer) .sidebar-label-text{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);margin-bottom:10px}:where(.transcript-viewer) .sidebar-summary-text{font-size:13px;color:var(--text);line-height:1.6}:where(.transcript-viewer) .proc-insight{margin-bottom:12px;border:1px solid var(--bg-rule);background:var(--bg)}:where(.transcript-viewer) .proc-insight[open]{border-color:var(--bg-rule)}:where(.transcript-viewer) .proc-insight-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;font-size:13px;color:var(--text);list-style:none;line-height:1.4}:where(.transcript-viewer) .proc-insight-header::-webkit-details-marker{display:none}:where(.transcript-viewer) .proc-insight-header:after{content:"+";font-family:var(--mono);font-size:16px;font-weight:400;color:var(--accent);line-height:1;align-self:center}:where(.transcript-viewer) .proc-insight[open]>.proc-insight-header:after{content:"−"}:where(.transcript-viewer) .proc-insight-title{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:2px}:where(.transcript-viewer) .proc-insight-name{font-weight:500;color:var(--text-bright)}:where(.transcript-viewer) .proc-insight-examiner{font-size:12px;color:var(--text-faint)}:where(.transcript-viewer) .proc-insight-examiner:before{content:"("}:where(.transcript-viewer) .proc-insight-examiner:after{content:")"}:where(.transcript-viewer) .insights-header-section{margin-bottom:8px;padding-bottom:0;border-bottom:none}:where(.transcript-viewer) .proc-insight-body{padding:0 10px 10px}:where(.transcript-viewer) .insight-summary{font-size:13px;color:var(--text);line-height:1.6;margin-bottom:12px}:where(.transcript-viewer) .insight-summary-short{font-size:12px;color:var(--text-dim);line-height:1.5;margin-bottom:12px;font-style:italic;border-left:2px solid var(--bg-rule);padding-left:10px}:where(.transcript-viewer) .insight-section{margin-bottom:12px}:where(.transcript-viewer) .insight-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:6px}:where(.transcript-viewer) .insight-text{font-size:12px;color:var(--text-dim);line-height:1.6}:where(.transcript-viewer) .insight-quote{margin:0 0 10px;padding:8px 10px;border-left:2px solid var(--accent-dim);background:var(--bg-surface)}:where(.transcript-viewer) .insight-quote p{font-size:12px;color:var(--text);line-height:1.5;font-style:italic;margin:0}:where(.transcript-viewer) .insight-quote cite{display:block;font-size:11px;color:var(--text-faint);font-style:normal;margin-top:4px}:where(.transcript-viewer) .quote-sig{display:block;font-size:11px;color:var(--text-dim);margin-top:4px;line-height:1.4}:where(.transcript-viewer) .insight-moments{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}:where(.transcript-viewer) .insight-moment{font-size:12px;line-height:1.5;padding-left:10px;border-left:2px solid var(--bg-rule);color:var(--text-dim)}:where(.transcript-viewer) .moment-jump{color:inherit;text-decoration:none;border-bottom:1px dotted transparent;transition:border-color .15s}:where(.transcript-viewer) .moment-jump:hover{color:var(--text-bright);border-bottom-color:var(--accent)}:where(.transcript-viewer) .quote-jump{color:inherit;text-decoration:none;border-bottom:1px dotted transparent}:where(.transcript-viewer) .quote-jump:hover{border-bottom-color:var(--accent);color:var(--text)}:where(.transcript-viewer) .insight-list{list-style:none;padding:0;font-size:12px;color:var(--text-dim);line-height:1.6}:where(.transcript-viewer) .insight-list li{padding:4px 0;border-bottom:1px solid var(--bg-rule)}:where(.transcript-viewer) .insight-list li:last-child{border-bottom:none}:where(.transcript-viewer) .insight-list strong{color:var(--text);font-weight:500}:where(.transcript-viewer) .insight-tags{list-style:none;padding:0;font-size:12px;color:var(--text-dim);line-height:1.5}:where(.transcript-viewer) .insight-tags li{padding:2px 0}:where(.transcript-viewer) .insight-tags li:before{content:"• ";color:var(--text-faint)}:where(.transcript-viewer) .insight-topic-pills{display:flex;flex-wrap:wrap;gap:4px}:where(.transcript-viewer) .topic-pill{font-family:var(--mono);font-size:10px;color:var(--text-dim);background:var(--bg-surface);border:1px solid var(--bg-rule);padding:2px 8px;border-radius:2px}:where(.transcript-viewer) .proc-meta-chips{display:flex;flex-wrap:wrap;gap:6px}:where(.transcript-viewer) .proc-meta-chips .temp-chip,:where(.transcript-viewer) .proc-meta-chips .tag-chip{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border:1px solid var(--bg-rule);border-radius:2px;color:var(--text-dim);background:var(--bg-surface)}:where(.transcript-viewer) .proc-meta-chips .temp-chip{color:var(--text)}:where(.transcript-viewer) .proc-meta-chips .temp-procedural{border-color:var(--text-faint);color:var(--text-dim)}:where(.transcript-viewer) .proc-meta-chips .temp-routine{border-color:var(--text-faint)}:where(.transcript-viewer) .proc-meta-chips .temp-tense{border-color:#b89a5a;color:#d4b878}:where(.transcript-viewer) .proc-meta-chips .temp-heated{border-color:var(--accent);color:var(--accent)}:where(.transcript-viewer) .proc-meta-chips .temp-emotional{border-color:#c87080;color:#d68a98}:where(.transcript-viewer) .related-list{display:flex;flex-direction:column;gap:0}:where(.transcript-viewer) .related-link{display:block;padding:8px;text-decoration:none;color:inherit;border-bottom:1px solid var(--bg-rule)}:where(.transcript-viewer) .related-link:last-child{border-bottom:none}:where(.transcript-viewer) .related-link:hover{background:var(--bg-surface);text-decoration:none}:where(.transcript-viewer) .related-context{font-family:var(--mono);font-size:11px;color:var(--accent);display:block;margin-bottom:2px}:where(.transcript-viewer) .related-name{font-size:13px;color:var(--text-dim);line-height:1.4;display:block}:where(.transcript-viewer) .bottom-bar{background:var(--bg-surface);border-top:1px solid var(--bg-rule);width:100%}:where(.transcript-viewer) .bottom-timeline-row{padding:6px 16px 0;margin-top:8px}:where(.transcript-viewer) .bottom-nav-row{display:flex;align-items:center;justify-content:space-between;padding:6px 16px 8px}:where(.transcript-viewer) .bnav-link{font-family:var(--mono);font-size:12px;color:var(--text-dim);padding:4px 10px;border:1px solid var(--bg-rule);border-radius:3px;transition:all .15s;min-width:180px;text-decoration:none}:where(.transcript-viewer) .bnav-link:hover{color:var(--text-bright);border-color:var(--text-faint);background:var(--bg-elevated);text-decoration:none}:where(.transcript-viewer) .bnav-prev{text-align:left}:where(.transcript-viewer) .bnav-next{text-align:right}:where(.transcript-viewer) .bnav-arrow{color:var(--text-faint)}:where(.transcript-viewer) .bnav-center{font-family:var(--mono);font-size:11px;color:var(--text-faint)}:where(.transcript-viewer) .bnav-day-cross{font-size:10px;color:var(--text-faint);display:block;margin-top:1px}:where(.transcript-viewer) .mobile-viewer-bar{display:none}:where(.transcript-viewer) .mobile-video-panel{display:none}:where(.transcript-viewer) .panel-backdrop{display:none}@media(max-width:1200px){:where(.transcript-viewer) .viewer-layout{grid-template-columns:200px 1fr 240px}}@media(max-width:1024px){:where(.transcript-viewer) .viewer-layout{grid-template-columns:1fr}:where(.transcript-viewer) .page-line-count{display:none}:where(.transcript-viewer) .top-bar{position:static;margin-top:-1px}:where(.transcript-viewer) .page-header{position:sticky;top:calc(var(--header-h, 45px) - 1px);z-index:17;border-top:none;border-bottom:none;margin:0}:where(.transcript-viewer) .mobile-viewer-bar{display:flex;justify-content:space-between;gap:8px;padding:6px 12px;background:var(--bg-surface);border-top:1px solid var(--bg-rule);border-bottom:1px solid var(--bg-rule);position:sticky;top:calc(var(--header-h, 45px) + var(--page-header-h, 50px) - 2px);z-index:16}:where(.transcript-viewer) .mvb-btn{font-family:var(--mono);font-size:11px;color:var(--text-dim);background:var(--bg);border:1px solid var(--bg-rule);padding:5px 12px;cursor:pointer;border-radius:2px;flex:1;text-align:center}:where(.transcript-viewer) .mvb-btn:hover,:where(.transcript-viewer) .mvb-btn:active{color:var(--text-bright);border-color:var(--text-faint)}:where(.transcript-viewer) .mvb-btn.active{color:var(--accent);border-color:var(--accent)}:where(.transcript-viewer) .mobile-video-panel{display:none;background:var(--bg-surface);border-bottom:1px solid var(--bg-rule);position:sticky;top:calc(var(--header-h, 45px) + var(--page-header-h, 50px) + var(--mvb-h, 38px) - 3px);z-index:15}:where(.transcript-viewer) .mobile-video-panel[hidden]{display:none!important}:where(.transcript-viewer) .mobile-video-panel:not([hidden]){display:block}:where(.transcript-viewer) .mobile-video-panel iframe{display:block;width:100%;aspect-ratio:16/9;min-height:200px;border:0}:where(.transcript-viewer) .mobile-video-controls{display:grid;grid-template-columns:28px 86px 1fr auto;align-items:center;gap:8px;padding:6px 12px;border-top:1px solid var(--bg-rule)}:where(.transcript-viewer) .mobile-video-controls .sync-toggle{justify-self:end;margin-top:0}:where(.transcript-viewer) .mobile-video-close{justify-self:end;flex:0 0 auto!important;padding:4px 10px!important;font-size:15px;line-height:1;white-space:nowrap}:where(.transcript-viewer) .panel-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:19}:where(.transcript-viewer) .panel-backdrop.open{display:block}:where(.transcript-viewer) .viewer-nav{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:80vw;max-height:100vh;background:var(--bg-surface);border-right:1px solid var(--bg-rule);z-index:20;transform:translate(-100%);transition:transform .25s ease;padding:16px 12px;overflow-y:auto}:where(.transcript-viewer) .viewer-nav.panel-open{transform:translate(0)}:where(.transcript-viewer) .viewer-nav .nav-label{padding-top:16px}:where(.transcript-viewer) .viewer-sidebar{position:fixed;left:0;right:0;top:calc(var(--header-h, 45px) + var(--page-header-h, 50px) + var(--mvb-h, 38px) - 3px);bottom:0;background:var(--bg-surface);border-top:1px solid var(--bg-rule);border-left:none;z-index:20;overflow:hidden;flex-direction:column;display:none}:where(.transcript-viewer) .viewer-sidebar.panel-open{display:flex}:where(.transcript-viewer) .viewer-sidebar .sidebar-video{display:none}:where(.transcript-viewer) .mobile-video-active .utt-sync-btn{display:block}:where(.transcript-viewer) .utt-play-btn{display:none}:where(.transcript-viewer) .sidebar-insights{overflow-y:auto}}@media(max-width:768px){:where(.transcript-viewer) .viewer-content{padding:0 12px}:where(.transcript-viewer) .utt{--utt-gutter-w: 28px;grid-template-columns:var(--utt-gutter-w) 1fr 16px}:where(.transcript-viewer) .utt-body{padding-left:8px}:where(.transcript-viewer) .utt-text{font-size:12px}:where(.transcript-viewer) .top-breadcrumb-row{flex-direction:column;gap:4px}:where(.transcript-viewer) .top-stats{margin-left:0}:where(.transcript-viewer) .top-summary{display:none}:where(.transcript-viewer) .page-header{flex-wrap:wrap;align-items:center;gap:4px 10px}:where(.transcript-viewer) .page-header .page-title{order:-1;width:100%}:where(.transcript-viewer) .page-header .ph-badges{width:100%}:where(.transcript-viewer) .page-header .page-meta{margin-left:0}:where(.transcript-viewer) .page-header .page-line-count{margin-left:auto}:where(.transcript-viewer) .bnav-link{min-width:120px}}
