*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a1a;color:#e0e0e0}.file-picker{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:24px;padding:32px}.file-picker h1{font-size:24px;font-weight:600;color:#e0e0e0}.file-picker-inputs{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.file-input-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 32px;background:#252525;border:2px dashed #444;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s;min-width:200px}.file-input-card:hover{border-color:#666;background:#2a2a2a}.file-input-card.loaded{border-color:#22c55e;border-style:solid}.file-input-card label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#888;cursor:pointer}.file-input-card .file-status{font-size:12px;color:#666}.file-input-card.loaded .file-status{color:#22c55e}.file-picker-error{color:#ef4444;font-size:13px;max-width:500px;text-align:center}.file-picker-buttons{display:flex;gap:12px}.file-picker-go{padding:10px 32px;border:none;border-radius:6px;background:#2563eb;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.file-picker-go:hover{background:#1d4ed8}.file-picker-go:disabled{background:#333;color:#666;cursor:not-allowed}.file-picker-annotate{background:#059669}.file-picker-annotate:hover{background:#047857}.file-picker-annotate:disabled{background:#333;color:#666}.problem-panel{border-bottom:1px solid #333;background:#252525}.problem-panel-header{display:flex;align-items:center;padding:6px 12px;font-size:12px;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #333}.problem-panel-body{padding:8px 12px;font-size:13px;line-height:1.5;color:#bbb;white-space:pre-wrap;max-height:120px;overflow-y:auto}.review-layout{display:flex;flex-direction:column;height:100%}.review-top{display:flex;flex:1;min-height:0}.code-panel{flex:55;min-width:0;display:flex;flex-direction:column;border-right:1px solid #333}.code-panel-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#252525;border-bottom:1px solid #333;font-size:12px;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.code-panel-header .snapshot-info{font-weight:400;text-transform:none;letter-spacing:normal;font-variant-numeric:tabular-nums}.code-editor-container{flex:1;min-height:0;overflow:auto}.code-editor-container .cm-editor{height:100%}.code-editor-container .cm-scroller{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:14px}.cm-added-line{background:#22c55e14}.evaluation-panel{flex:45;min-width:0;display:flex;flex-direction:column;overflow:hidden}.evaluation-panel-header{display:flex;align-items:center;padding:6px 12px;background:#252525;border-bottom:1px solid #333;font-size:12px;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.evaluation-scroll{flex:1;overflow-y:auto;padding:12px 16px}.eval-summary{margin-bottom:16px}.eval-overall{display:flex;align-items:center;gap:12px;margin-bottom:8px}.eval-overall-score{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums}.eval-overall-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.05em}.eval-summary-text{font-size:14px;line-height:1.5;color:#bbb}.dimension-card{background:#252525;border:1px solid #333;border-radius:6px;margin-bottom:8px;overflow:hidden}.dimension-header{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.dimension-header:hover{background:#2a2a2a}.score-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:24px;border-radius:4px;font-size:13px;font-weight:700;flex-shrink:0}.score-badge.score-high{background:#22c55e26;color:#22c55e}.score-badge.score-mid{background:#eab30826;color:#eab308}.score-badge.score-low{background:#ef444426;color:#ef4444}.score-badge.score-null{background:#6b728026;color:#6b7280;font-size:10px}.dimension-name{flex:1;font-size:13px;font-weight:500}.dimension-toggle{font-size:10px;color:#666;transition:transform .15s}.dimension-toggle.expanded{transform:rotate(90deg)}.dimension-body{padding:0 12px 12px;border-top:1px solid #333}.dimension-evidence{font-size:13px;line-height:1.5;color:#bbb;margin-top:8px;white-space:pre-wrap}.dimension-interp{margin-top:10px}.dimension-interp summary{font-size:12px;color:#888;cursor:pointer;-webkit-user-select:none;user-select:none}.dimension-interp summary:hover{color:#bbb}.dimension-interp p{font-size:12px;line-height:1.5;color:#999;margin-top:4px;padding-left:12px}.key-moments{margin-top:16px}.key-moments h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#888;margin-bottom:8px}.key-moment-item{display:flex;align-items:flex-start;gap:8px;padding:6px 0;cursor:pointer}.key-moment-item:hover{background:#252525;margin:0 -4px;padding:6px 4px;border-radius:4px}.moment-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.moment-dot.positive{background:#22c55e}.moment-dot.negative{background:#ef4444}.moment-dot.neutral{background:#6b7280}.moment-time{font-size:12px;color:#666;font-variant-numeric:tabular-nums;flex-shrink:0;width:40px}.moment-desc{font-size:13px;color:#bbb;line-height:1.4}.additional-observations{margin-top:16px}.additional-observations h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#888;margin-bottom:8px}.additional-observations li{font-size:13px;line-height:1.5;color:#bbb;margin-bottom:4px;margin-left:16px}.replay-suggestions{margin-top:16px}.replay-suggestions h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#888;margin-bottom:8px}.replay-item{display:flex;gap:8px;padding:8px 4px;cursor:pointer;border-bottom:1px solid #2a2a2a}.replay-item:hover{background:#252525;margin:0 -4px;padding:8px;border-radius:4px}.replay-time{font-size:12px;color:#60a5fa;font-variant-numeric:tabular-nums;flex-shrink:0;padding-top:1px}.replay-body{font-size:13px;line-height:1.5}.replay-what{color:#bbb;margin-bottom:4px}.replay-try{color:#a3e635}.causal-chains{margin-top:16px}.causal-chains h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#888;margin-bottom:8px}.causal-chain-item{font-size:13px;line-height:1.5;color:#bbb;padding:8px 0;border-bottom:1px solid #2a2a2a}.causal-chain-item:last-child{border-bottom:none}.chain-cause{margin-bottom:4px}.chain-effects{margin:4px 0 4px 16px}.chain-effects li{margin-bottom:2px}.chain-impact{color:#999;font-style:italic}.next-session-focus{margin-top:16px}.next-session-focus h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#888;margin-bottom:8px}.next-session-focus li{font-size:13px;line-height:1.5;color:#bbb;margin-bottom:8px;margin-left:16px}.timestamp-link{color:#60a5fa;text-decoration:none;cursor:pointer;font-variant-numeric:tabular-nums}.timestamp-link:hover{color:#93bbfc;text-decoration:underline}.bottom-panel{height:220px;min-height:220px;border-top:1px solid #333;display:flex;flex-direction:column;background:#1e1e1e}.audio-controls{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid #333;background:#252525}.audio-controls button{padding:6px 14px;border:1px solid #555;border-radius:4px;background:#333;color:#e0e0e0;cursor:pointer;font-size:13px;font-weight:600}.audio-controls button:hover{background:#444}.audio-controls button.playing{background:#2563eb;border-color:#2563eb;color:#fff}.speed-selector{display:flex;align-items:center;gap:4px}.speed-btn{padding:4px 8px!important;font-size:12px!important;min-width:40px}.speed-btn.active{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}.audio-position{font-size:13px;font-variant-numeric:tabular-nums;color:#888;margin-left:auto}.timeline-container{padding:8px 12px;flex-shrink:0}.timeline-canvas{width:100%;height:32px;border-radius:4px;cursor:pointer;display:block}.transcript-pane{flex:1;overflow-y:auto;padding:8px 12px}.transcript-segment{display:flex;gap:10px;padding:4px 6px;border-radius:4px;align-items:flex-start}.transcript-segment.active{background:#252525}.transcript-time{font-size:11px;color:#666;font-variant-numeric:tabular-nums;flex-shrink:0;width:44px;padding-top:1px}.transcript-text{font-size:13px;line-height:1.5;color:#bbb}.transcript-segment.active .transcript-text{color:#e0e0e0}.annotation-bottom{height:350px;min-height:350px}.annotation-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#252525;border-bottom:1px solid #333}.annotation-progress{font-size:12px;font-weight:600;color:#888;font-variant-numeric:tabular-nums}.annotation-export{padding:5px 16px;border:none;border-radius:4px;background:#059669;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.annotation-export:hover{background:#047857}.transcript-segment.clickable{cursor:pointer}.transcript-segment.clickable:hover{background:#2a2a2a}.transcript-segment.reviewed{border-left:3px solid #22c55e;padding-left:3px}.transcript-edit{flex:1;background:#1e1e1e;color:#e0e0e0;border:1px solid #2563eb;border-radius:4px;padding:4px 6px;font-family:inherit;font-size:13px;line-height:1.5;resize:vertical;outline:none}.review-toggle{flex-shrink:0;width:24px;height:24px;border:1px solid #444;border-radius:4px;background:transparent;color:#666;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.review-toggle:hover{border-color:#666;color:#bbb}.review-toggle.reviewed{border-color:#22c55e;color:#22c55e}