:root{--speaker-0: #3b82f6;--speaker-1: #10b981;--speaker-2: #f59e0b;--speaker-3: #ef4444;--speaker-4: #8b5cf6;--speaker-5: #ec4899;--primary-color: #3b82f6;--primary-hover: #2563eb;--primary-active: #1d4ed8;--primary-bg: rgba(59, 130, 246, .1);--primary-bg-subtle: rgba(59, 130, 246, .05);--primary-bg-hover: rgba(59, 130, 246, .08);--primary-bg-strong: rgba(59, 130, 246, .15);--primary-bg-stronger: rgba(59, 130, 246, .2);--primary-border: rgba(59, 130, 246, .3);--primary-ring: rgba(59, 130, 246, .1);--primary-ring-strong: rgba(59, 130, 246, .2);--primary-glow: rgba(59, 130, 246, .4);--danger-color: #ef4444;--danger-hover: #dc2626;--danger-active: #b91c1c;--danger-bg: #fef2f2;--danger-bg-strong: #fee2e2;--danger-border: #fecaca;--danger-border-hover: #f87171;--success-color: #10b981;--success-hover: #059669;--success-light: #22c55e;--success-bg: rgba(16, 185, 129, .1);--warning-color: #f59e0b;--warning-hover: #d97706;--warning-text: #b45309;--warning-text-dark: #92400e;--warning-bg: rgba(245, 158, 11, .1);--warning-bg-solid: #fef3c7;--orange-color: #ea580c;--yellow-color: #ca8a04;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--bg-color: #f8fafc;--panel-bg: #ffffff;--text-color: #1e293b;--text-muted: #64748b;--border-color: #e2e8f0;--border-light: #f1f5f9;--border-strong: #cbd5e1;--focus-border: var(--primary-color);--focus-ring: 0 0 0 3px var(--primary-ring);--focus-ring-strong: 0 0 0 3px var(--primary-ring-strong);--topbar-height: 60px;--statusbar-height: 40px;--sidebar-width: 320px;--space-2xs: .125rem;--space-xs: .25rem;--space-sm: .5rem;--space-sm-md: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-none: 0;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--border-width: 1px;--border-width-thick: 2px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 16px rgba(0, 0, 0, .12);--shadow-solid-sm: 2px 2px 0 var(--text-color);--shadow-solid-md: 4px 4px 0 var(--text-color);--shadow-solid-lg: 6px 6px 0 var(--text-color);--shadow-none: none;--panel-border-width: var(--border-width);--panel-border-color: var(--border-color);--panel-radius: var(--radius-lg);--panel-shadow: var(--shadow-sm);--button-border-width: var(--border-width);--button-radius: var(--radius-md);--button-shadow: none;--button-shadow-hover: var(--shadow-sm);--button-secondary-bg: var(--gray-200);--button-secondary-border: var(--gray-300);--button-secondary-hover-bg: var(--gray-300);--input-border-width: var(--border-width);--input-radius: var(--radius-md);--input-shadow: none;--input-shadow-focus: var(--focus-ring);--modal-radius: var(--radius-xl);--modal-shadow: 0 20px 60px rgba(0, 0, 0, .3);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xxs: .65rem;--text-xs: .7rem;--text-sm: .8rem;--text-md: .9rem;--text-base: .95rem;--text-lg: 1.1rem;--text-xl: 1.25rem;--text-2xl: 1.4rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-base: 1;--z-divider: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-tooltip: 1100;--ease-out-expo: cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-color);color:var(--text-color);line-height:1.6;min-height:100vh;overflow:hidden}#app{display:flex;flex-direction:column;height:100vh}[x-cloak]{display:none!important}.ti{display:inline-flex;align-items:center;justify-content:center;line-height:1}.svg-icon{display:inline-block;vertical-align:middle;fill:none;stroke:currentColor}#topbar{position:relative;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;height:var(--topbar-height);padding:0 var(--space-md);background:linear-gradient(to bottom,var(--panel-bg),#f8fafc);border-bottom:1px solid var(--border-strong);flex-shrink:0;gap:var(--space-md);container-type:inline-size;container-name:topbar}.topbar-left{display:flex;align-items:center;gap:var(--space-md)}.topbar-left h1{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.5px;white-space:nowrap}.topbar-center{display:flex;align-items:center;gap:var(--space-md);flex-grow:1;justify-content:center}.topbar-center .button-group{display:flex;gap:var(--space-sm)}.topbar-center #audio-visualizer{width:80px;height:24px;background:var(--border-color);border-radius:var(--radius-sm);display:none;overflow:hidden}.topbar-center #audio-visualizer.active{display:block}.topbar-center #recording-status{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.topbar-right{display:flex;align-items:center;gap:var(--space-md)}.mic-config{display:flex;align-items:center;gap:var(--space-sm)}.mic-config label{font-size:var(--text-sm);color:var(--text-muted)}.mic-config select{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);background:#fff;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);max-width:180px}.mic-config select:hover{border-color:var(--gray-400);box-shadow:var(--shadow-sm)}.mic-config select:focus{outline:none;border-color:var(--focus-border);box-shadow:var(--focus-ring)}.audio-inputs-dropdown-container{position:relative}.audio-input-row{display:flex;align-items:center;gap:var(--space-xs);padding:.2rem var(--space-sm);background:var(--surface-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.audio-input-row select{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);background:#fff;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.audio-input-row select:hover{border-color:var(--gray-400);box-shadow:var(--shadow-sm)}.audio-input-row select:focus{outline:none;border-color:var(--focus-border);box-shadow:var(--focus-ring)}.audio-input-row select:disabled{opacity:.6;cursor:not-allowed}.input-device-select{min-width:120px;max-width:160px}.speakers-inline{display:flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.speakers-label{font-size:var(--text-sm);color:var(--text-muted)}.speakers-select{width:50px}.refresh-devices-btn{flex-shrink:0}.refresh-devices-btn.pulse{animation:device-pulse 2s ease-in-out infinite;color:var(--primary)}.refresh-devices-btn .spin{animation:device-spin 1s linear infinite}@keyframes device-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes device-pulse{0%,to{opacity:1}50%{opacity:.5}}.add-input-btn{padding:var(--space-2xs) var(--space-sm);font-size:var(--text-sm);background:transparent;border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.add-input-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.add-input-btn:disabled{opacity:.5;cursor:not-allowed}.remove-input-btn{opacity:.5;padding:var(--space-2xs) var(--space-xs);font-size:var(--text-md);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted)}.remove-input-btn:hover:not(:disabled){opacity:1;color:var(--danger);background:#ef44441a}.remove-input-btn:disabled{opacity:.3;cursor:not-allowed}.channel-badge{font-size:var(--text-xs);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);margin-right:var(--space-xs)}.channel-badge[data-channel="0"]{background:var(--primary-bg);color:var(--primary)}.channel-badge[data-channel="1"]{background:#f59e0b26;color:var(--warning-text)}.recordings-dropdown-container{position:relative}.recordings-dropdown-btn{gap:var(--space-sm)}.recordings-dropdown-btn.viewing{background:var(--speaker-0);color:#fff;border-color:var(--speaker-0)}.recordings-dropdown-btn.viewing:hover{background:var(--primary-hover)}.recordings-chevron{font-size:var(--text-md);transition:transform var(--transition-fast)}.recordings-chevron.rotated{transform:rotate(180deg)}.recordings-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;width:320px;max-height:400px;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-sticky);overflow:hidden}.recordings-dropdown-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.session-indicator{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-md)}.session-indicator.live{color:var(--success-light)}.session-indicator.live i{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.session-indicator.viewing{display:flex;align-items:center;justify-content:space-between;width:100%}.session-indicator.viewing .viewing-name{font-weight:var(--font-weight-medium);color:var(--speaker-0)}.recordings-dropdown-list{max-height:320px;overflow-y:auto}.recordings-dropdown-item{padding:var(--space-sm) var(--space-md);cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.recordings-dropdown-item:last-child{border-bottom:none}.recordings-dropdown-item:hover{background:var(--bg-secondary)}.recordings-dropdown-item.selected{background:var(--primary-bg);border-left:3px solid var(--speaker-0)}.recording-item-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2xs);padding-right:28px}.recording-item-name{font-weight:var(--font-weight-medium);font-size:var(--text-md)}.recording-item-duration,.recording-item-meta{font-size:var(--text-sm);color:var(--text-muted)}.recording-item-meta .meta-sep{margin:0 var(--space-xs)}.recording-item-actions{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);opacity:0;transition:opacity var(--transition-fast)}.recordings-dropdown-item{position:relative}.recordings-dropdown-item:hover .recording-item-actions{opacity:1}.recording-item-actions .btn-icon-sm{color:var(--text-muted)}.recording-item-actions .btn-icon-sm:hover{color:var(--danger)}.recordings-dropdown-empty{padding:var(--space-lg);text-align:center;color:var(--text-muted);font-size:var(--text-md)}.recordings-dropdown-empty p{margin:0}.theme-dropdown-container{position:relative}.theme-dropdown-btn{gap:var(--space-sm)}.theme-dropdown-btn i.ti-chevron-down{font-size:var(--text-md);transition:transform var(--transition-fast)}.theme-dropdown-btn i.ti-chevron-down.rotated{transform:rotate(180deg)}.theme-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:var(--panel-bg);border:var(--panel-border-width) solid var(--panel-border-color);border-radius:var(--panel-radius);box-shadow:var(--shadow-lg);z-index:var(--z-modal);overflow:hidden}.theme-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:var(--space-sm) var(--space-md);background:none;border:none;cursor:pointer;transition:background var(--transition-fast);text-align:left}.theme-option:hover{background:var(--gray-100)}.theme-option.selected{background:var(--primary-bg)}.theme-option .theme-name{font-size:var(--text-md);font-weight:var(--font-weight-medium);color:var(--text-color)}.theme-option .theme-desc{font-size:var(--text-sm);color:var(--text-muted)}.theme-option.selected .theme-name{color:var(--primary-color)}#main-content{display:grid;grid-template-columns:1fr;flex-grow:1;overflow:hidden;height:calc(100vh - var(--topbar-height) - var(--statusbar-height))}.workspace{background:var(--panel-bg);display:flex;flex-direction:column;overflow:hidden}#raw-chunks-panel{flex:0 0 50%;display:flex;flex-direction:column;overflow:hidden;border-bottom:1px solid var(--border-color)}#processed-panel{flex:1 1 50%;display:flex;flex-direction:column;overflow:hidden;min-height:0}.panel-header-inline{display:flex;align-items:center;gap:var(--space-sm-md);padding:var(--space-sm) var(--space-md);background:var(--bg-color);border-bottom:1px solid var(--border-color)}.panel-header-inline .btn:first-of-type{margin-left:auto}.panel-header-inline .btn+.btn{margin-left:var(--space-sm)}.panel-header-inline h3{margin:0;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-color)}.panel-subtitle{font-size:var(--text-xs);color:var(--text-muted)}.workspace-divider{height:4px;background:var(--border-color);cursor:ns-resize;flex-shrink:0;position:relative;z-index:var(--z-divider)}.workspace-divider:before{content:"";position:absolute;inset:-6px 0;cursor:ns-resize}.workspace-divider:hover{background:var(--gray-400)}.sidebar-divider{width:4px;background:var(--border-color);cursor:ew-resize;flex-shrink:0;transition:background var(--transition-fast)}.sidebar-divider:hover{background:var(--gray-400)}body.resizing{user-select:none}body.resizing *{cursor:inherit!important}#raw-chunks-container{flex-grow:1;overflow-y:auto;padding:var(--space-sm-md);font-family:SF Mono,Monaco,monospace;font-size:var(--text-sm);line-height:1.6}#raw-chunks-container .placeholder{color:var(--text-muted);font-style:italic;text-align:center;padding:var(--space-xl) var(--space-md);font-family:inherit}.raw-chunk{margin-bottom:var(--space-md);padding:var(--space-sm);background:var(--bg-color);border-radius:var(--radius-sm);border-left:3px solid var(--speaker-0)}.raw-chunk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);padding-bottom:.25rem;border-bottom:1px solid var(--border-color)}.chunk-label{font-weight:var(--font-weight-semibold);color:var(--text-color)}.chunk-meta{font-size:var(--text-xs);color:var(--text-muted)}.raw-words{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.raw-word{display:inline-flex;flex-direction:column;align-items:center;padding:var(--space-2xs) var(--space-xs);background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-xs);min-width:30px;cursor:default}.word-text{font-size:var(--text-sm);color:var(--text-color)}.word-time{font-size:var(--text-xxs);color:var(--text-muted)}.raw-word.kept{background:#10b9811a;border-color:var(--speaker-1)}.raw-word.merged{background:#ef444414;border-color:#ef44444d;opacity:.6}.raw-word.overlap{background:#f59e0b26;border-color:var(--speaker-2)}.raw-word.overlap .word-text{font-style:italic}.raw-word.overlap.merged{background:#ef444426;border-color:#ef444466}.raw-chunk-summary{margin-top:var(--space-sm);padding-top:.25rem;border-top:1px dashed var(--border-color);font-size:var(--text-xs);color:var(--text-muted)}#transcript-container{flex-grow:1;overflow-y:auto;padding:var(--space-md)}#transcript-container .placeholder,#raw-chunks-container .placeholder{color:var(--text-muted);font-style:italic;text-align:center;padding:var(--space-xl) var(--space-md)}.transcript-segment{position:relative;margin-bottom:var(--space-sm-md);padding:var(--space-sm-md);border-radius:var(--radius-md);animation:fadeIn .3s ease;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease,transform .15s ease}.transcript-segment:hover{box-shadow:var(--shadow-md);transform:translate(2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.transcript-segment.speaker-0{background:var(--primary-bg-subtle)}.transcript-segment.speaker-1{background:#10b9810d}.transcript-segment.speaker-2{background:#f59e0b0d}.transcript-segment.speaker-3{background:#ef44440d}.transcript-segment.speaker-4{background:#8b5cf60d}.transcript-segment.speaker-5{background:#ec48990d}.transcript-segment.environmental{background:#9ca3af14}.transcript-segment.unknown-speaker{background:#6b728014;border-left-style:dashed}.transcript-segment.unknown-speaker-0{background:#6b72801a}.transcript-segment.unknown-speaker-1{background:#4b55631a}.transcript-segment.unknown-speaker-2{background:#9ca3af1a}.transcript-segment.unknown-speaker-3{background:#3741511a}.speaker-label{font-weight:var(--font-weight-semibold);font-size:var(--text-sm);margin-bottom:var(--space-xs);display:flex;align-items:center;gap:var(--space-sm)}.speaker-label.speaker-0{color:var(--speaker-0)}.speaker-label.speaker-1{color:var(--speaker-1)}.speaker-label.speaker-2{color:var(--speaker-2)}.speaker-label.speaker-3{color:var(--speaker-3)}.speaker-label.speaker-4{color:var(--speaker-4)}.speaker-label.speaker-5{color:var(--speaker-5)}.speaker-label.environmental,.speaker-label.unknown-speaker,.speaker-label.unknown-speaker-0{color:var(--gray-500)}.speaker-label.unknown-speaker-1{color:var(--gray-600)}.speaker-label.unknown-speaker-2{color:var(--gray-400)}.speaker-label.unknown-speaker-3{color:var(--gray-700)}.segment-text{font-size:var(--text-base);line-height:1.5}.timestamp{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-weight-normal)}.segment-confidence{display:flex;gap:var(--space-sm-md);margin-left:auto;font-size:var(--text-xs);font-family:SF Mono,Monaco,monospace}.conf-item{color:var(--text-muted);padding:var(--space-2xs) var(--space-xs);background:#0000000a;border-radius:var(--radius-xs)}.conf-item.confidence-high{color:var(--speaker-1);background:#10b9811a}.conf-item.confidence-medium{color:var(--speaker-2);background:#f59e0b1a}.conf-item.confidence-low{color:var(--speaker-3);background:#ef44441a}.segment-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs)}.segment-header .speaker-name{font-weight:var(--font-weight-semibold)}.segment-header .timestamp{margin-left:auto}.reason-badge{font-size:var(--text-xxs);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.02em}.reason-confident{background:#10b98126;color:var(--success-color)}.reason-ambiguous{background:#f59e0b26;color:var(--warning-hover)}.reason-below{background:#ef444426;color:var(--danger-hover)}.reason-new{background:var(--primary-bg-strong);color:var(--primary-hover)}.reason-inherited,.reason-nodata{background:#9ca3af26;color:var(--gray-500)}.reason-uncertain{background:#f9731626;color:var(--orange-color)}.reason-boosted{background:#eab30826;color:var(--yellow-color)}.reason-unknown-new{background:#6b728026;color:var(--gray-600)}.reason-unknown-match{background:#6b728026;color:var(--gray-500)}.reason-unknown-boosted,.reason-unknown-better{background:#6b728033;color:var(--gray-700)}.segment-content-wrapper{display:flex;gap:var(--space-md);align-items:flex-start}.segment-main{flex:1;min-width:200px}.candidates-panel{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;font-size:var(--text-xxs);width:220px;flex-shrink:0}.candidate-bar-row{display:flex;align-items:center;gap:var(--space-xs);width:100%}.candidate-bar-row.hidden-candidate{display:none}.candidates-panel.expanded .candidate-bar-row.hidden-candidate{display:flex}.candidate-bar-container{width:90px;height:16px;display:flex;justify-content:flex-end;align-items:center;position:relative}.candidate-bar{height:100%;border-radius:var(--radius-xs);min-width:2px;position:relative;display:flex;align-items:center;justify-content:center}.candidate-bar-row[data-speaker-idx="0"] .candidate-bar{background:var(--speaker-0)}.candidate-bar-row[data-speaker-idx="1"] .candidate-bar{background:var(--speaker-1)}.candidate-bar-row[data-speaker-idx="2"] .candidate-bar{background:var(--speaker-2)}.candidate-bar-row[data-speaker-idx="3"] .candidate-bar{background:var(--speaker-3)}.candidate-bar-row[data-speaker-idx="4"] .candidate-bar{background:var(--speaker-4)}.candidate-bar-row[data-speaker-idx="5"] .candidate-bar{background:var(--speaker-5)}.candidate-bar-row.discovered .candidate-bar{background:var(--gray-400)}.candidate-pct{color:#fff;font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--text-xxs);font-weight:var(--font-weight-semibold);text-shadow:0 1px 1px rgba(0,0,0,.3);white-space:nowrap;pointer-events:none}.candidate-bar-row.pct-outside .candidate-pct{position:absolute;right:100%;padding-right:4px;color:var(--text-secondary);text-shadow:none}.candidate-bar-row .candidate-name{color:var(--text-secondary);white-space:nowrap}.candidate-boost-area{width:50px;text-align:right}.candidates-toggle{background:none;border:none;color:var(--text-muted);font-size:var(--text-xxs);cursor:pointer;padding:var(--space-xs) var(--space-xs);border-radius:var(--radius-xs);margin-top:var(--space-2xs);width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.candidates-toggle:hover{background:#0000000a}.boost-indicator.enhanced{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-xs);background:#f59e0b1f;font-size:var(--text-xxs);width:auto;height:auto;border-radius:var(--radius-xs)}.boost-indicator.enhanced:before{display:none}.boost-delta{color:var(--warning-hover);font-weight:var(--font-weight-semibold);font-family:SF Mono,Monaco,Consolas,monospace}.boost-original{color:var(--text-muted);font-family:SF Mono,Monaco,Consolas,monospace}.enrolled-tag,.boost-tag{font-size:var(--text-xxs);padding:.05rem .25rem;border-radius:var(--space-2xs);text-transform:uppercase;font-weight:var(--font-weight-medium)}.enrolled-tag{background:var(--primary-bg);color:var(--speaker-0)}.boost-tag{background:#f59e0b1f;color:var(--warning-hover)}.interim-text{opacity:.6;font-style:italic;border-color:var(--border-color)!important;background:var(--bg-color)!important}#sidebar{background:var(--bg-color);overflow-y:auto;padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm-md)}.sidebar-panel{background:var(--panel-bg);border:var(--panel-border-width) solid var(--panel-border-color);border-radius:var(--panel-radius);box-shadow:var(--panel-shadow);overflow:hidden;display:flex;flex-direction:column;min-height:0;flex-shrink:0;box-shadow:var(--shadow-md)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-sm-md);user-select:none;background:var(--panel-bg);border-bottom:1px solid transparent;transition:background .15s ease}.panel-header-left{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0;cursor:pointer}.panel-header-left:hover{color:var(--accent-color)}.panel-header-right{display:flex;align-items:center;gap:var(--space-2xs);opacity:0;transition:opacity var(--transition-fast)}.panel-header:hover .panel-header-right{opacity:1}.panel-badge{font-size:var(--text-xxs);color:var(--text-muted);margin-left:auto;display:flex;align-items:center;gap:var(--space-xs);font-weight:var(--font-weight-normal)}.panel-badge i{font-size:var(--text-sm)}.btn-icon-sm{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-icon-sm:hover:not(:disabled){background:var(--bg-muted);color:var(--text-color)}.btn-icon-sm:active:not(:disabled){background:var(--bg-strong)}.btn-icon-sm:disabled{opacity:.3;cursor:not-allowed}.btn-icon-sm i{font-size:var(--text-lg)}.panel-move-btn:disabled{color:var(--text-muted)}.panel-chevron{font-size:var(--text-sm);color:var(--text-muted);transition:transform var(--transition-normal);width:16px;flex-shrink:0}.panel-chevron.rotated{transform:rotate(-90deg)}.panel-header h3{font-size:var(--text-base);font-weight:var(--font-weight-semibold);margin:0;flex-grow:1}.panel-content{padding:var(--space-sm-md);transition:max-height .25s var(--ease-out-expo),padding .25s var(--ease-out-expo),opacity .2s ease;max-height:40vh;opacity:1;overflow-y:auto;flex:0 1 auto;min-height:50px}.panel-content.collapsed{max-height:0;min-height:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden}#enrollment-section .panel-content:not(.collapsed){max-height:50vh}#speaker-canvas{width:100%;height:200px;background:var(--bg-color);border-radius:var(--radius-sm);border:1px solid var(--border-color);aspect-ratio:1}.viz-info{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-sm)}.enrollment-viz-section{margin-top:var(--space-md)}.viz-divider{height:1px;background:var(--border-color);margin-bottom:var(--space-sm-md)}.viz-header{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}#chunk-queue-viz{display:flex;flex-direction:column;gap:var(--space-sm)}.chunk-slots{display:flex;gap:.375rem;justify-content:center}.chunk-slot{width:40px;height:40px;border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--panel-bg);position:relative;transition:all var(--transition-normal)}.chunk-slot.completed{background:var(--speaker-1);border-color:var(--speaker-1)}.chunk-slot.processing{border-color:var(--speaker-0);animation:chunkPulse 1s infinite}.chunk-slot.processing:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:var(--speaker-0);animation:chunkFill 1s infinite}.chunk-slot.pending{background:var(--primary-bg-stronger);border-color:var(--speaker-0)}.chunk-slot.queued{border-color:var(--text-muted);border-style:dashed}@keyframes chunkPulse{0%,to{box-shadow:0 0 0 0 var(--primary-glow)}50%{box-shadow:0 0 0 4px #3b82f600}}@keyframes chunkFill{0%{height:0%}to{height:100%}}.chunk-stats{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-muted)}#phrase-stats{display:flex;flex-direction:column;gap:var(--space-sm)}.phrase-text-preview{font-size:var(--text-sm);font-style:italic;color:var(--text-color);padding:var(--space-sm);background:var(--bg-color);border-radius:var(--radius-sm);max-height:60px;overflow:hidden;text-overflow:ellipsis}.phrase-details{display:flex;flex-direction:column;gap:var(--space-xs)}.detail-row{display:flex;justify-content:space-between;font-size:var(--text-sm)}.detail-row.indent{padding-left:1rem}.detail-label{color:var(--text-muted)}.detail-value{font-weight:var(--font-weight-medium);font-family:SF Mono,Monaco,monospace}.detail-value.confidence-high{color:var(--speaker-1)}.detail-value.confidence-medium{color:var(--speaker-2)}.detail-value.confidence-low{color:var(--speaker-3)}.optional-badge{font-size:var(--text-xxs);background:var(--border-color);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-xs);color:var(--text-muted);font-weight:var(--font-weight-normal);margin-left:var(--space-xs)}#enrollment-section p{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-sm)}.enroll-input-row{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-sm) 0}.enroll-input-row label{font-size:var(--text-sm);color:var(--text-muted);flex-shrink:0}.enroll-input-row input{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);width:100px;flex-shrink:0;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.enroll-input-row input:hover{border-color:var(--gray-400);box-shadow:var(--shadow-sm)}.enroll-input-row input:focus{outline:none;border-color:var(--focus-border);box-shadow:var(--focus-ring)}.enroll-instruction{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-xs)}#enroll-sentence{background:var(--bg-color);border-left:3px solid var(--speaker-0);padding:var(--space-sm) var(--space-sm-md);margin:var(--space-sm) 0;font-style:italic;font-size:var(--text-sm);line-height:1.5}.enroll-controls{display:flex;gap:.375rem;margin:var(--space-sm) 0}#enroll-progress{margin:var(--space-sm) 0}#enroll-progress-text{font-size:var(--text-sm);color:var(--text-muted)}.progress-dots{display:flex;gap:.375rem;margin-top:var(--space-xs)}.progress-dot{width:10px;height:10px;border-radius:50%;background:var(--border-color);transition:background .2s,transform .15s,box-shadow .15s;cursor:pointer}.progress-dot:hover{transform:scale(1.3)}.progress-dot.complete{background:var(--success-color)}.progress-dot.selected{box-shadow:0 0 0 2px var(--text-color)}.progress-dot.recording{background:var(--speaker-0);animation:pulse 1s infinite}.enroll-success{color:var(--success-color);font-weight:var(--font-weight-medium)}.enrolled-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.enrolled-count{font-size:var(--text-sm);color:var(--text-muted)}.enrolled-actions{display:flex;gap:.375rem}#enrolled-items{margin-bottom:var(--space-sm)}.enrolled-item{display:flex;align-items:center;gap:.375rem;padding:var(--space-xs) var(--space-sm);background:var(--bg-color);border-radius:var(--radius-sm);margin-bottom:var(--space-xs);font-size:var(--text-sm)}.speaker-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.enrolled-name{flex-grow:1;font-weight:var(--font-weight-medium);font-size:var(--text-sm)}.btn-icon{background:none;border:none;font-size:var(--text-lg);color:var(--text-muted);cursor:pointer;padding:var(--space-2xs);line-height:1;display:inline-flex;align-items:center;justify-content:center}.btn-icon i.ti{font-size:inherit}.btn-icon:hover{color:var(--danger-color)}#enroll-status{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--text-muted)}#enroll-status.error{color:var(--danger-color)}.recording-count{font-size:var(--text-sm);font-weight:var(--font-weight-normal);color:var(--text-muted)}.recording-session-indicator{padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--space-sm-md);display:flex;align-items:center;justify-content:space-between}.recording-session-indicator.viewing{background:var(--speaker-1);background:#4a90d926;border-left:3px solid var(--speaker-1)}.session-live{font-size:var(--text-sm);color:var(--text-muted)}.session-viewing{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);flex:1}.viewing-label{color:var(--text-muted)}.viewing-name{font-weight:var(--font-weight-medium);color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.return-btn{margin-left:auto;font-size:var(--text-lg)}.recordings-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:300px;overflow-y:auto}.recording-item{padding:var(--space-sm);border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.recording-item:hover{background:var(--primary-bg-subtle);box-shadow:var(--shadow-sm)}.recording-item.selected{background:var(--primary-bg-hover);border-color:var(--focus-border);box-shadow:var(--focus-ring)}.recording-name-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.recording-name{font-size:var(--text-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.rename-input{flex:1;padding:var(--space-xs) var(--space-xs);font-size:var(--text-sm);border:1px solid var(--speaker-1);border-radius:var(--radius-xs);background:var(--bg-secondary)}.rename-input:focus{outline:none;box-shadow:0 0 0 2px #4a90d94d}.recording-actions{display:flex;gap:var(--space-xs);opacity:0;transition:opacity var(--transition-fast)}.recording-item:hover .recording-actions{opacity:1}.recording-actions .btn-icon{padding:var(--space-xs);font-size:var(--text-md);border-radius:var(--radius-xs)}.recording-actions .btn-icon:hover{background:var(--bg-tertiary);color:var(--text-color)}.btn-icon.delete:hover{color:var(--danger-color)}.recording-meta{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-xs)}.meta-sep{opacity:.5}.recording-date{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-xs)}.recordings-empty{text-align:center;padding:var(--space-md);color:var(--text-muted);font-size:var(--text-sm)}.recordings-empty .hint{font-size:var(--text-sm);margin-top:var(--space-sm)}.playback-controls{margin-top:var(--space-sm-md);padding-top:.75rem;border-top:1px solid var(--border-color)}.playback-row{display:flex;align-items:center;gap:var(--space-sm)}.play-btn{font-size:var(--text-xl);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.download-btn{font-size:var(--text-lg);width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-left:var(--space-xs)}.playback-progress{flex:1}.progress-bar{height:6px;background:var(--bg-tertiary);border-radius:var(--radius-xs);overflow:hidden}.progress-fill{height:100%;background:var(--speaker-1);border-radius:var(--radius-xs);transition:width .1s linear}.playback-time{font-size:var(--text-xs);color:var(--text-muted);font-family:monospace;min-width:70px;text-align:right}.enrollment-toggle{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm-md);padding-top:.5rem;border-top:1px solid var(--border-color)}.toggle-label{font-size:var(--text-sm);color:var(--text-muted)}.toggle-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast)}.toggle-btn:hover{background:var(--bg-tertiary);color:var(--text-color)}.toggle-btn.active{background:var(--speaker-1);border-color:var(--speaker-1);color:#fff}#model-status{font-size:var(--text-sm)}.model-status-indicator{margin-left:auto;display:flex;align-items:center;font-size:var(--text-lg)}.model-status-indicator .status-idle{color:var(--text-muted)}.model-status-indicator .status-loading{color:var(--primary-color);animation:spin 1s linear infinite}.model-status-indicator .status-ready{color:var(--success-color)}.model-status-indicator .status-error{color:var(--danger-color)}#loading-message{color:var(--text-muted);margin-bottom:var(--space-sm)}#device-info{margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--text-muted)}.progress-item{margin-bottom:var(--space-sm)}.progress-label{font-size:var(--text-sm);margin-bottom:var(--space-2xs);display:flex;justify-content:space-between;color:var(--text-muted)}.progress-bar{height:6px;background:var(--border-strong);border-radius:var(--radius-xs);overflow:hidden}.progress-fill{height:100%;background:var(--primary-color);transition:width var(--transition-slow);border-radius:var(--radius-xs)}.status-ready{color:var(--success-color)!important}.status-loading{color:var(--warning-color)!important}.status-error{color:var(--danger-color)!important}#status-bar{display:flex;align-items:center;justify-content:space-between;height:var(--statusbar-height);padding:0 var(--space-md);background:linear-gradient(to top,var(--panel-bg),#f8fafc);border-top:1px solid var(--border-strong);flex-shrink:0;font-size:var(--text-sm)}.status-indicator{display:flex;align-items:center;gap:var(--space-sm)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--text-muted);transition:background .2s ease,box-shadow .2s ease}.status-dot.ready{background:var(--success-color);box-shadow:0 0 0 3px #10b98126}.status-dot.recording{background:var(--danger-color);box-shadow:0 0 0 3px #ef444426;animation:pulse 1s infinite}.status-dot.processing{background:var(--warning-color);box-shadow:0 0 0 3px #f59e0b26;animation:pulse .5s infinite}.status-dot.loading{background:var(--primary-color);box-shadow:0 0 0 3px var(--primary-bg-strong);animation:pulse 1s infinite}#status-text{color:var(--text-muted)}.status-metrics{display:flex;gap:1.5rem}.metric{display:flex;align-items:center;gap:.375rem}.metric-label{color:var(--text-muted)}.metric-value{font-family:SF Mono,Monaco,monospace;font-weight:var(--font-weight-medium)}.status-buffer{display:flex;align-items:center;gap:var(--space-sm)}.buffer-bar{width:80px;height:6px;background:var(--border-strong);border-radius:var(--radius-xs);overflow:hidden}.buffer-fill{height:100%;background:var(--speaker-0);transition:width var(--transition-fast);border-radius:var(--radius-xs)}.status-chunks{display:flex;align-items:center;gap:var(--space-sm)}.status-chunks .chunk-slots{display:flex;gap:4px}.status-chunks .chunk-slot{width:12px;height:12px;border:1.5px solid var(--border-color);border-radius:var(--space-2xs);background:var(--panel-bg);transition:all var(--transition-normal)}.status-chunks .chunk-slot.processing{border-color:var(--speaker-0);background:var(--speaker-0);animation:chunkPulse 1s infinite}.status-chunks .chunk-slot.queued{border-color:var(--text-muted);border-style:dashed;background:transparent}.chunk-status{color:var(--text-muted);font-size:var(--text-sm);min-width:100px}.model-status-compact{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.model-status-compact:hover{background:var(--border-light)}.model-status-compact i{font-size:var(--text-lg);color:var(--text-muted)}.model-status-compact:hover i{color:var(--text-secondary)}.model-status-popover{position:absolute;bottom:calc(100% + 8px);left:0;width:280px;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-sticky)}.model-status-popover .popover-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color)}.model-status-popover .popover-title{font-weight:var(--font-weight-semibold);font-size:var(--text-md)}.model-status-popover .popover-body{padding:var(--space-md)}.model-status-popover #loading-message{font-size:var(--text-md);color:var(--text-muted);margin-bottom:var(--space-sm)}.model-status-popover #progress-container{margin-top:var(--space-sm)}.model-status-popover #device-info{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--text-muted)}.debug-status-compact{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.debug-status-compact:hover{background:var(--border-light)}.debug-status-compact i{font-size:var(--text-lg);color:var(--text-muted);transition:color .15s}.debug-status-compact i.debug-active{color:var(--warning-color)}.debug-status-popover{position:absolute;bottom:calc(100% + 8px);right:0;width:240px;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-sticky)}.debug-status-popover .popover-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color)}.debug-status-popover .popover-title{font-weight:var(--font-weight-semibold);font-size:var(--text-md)}.debug-status-popover .popover-body{padding:var(--space-md)}.debug-status-popover .debug-toggles{margin-bottom:var(--space-sm)}.debug-status-popover .toggle-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;font-size:var(--text-md);cursor:pointer}.debug-status-popover .toggle-row.disabled{opacity:.5}.debug-status-popover .toggle-row input{margin:0;cursor:pointer}.debug-status-popover .debug-actions{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.debug-status-popover .debug-actions .btn{flex:1}.debug-status-popover .debug-status-text{font-size:var(--text-sm);color:var(--text-muted);text-align:center}.button-group{display:flex;gap:var(--space-sm);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:var(--button-border-width) solid transparent;border-radius:var(--button-radius);box-shadow:var(--button-shadow);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary-color);color:#fff;box-shadow:0 2px 4px var(--primary-border)}.btn.primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px var(--primary-border)}.btn.primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px var(--primary-border)}.btn.secondary{background:var(--button-secondary-bg);color:var(--text-color);border:var(--button-border-width) solid var(--button-secondary-border)}.btn.secondary:hover:not(:disabled){background:var(--button-secondary-hover-bg);transform:translateY(-1px);box-shadow:var(--button-shadow-hover)}.btn.secondary:active:not(:disabled){transform:translateY(0)}.btn.danger-text{background:transparent;color:var(--danger-hover);border:1px solid var(--danger-border)}.btn.danger-text:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger-border-hover)}.btn.danger-text:active:not(:disabled){background:var(--danger-bg-strong)}.btn.small{gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.btn i.ti{font-size:1.1em}.btn.small i.ti{font-size:1em}.btn:not(.primary):not(.secondary):not(.danger-text){background:var(--success-color);color:#fff;box-shadow:0 2px 4px #10b9814d}.btn:not(.primary):not(.secondary):not(.danger-text):hover:not(:disabled){background:var(--success-hover);transform:translateY(-1px);box-shadow:0 4px 8px #10b98159}.btn:not(.primary):not(.secondary):not(.danger-text):active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #10b9814d}.btn.recording{background:var(--danger-color);color:#fff;box-shadow:0 2px 4px #ef44444d;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.hidden{display:none!important}@media(max-width:1024px){:root{--sidebar-width: 280px}}@media(max-width:768px){#main-content{grid-template-columns:1fr;grid-template-rows:1fr auto}.sidebar-divider{display:none}#sidebar{border-top:1px solid var(--border-color);max-height:40vh}.workspace{border-right:none}#main-content{height:calc(100vh - 120px - var(--statusbar-height))}.status-metrics{display:none}}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.modal-overlay:not(.hidden){opacity:1;visibility:visible}.modal-content{background:var(--panel-bg);border:var(--panel-border-width) solid var(--panel-border-color);border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);width:90%;max-width:540px;max-height:90vh;overflow-y:auto;padding:var(--space-lg);transform:scale(.95);transition:transform .2s cubic-bezier(.23,1,.32,1)}.modal-overlay:not(.hidden) .modal-content{transform:scale(1)}.modal-header{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin:0}.modal-speaker-name{font-size:var(--text-lg);color:var(--speaker-0);font-weight:var(--font-weight-medium)}.modal-passage-section{margin-bottom:var(--space-lg)}.modal-passage-section .passage-label{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-sm)}.modal-passage-text{background:linear-gradient(135deg,var(--primary-bg-subtle),rgba(59,130,246,.02));border-left:4px solid var(--speaker-0);padding:var(--space-md) var(--space-lg);margin:0;font-size:var(--text-lg);line-height:1.7;font-style:italic;color:var(--text-color);border-radius:0 var(--radius-md) var(--radius-md) 0}.modal-feedback-section{display:grid;grid-template-columns:1fr 1fr auto;gap:1.5rem;align-items:start;margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-color);border-radius:var(--radius-lg)}.feedback-label{display:block;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.modal-volume-wrapper{flex:1}.modal-volume-bar{height:8px;background:var(--border-color);border-radius:var(--radius-sm);overflow:hidden;position:relative}.modal-volume-bar .volume-fill{height:100%;background:var(--speaker-1);width:0%;transition:width .05s ease-out;border-radius:var(--radius-sm)}.modal-volume-bar .volume-fill.medium{background:linear-gradient(to right,var(--speaker-1),var(--speaker-2))}.modal-volume-bar .volume-fill.high{background:linear-gradient(to right,var(--speaker-2),var(--speaker-3))}.modal-volume-bar .volume-fill.clipping{background:var(--speaker-3)}.modal-vad-wrapper{flex:1}.vad-indicator{display:flex;align-items:center;gap:var(--space-sm)}.vad-dot{width:10px;height:10px;border-radius:50%;background:var(--border-color);transition:background .2s,box-shadow .2s}.vad-indicator.listening .vad-dot{background:var(--text-muted)}.vad-indicator.speech-detected .vad-dot{background:var(--speaker-1);box-shadow:0 0 8px var(--speaker-1);animation:vadPulse .8s infinite}@keyframes vadPulse{0%,to{box-shadow:0 0 4px var(--speaker-1)}50%{box-shadow:0 0 12px var(--speaker-1)}}.vad-text{font-size:var(--text-sm);color:var(--text-muted);transition:color var(--transition-normal)}.vad-indicator.speech-detected .vad-text{color:var(--speaker-1);font-weight:var(--font-weight-medium)}.modal-timer-wrapper{text-align:center;min-width:60px}.recording-timer{font-family:SF Mono,Monaco,monospace;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-color)}.recording-timer.recording{color:var(--speaker-3)}.modal-progress-section{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.modal-progress-section .progress-label{font-size:var(--text-sm);color:var(--text-muted)}.modal-progress-dots{display:flex;gap:var(--space-sm-md)}.modal-progress-dots .progress-dot{width:24px;height:24px;border-radius:50%;background:var(--border-color);border:2px solid transparent;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted)}.modal-progress-dots .progress-dot:hover{border-color:var(--text-muted);transform:scale(1.1)}.modal-progress-dots .progress-dot.complete{background:var(--speaker-1);color:#fff}.modal-progress-dots .progress-dot.selected{border-color:var(--speaker-0);box-shadow:var(--focus-ring-strong)}.modal-progress-dots .progress-dot.recording{background:var(--speaker-0);border-color:var(--speaker-0);animation:dotPulse 1s infinite;color:#fff}@keyframes dotPulse{0%,to{box-shadow:0 0 0 0 var(--primary-glow)}50%{box-shadow:0 0 0 8px #3b82f600}}.modal-status{min-height:1.5rem;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-md);text-align:center}.modal-status.error{color:var(--speaker-3)}.modal-status.success{color:var(--speaker-1)}.modal-actions{display:flex;gap:var(--space-sm-md);justify-content:center;padding-top:1rem;border-top:1px solid var(--border-color)}.modal-actions .btn{min-width:100px}.modal-record-group{display:flex;gap:var(--space-sm)}.modal-record-group .btn{min-width:80px}.modal-content *:focus{outline:2px solid var(--speaker-0);outline-offset:2px}.speakers-btn i{font-size:var(--text-lg)}.speakers-modal-overlay{opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.speakers-modal-overlay[style*="display: flex"],.speakers-modal-overlay:not([style*="display: none"]):not([x-cloak]){opacity:1;visibility:visible;display:flex!important}.speakers-modal{max-width:480px;width:90%}.speakers-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color)}.speakers-modal .modal-header h2{margin:0;font-size:var(--text-lg)}.speakers-modal .modal-close{background:transparent;border:none;padding:var(--space-xs);cursor:pointer;color:var(--text-muted)}.speakers-modal .modal-close:hover{color:var(--text-primary)}.speakers-modal .modal-body{padding:var(--space-lg);max-height:400px;overflow-y:auto}.speakers-intro-text{color:var(--text-muted);font-size:var(--text-md);line-height:1.5;margin:0}.speakers-list{display:flex;flex-direction:column;gap:var(--space-sm)}.speaker-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.speaker-item .speaker-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.speaker-item .speaker-name{font-weight:var(--font-weight-medium);flex:1}.speaker-item .speaker-samples{font-size:var(--text-sm);color:var(--text-muted)}.speaker-item .remove-speaker{color:var(--text-muted);opacity:0;transition:opacity var(--transition-fast)}.speaker-item:hover .remove-speaker{opacity:1}.speaker-item .remove-speaker:hover{color:var(--danger)}.speaker-add-form{display:flex;flex-direction:column;gap:var(--space-sm)}.speaker-add-form label{font-size:var(--text-md);font-weight:var(--font-weight-medium)}.speaker-add-form input{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base)}.speaker-add-form input:focus{outline:none;border-color:var(--speaker-0);box-shadow:var(--focus-ring)}.speakers-viz{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.speakers-viz .viz-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.speakers-viz .viz-label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.speakers-viz .viz-model-controls{display:flex;align-items:center;gap:var(--space-xs)}.speakers-viz .viz-model-controls select{font-size:var(--text-sm);padding:var(--space-2xs) var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.speakers-viz .viz-model-controls select:hover{border-color:var(--border-focus)}.speakers-viz .viz-recalc-btn{padding:var(--space-2xs) var(--space-xs);min-width:unset;font-size:var(--text-sm)}.speakers-viz .viz-recalc-btn:disabled{opacity:.4}.speakers-viz .viz-model-info{font-size:var(--text-sm);color:var(--text-muted)}.speakers-viz .viz-canvas-container{position:relative}.speakers-viz canvas{width:100%;height:120px;border-radius:var(--radius-md);background:var(--bg-secondary)}.speakers-viz .viz-loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);background:#ffffffd9;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-muted)}.speakers-viz .viz-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:viz-spin .8s linear infinite}@keyframes viz-spin{to{transform:rotate(360deg)}}.speakers-viz .viz-model-controls select:disabled{opacity:.6;cursor:wait}.speakers-viz .viz-metrics{margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-muted)}.speakers-viz .viz-metrics-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2xs) 0}.speakers-viz .viz-metrics-row .metric-label{cursor:help;border-bottom:1px dotted var(--text-muted)}.speakers-viz .viz-metrics-row .metric-value{font-family:var(--font-mono);color:var(--text-primary)}.speakers-viz .viz-metrics-row .metric-pair{font-size:var(--text-xxs);color:var(--text-muted);margin-left:var(--space-xs)}.speakers-status{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-md);background:var(--bg-secondary)}.speakers-status.error{background:#ef44441a;color:var(--danger)}.speakers-modal .modal-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-color)}.speakers-modal .footer-actions{display:flex;align-items:center;justify-content:space-between;width:100%}.speakers-modal .footer-right{margin-left:auto}.participants-empty{color:var(--text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-md) 0}.participant-item{padding:var(--space-sm);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);background:var(--bg-color);border-left:3px solid var(--participant-color, var(--text-muted));transition:background-color var(--transition-fast)}.participant-item:last-child{margin-bottom:0}@keyframes participant-fade-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.participant-item.participant-unknown{background:var(--border-light);border-left-style:dashed}.participant-unknown-badge{color:#fff;font-size:var(--text-xxs);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.participant-closest-enrolled{display:block;font-size:var(--text-xs);color:var(--text-muted);font-style:italic;margin-bottom:var(--space-xs);padding-left:1rem}.participant-color{width:8px;height:8px;border-radius:50%;flex-shrink:0}.participant-name{font-weight:var(--font-weight-medium);font-size:var(--text-md);flex-grow:1}.participant-bar-container{height:4px;background:var(--border-color);border-radius:var(--space-2xs);overflow:hidden;margin-bottom:var(--space-xs)}.participants-status{font-size:var(--text-sm);color:var(--text-muted);text-align:center;padding:var(--space-sm);margin-top:var(--space-sm);border-top:1px solid var(--border-color)}.participants-status.status-building{color:var(--speaker-2)}.participants-status.status-ready{color:var(--speaker-1)}.participants-status.status-idle{color:var(--text-muted)}.hypothesis-version{display:inline-block;background:var(--primary-bg);color:var(--speaker-0);font-size:var(--text-xxs);font-weight:var(--font-weight-semibold);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-xs);margin-right:var(--space-xs);font-family:SF Mono,Monaco,Consolas,monospace}.participants-status .status-text{font-size:var(--text-sm)}.participant-extended-stats{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);padding-top:.35rem;border-top:1px solid var(--border-color);font-size:var(--text-xxs)}.stat-item{color:var(--text-muted);padding:var(--space-2xs) var(--space-xs);background:#00000008;border-radius:var(--radius-xs);white-space:nowrap}.stat-split,.stat-range{font-family:SF Mono,Monaco,Consolas,monospace}.stat-trend{font-weight:700;font-size:var(--text-sm);margin-left:auto}.stat-trend.improving{color:var(--speaker-1)}.stat-trend.declining{color:var(--speaker-3)}.stat-trend.stable{color:var(--text-muted)}.sparkline-row{margin-top:var(--space-xs);width:100%}.sparkline{display:flex;align-items:flex-end;gap:2px;height:24px;padding:var(--space-2xs) var(--space-xs);background:var(--bg-tertiary);border-radius:var(--radius-xs);width:100%}.sparkline-bar{flex:1;min-width:4px;max-width:12px;min-height:2px;border-radius:var(--space-2xs);transition:height var(--transition-normal)}.sparkline-bar-best{background:var(--speaker-1)}.sparkline-bar-second{background:var(--speaker-2);opacity:.6}.hypothesis-history{margin-top:var(--space-sm-md);padding-top:.5rem;border-top:1px solid var(--border-color);font-size:var(--text-xs)}.history-summary{cursor:pointer;color:var(--text-muted);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) 0}.history-summary::-webkit-details-marker{display:none}.history-icon{font-size:var(--text-sm)}.history-list{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:.35rem}.history-entry{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-xs);background:#00000005;border-radius:var(--radius-xs)}.history-version{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:var(--font-weight-semibold);color:var(--speaker-0);min-width:24px}.history-changes{flex-grow:1}.history-added{color:var(--speaker-1);font-weight:var(--font-weight-medium)}.history-removed{color:var(--speaker-3);font-weight:var(--font-weight-medium)}.history-segment{color:var(--text-muted);font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--text-xxs)}.transcript-container.comparison-mode .transcript-segment{cursor:pointer;transition:box-shadow .15s,transform .15s}.transcript-container.comparison-mode .transcript-segment:hover{box-shadow:0 0 0 2px var(--primary-border)}.transcript-container.comparison-mode .transcript-segment.comparison-selected{box-shadow:0 0 0 3px var(--speaker-0);transform:translate(4px)}.comparison-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;border:1px solid var(--border-strong);background:var(--panel-bg);color:var(--text-muted);transition:all var(--transition-fast)}.comparison-toggle:hover{background:var(--bg-color);border-color:var(--speaker-0)}.comparison-toggle.active{background:var(--primary-bg);border-color:var(--speaker-0);color:var(--speaker-0)}.comparison-toggle-icon{font-size:var(--text-md)}.comparison-result{position:fixed;bottom:70px;left:50%;transform:translate(-50%);background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);box-shadow:0 4px 20px #00000026;z-index:var(--z-dropdown);min-width:320px;max-width:480px}.comparison-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm-md)}.comparison-result-title{font-weight:var(--font-weight-semibold);font-size:var(--text-sm)}.comparison-result-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:var(--text-lg);padding:0;line-height:1;display:flex;align-items:center;justify-content:center}.comparison-result-close:hover{color:var(--danger-color)}.comparison-segments{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-sm-md);font-size:var(--text-sm)}.comparison-segment{display:flex;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:#00000005;border-radius:var(--radius-sm)}.comparison-segment-label{font-weight:var(--font-weight-semibold);min-width:80px}.comparison-segment-text{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-similarity{display:flex;align-items:center;gap:var(--space-sm-md);margin-bottom:var(--space-sm)}.similarity-value{font-size:var(--text-xl);font-weight:var(--font-weight-bold);font-family:SF Mono,Monaco,Consolas,monospace}.similarity-value.similarity-high{color:var(--speaker-1)}.similarity-value.similarity-medium{color:var(--speaker-2)}.similarity-value.similarity-low{color:var(--speaker-3)}.similarity-bar-container{flex-grow:1;height:8px;background:var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.similarity-bar-fill{height:100%;border-radius:var(--radius-sm);transition:width var(--transition-slow)}.similarity-bar-fill.similarity-high{background:var(--speaker-1)}.similarity-bar-fill.similarity-medium{background:var(--speaker-2)}.similarity-bar-fill.similarity-low{background:var(--speaker-3)}.comparison-verdict{font-size:var(--text-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.comparison-verdict.verdict-match{background:#10b9811f;color:var(--speaker-1)}.comparison-verdict.verdict-mismatch{background:#f59e0b1f;color:var(--warning-hover)}.comparison-verdict.verdict-error{background:#ef44441f;color:var(--speaker-3)}.comparison-hint{font-size:var(--text-xs);color:var(--text-muted);text-align:center;margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--primary-bg-subtle);border-radius:var(--radius-sm)}.boost-indicator{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--speaker-2);margin-left:var(--space-xs);vertical-align:middle;title:"Boosted by conversation context"}.segment-reattributed{animation:segment-flash .5s ease}@keyframes segment-flash{0%,to{background-color:transparent}50%{background-color:#f59e0b26}}.debug-toggles{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.toggle-row{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-sm)}.toggle-row input[type=checkbox]{width:16px;height:16px;cursor:pointer}#verbose-row.disabled{opacity:.5;pointer-events:none}.debug-actions{display:flex;gap:var(--space-sm)}.debug-actions .btn{flex:1}.debug-status{margin-top:var(--space-sm-md);font-size:var(--text-sm);color:var(--text-muted)}.debug-status.status-enabled{color:var(--success-color)}.debug-status.status-disabled{color:var(--text-muted)}.tuning-intro{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-sm);line-height:1.4}.tuning-controls{display:flex;flex-direction:column;gap:.375rem}.tuning-section-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-sm);margin-bottom:var(--space-xs);padding-top:.375rem;border-top:1px solid var(--border-color)}.btn-text-small{background:none;border:none;padding:var(--space-2xs) var(--space-xs);font-size:var(--text-xxs);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:var(--space-xs);text-transform:none;letter-spacing:normal}.btn-text-small:hover{color:var(--text-primary)}.btn-text-small i{font-size:var(--text-sm)}.tuning-row{display:flex;align-items:center;gap:var(--space-sm)}.tuning-row label{flex:0 0 90px;font-size:var(--text-sm);color:var(--text-muted);cursor:help}.tuning-row input[type=range]{flex:1;height:18px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.tuning-row input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--border-color);border-radius:var(--space-2xs)}.tuning-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--primary-color);border-radius:50%;cursor:pointer;margin-top:-4px;transition:transform .1s}.tuning-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.tuning-row input[type=range]::-moz-range-track{height:4px;background:var(--border-color);border-radius:var(--space-2xs)}.tuning-row input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--primary-color);border-radius:50%;cursor:pointer;border:none}.tuning-value{flex:0 0 32px;text-align:right;font-family:SF Mono,Monaco,monospace;font-size:var(--text-sm);color:var(--text-color)}.tuning-reset{margin-top:var(--space-sm);width:100%}.model-intro{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-sm-md);line-height:1.4}.model-select-wrapper{margin-bottom:var(--space-sm-md)}.model-select{width:100%;padding:var(--space-sm);font-size:var(--text-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;cursor:pointer;transition:border-color .15s}.model-select:hover{border-color:var(--accent-color)}.model-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--primary-ring)}.model-select:disabled{opacity:.6;cursor:not-allowed}.model-info{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:var(--space-sm);font-size:var(--text-sm)}.model-info-row{display:flex;justify-content:space-between;padding:.125rem 0}.model-info-label{color:var(--text-muted)}.model-info-value{font-family:SF Mono,Monaco,monospace;color:var(--text-color)}.model-description{margin-top:var(--space-sm);padding-top:.375rem;border-top:1px solid var(--border-color);color:var(--text-muted);line-height:1.4}.model-warning{display:flex;align-items:center;gap:.375rem;margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--warning-bg-solid);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--warning-text-dark)}.model-warning .ti-loader{animation:spin 1s linear infinite}.participants-empty{font-size:var(--text-sm);color:var(--text-muted);font-style:italic;text-align:center;padding:var(--space-sm)}.participant-item{margin-bottom:var(--space-sm-md);padding:var(--space-sm);background:var(--bg-color);border-radius:var(--radius-sm);border-left:3px solid var(--participant-color, #64748b)}.participant-item.participant-new{animation:participant-fade-in .3s ease}@keyframes participant-fade-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.participant-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.participant-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.participant-name{font-weight:var(--font-weight-semibold);font-size:var(--text-sm);flex-grow:1}.participant-confidence{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-weight-medium)}.participant-bar-container{height:4px;background:var(--border-color);border-radius:var(--space-2xs);margin-bottom:var(--space-xs);overflow:hidden}.participant-bar{height:100%;border-radius:var(--space-2xs);transition:width var(--transition-slow)}.participant-stats{font-size:var(--text-xs);color:var(--text-muted)}.participants-status{font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-sm) 0 0 0;border-top:1px solid var(--border-color);margin-top:var(--space-sm)}.participants-status.status-building{color:var(--warning-color)}.participants-status.status-ready{color:var(--success-color)}.participants-status.status-waiting,.participants-status.status-idle{color:var(--text-muted)}@media(max-width:600px){.modal-content{padding:var(--space-md);margin:var(--space-md);max-height:calc(100vh - 2rem)}.modal-passage-text{font-size:var(--text-lg)}.modal-feedback-section{grid-template-columns:1fr 1fr;gap:var(--space-md)}.modal-timer-wrapper{grid-column:span 2;text-align:center}.modal-actions{flex-wrap:wrap}.modal-actions .btn{flex:1;min-width:80px}}.job-navigation-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--panel-bg);border-bottom:1px solid var(--border-color);margin-bottom:0;gap:var(--space-md)}.job-nav-far-left{display:flex;align-items:center}.job-nav-left,.job-nav-right,.job-nav-center{display:flex;align-items:center;gap:var(--space-sm)}.job-nav-arrow{padding:var(--space-xs)}.job-nav-arrow:disabled{opacity:.3;cursor:not-allowed}.job-dropdown-container{position:relative}.job-dropdown-trigger{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;min-width:180px;transition:all var(--transition-fast)}.job-dropdown-trigger:hover{border-color:var(--text-muted)}.job-dropdown-label{display:flex;align-items:center;gap:var(--space-xs);flex:1;overflow:hidden}.job-name{font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-count{font-size:var(--text-sm);color:var(--text-muted);flex-shrink:0}.job-dropdown-chevron{font-size:var(--text-md);color:var(--text-muted);transition:transform var(--transition-normal)}.job-dropdown-chevron.rotated{transform:rotate(180deg)}.job-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:280px;max-height:320px;overflow-y:auto;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.job-dropdown-item{padding:var(--space-sm) var(--space-md);cursor:pointer;border-bottom:1px solid var(--border-light);transition:background .1s}.job-dropdown-item:last-child{border-bottom:none}.job-dropdown-item:hover{background:var(--bg-secondary)}.job-dropdown-item.active{background:var(--bg-tertiary);border-left:3px solid var(--speaker-0);padding-left:calc(var(--space-md) - 3px)}.job-item-main{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-2xs)}.job-item-name{font-weight:var(--font-weight-medium);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-item-status{font-size:var(--text-xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);text-transform:uppercase}.job-item-notes-dot{width:6px;height:6px;border-radius:50%;background:var(--speaker-0);flex-shrink:0}.job-item-meta{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-muted)}.job-item-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{font-size:var(--text-xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);text-transform:uppercase}.status-processed,.job-item-status.status-processed{background:#10b9811a;color:var(--success-color)}.status-unprocessed,.job-item-status.status-unprocessed{background:#f59e0b1a;color:var(--warning-color)}.status-processing,.job-item-status.status-processing{background:var(--primary-bg);color:var(--primary-color)}.status-live,.job-item-status.status-live{background:#ef44441a;color:var(--danger-color)}.job-processing-notice{display:flex;align-items:center;gap:var(--space-sm)}.processing-progress{font-size:var(--text-sm);color:var(--text-muted)}.spinning{animation:spin 1s linear infinite}.job-participants-toggle{position:relative}.job-participants-toggle.active{background:var(--speaker-0);color:#fff}.job-participants-toggle.active:hover{background:var(--primary-hover)}.job-settings-toggle{position:relative}.job-settings-toggle.active{background:var(--speaker-0);color:#fff}.job-settings-toggle.active:hover{background:var(--primary-hover)}.job-edit-popover-container{position:relative}.job-edit-popover{position:absolute;top:calc(100% + 4px);right:0;width:280px;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.popover-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color)}.popover-title{font-weight:var(--font-weight-semibold);font-size:var(--text-md)}.popover-close{padding:var(--space-2xs)}.popover-body{padding:var(--space-md)}.popover-footer{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.form-group{margin-bottom:var(--space-sm)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-muted);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.form-input,.form-textarea{width:100%;padding:var(--space-xs) var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-md);color:var(--text-color);transition:border-color .15s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--speaker-0)}.form-textarea{resize:vertical;min-height:60px}.settings-summary-readonly{font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.job-delete-confirm-container{position:relative}.job-delete-confirm{position:absolute;top:calc(100% + 4px);right:0;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);white-space:nowrap}.confirm-text{font-size:var(--text-md);color:var(--text-muted)}.btn-icon-sm.danger{color:var(--danger-color)}.btn.danger{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.btn.danger:hover{background:var(--danger-hover);border-color:var(--danger-hover)}.playback-bar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.playback-main-btn{width:36px;height:36px;border-radius:50%;background:var(--speaker-0);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .1s;flex-shrink:0}.playback-main-btn:hover{background:var(--primary-hover);transform:scale(1.05)}.playback-main-btn i{font-size:var(--text-xl)}.playback-progress-container{flex:1;height:8px;background:var(--border-color);border-radius:var(--radius-sm);cursor:pointer;position:relative}.playback-progress-bar{height:100%;width:100%;border-radius:var(--radius-sm);overflow:hidden}.playback-progress-fill{height:100%;background:var(--speaker-0);transition:width .1s linear;border-radius:var(--radius-sm)}.playback-progress-container:hover .playback-progress-fill{background:var(--primary-hover)}.playback-bar .playback-time{font-size:var(--text-md);font-family:monospace;color:var(--text-muted);min-width:80px;text-align:center;flex-shrink:0}.playback-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.enrollment-source-toggle{display:flex;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.enrollment-source-toggle .toggle-option{display:flex;align-items:center;gap:4px;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.enrollment-source-toggle .toggle-option:first-child{border-right:1px solid var(--border-color)}.enrollment-source-toggle .toggle-option:hover{background:var(--bg-secondary)}.enrollment-source-toggle .toggle-option.active{background:var(--speaker-0);color:#fff}.enrollment-source-toggle .toggle-option i{font-size:var(--text-md)}.transcript-body{display:flex;flex:1;min-height:0;overflow:hidden}.transcript-body #transcript-container{flex:1;overflow-y:auto;padding:var(--space-md)}.job-participants-sidebar{width:240px;background:var(--panel-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;max-height:100%;overflow:hidden}.job-participants-sidebar .sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-light);background:var(--panel-bg);position:sticky;top:0;z-index:var(--z-base)}.job-participants-sidebar .sidebar-title{font-size:var(--text-md);font-weight:var(--font-weight-medium);color:var(--text-color)}.job-participants-sidebar .sidebar-content{flex:1;padding:var(--space-md);overflow-y:auto}.job-participants-sidebar .participants-status{font-size:var(--text-sm);color:var(--text-muted);text-align:center;padding:var(--space-md)}.job-settings-sidebar{width:280px;background:var(--panel-bg);border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;max-height:100%;overflow:hidden}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-light);background:var(--panel-bg);position:sticky;top:0;z-index:var(--z-base)}.settings-title{font-size:var(--text-md);font-weight:var(--font-weight-medium);color:var(--text-color)}.readonly-badge{font-size:var(--text-xs);color:var(--text-muted);background:var(--border-light);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm)}.settings-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-color)}.settings-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.settings-tab:hover{color:var(--text-color);background:var(--bg-tertiary)}.settings-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.settings-tab i{font-size:var(--text-lg)}.settings-reapply-btn{width:100%;margin-top:var(--space-sm)}.settings-reapply-btn .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-content{flex:1;padding:var(--space-md);overflow-y:auto}.settings-hint{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-md);line-height:1.4}.settings-readonly{background:var(--bg-color);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-sm)}.settings-readonly-row{display:flex;justify-content:space-between;padding:var(--space-2xs) 0;font-size:var(--text-sm)}.settings-readonly-label{color:var(--text-muted)}.settings-readonly-value{color:var(--text-color);font-weight:var(--font-weight-medium)}.settings-group{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light)}.settings-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.settings-group-header{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--speaker-0);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs)}.settings-group-content{display:flex;flex-direction:column;gap:var(--space-sm)}.settings-editable{display:flex;flex-direction:column;gap:var(--space-md)}.settings-section{display:flex;flex-direction:column;gap:var(--space-xs)}.settings-section.settings-info{padding:var(--space-sm);background:var(--surface-secondary);border-radius:var(--radius-sm)}.settings-info-text{font-size:var(--text-sm);color:var(--text-muted);display:flex;align-items:center;gap:var(--space-xs)}.settings-info-text i{color:var(--primary)}.settings-info-inline{font-size:var(--text-sm);color:var(--text-muted)}.settings-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:var(--font-weight-medium)}.settings-select{width:100%;background:var(--panel-bg);border:var(--input-border-width) solid var(--border-color);border-radius:var(--input-radius);box-shadow:var(--input-shadow);color:var(--text-color);padding:var(--space-xs) var(--space-sm);font-size:var(--text-md);cursor:pointer}.settings-select:focus{outline:none;border-color:var(--focus-border);box-shadow:var(--input-shadow-focus)}.settings-select:disabled{opacity:.6;cursor:not-allowed}.settings-row{display:flex;align-items:center;gap:var(--space-sm)}.settings-slider{flex:1;accent-color:var(--speaker-0);height:4px;cursor:pointer}.settings-slider:disabled{opacity:.6;cursor:not-allowed}.settings-value{font-size:var(--text-sm);color:var(--text-color);font-weight:var(--font-weight-medium);min-width:36px;text-align:right;font-family:SF Mono,Monaco,Inconsolata,monospace}.settings-footer{padding:var(--space-md);border-top:1px solid var(--border-light);background:var(--panel-bg);position:sticky;bottom:0}.settings-footer .btn{width:100%;justify-content:center;padding:var(--space-sm) var(--space-md);font-size:var(--text-md);font-weight:var(--font-weight-medium)}.settings-footer .btn .ti{margin-right:var(--space-xs)}.job-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-muted);padding:var(--space-xl)}.job-empty-state-icon{font-size:var(--text-2xl);opacity:.3;margin-bottom:var(--space-md)}.job-empty-state-title{font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--text-color);margin-bottom:var(--space-xs)}.job-empty-state-description{font-size:var(--text-md);color:var(--text-muted);max-width:280px;line-height:1.5}.job-processing-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:var(--space-xl)}.processing-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--speaker-0);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-md)}@keyframes spin{to{transform:rotate(360deg)}}.processing-text{font-size:var(--text-md);color:var(--text-muted)}.topbar-center .button-group{flex-wrap:nowrap}@container topbar (max-width: 900px){.topbar-center .btn{padding:var(--space-sm);min-width:2.25rem}.topbar-center .btn .btn-text{display:none}}@container topbar (max-width: 700px){.topbar-left h1{display:none}}.audio-inputs-dropdown-btn{gap:var(--space-sm)}.audio-inputs-chevron{font-size:var(--text-md);transition:transform var(--transition-fast)}.audio-inputs-chevron.rotated{transform:rotate(180deg)}.audio-inputs-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;width:320px;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-sticky);overflow:hidden}.audio-inputs-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.audio-inputs-title{font-weight:var(--font-weight-medium);font-size:var(--text-md)}.audio-inputs-dropdown-body{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.audio-inputs-dropdown-body .audio-input-row{width:100%}.audio-inputs-dropdown-body .input-device-select{flex:1;max-width:none}.audio-inputs-dropdown-body .add-input-btn{width:100%;justify-content:center}@container topbar (max-width: 600px){.speakers-btn .btn-text,.recordings-dropdown-btn .btn-text,.recordings-chevron,.audio-inputs-dropdown-btn .btn-text,.audio-inputs-chevron{display:none}}@container topbar (max-width: 500px){#topbar{flex-wrap:wrap;height:auto;padding:var(--space-sm)}.topbar-left{order:1;flex:0 0 auto}.topbar-right{order:2;flex:1;justify-content:flex-end;gap:var(--space-xs)}.topbar-center{order:3;width:100%;justify-content:center;padding-top:var(--space-sm)}}[data-theme=neumorphism]{--bg-color: #e0e5ec;--panel-bg: #e0e5ec;--text-color: #4a5568;--text-muted: #718096;--border-color: transparent;--border-light: transparent;--border-strong: transparent;--primary-color: #6366f1;--primary-hover: #4f46e5;--shadow-neu-light: -6px -6px 12px rgba(255, 255, 255, .8);--shadow-neu-dark: 6px 6px 12px rgba(163, 177, 198, .6);--shadow-neu: var(--shadow-neu-light), var(--shadow-neu-dark);--shadow-neu-sm: -3px -3px 6px rgba(255, 255, 255, .8), 3px 3px 6px rgba(163, 177, 198, .6);--shadow-neu-inset: inset 3px 3px 6px rgba(163, 177, 198, .6), inset -3px -3px 6px rgba(255, 255, 255, .8);--panel-border-width: 0;--panel-radius: var(--radius-xl);--panel-shadow: var(--shadow-neu);--button-border-width: 0;--button-radius: var(--radius-lg);--button-shadow: var(--shadow-neu-sm);--button-shadow-hover: var(--shadow-neu);--input-border-width: 0;--input-radius: var(--radius-lg);--input-shadow: var(--shadow-neu-inset);--input-shadow-focus: var(--shadow-neu-inset), 0 0 0 2px var(--primary-color);--modal-radius: var(--radius-2xl);--modal-shadow: var(--shadow-neu), 0 20px 40px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px}[data-theme=neumorphism] .btn:active:not(:disabled){box-shadow:var(--shadow-neu-inset)!important}[data-theme=neumorphism] #topbar{background:var(--bg-color);border-bottom-color:transparent;box-shadow:var(--shadow-neu-sm)}[data-theme=neo-memphis]{--bg-color: #fff8e7;--panel-bg: #ffffff;--text-color: #1a1a1a;--text-muted: #4a4a4a;--border-color: #1a1a1a;--border-light: #1a1a1a;--border-strong: #1a1a1a;--primary-color: #ff6b6b;--primary-hover: #ee5a5a;--success-color: #4ecdc4;--warning-color: #ffe66d;--speaker-0: #ff6b6b;--speaker-1: #4ecdc4;--speaker-2: #ffe66d;--speaker-3: #95e1d3;--speaker-4: #a29bfe;--speaker-5: #fd79a8;--shadow-sm: 2px 2px 0 #1a1a1a;--shadow-md: 3px 3px 0 #1a1a1a;--shadow-lg: 4px 4px 0 #1a1a1a;--shadow-xl: 6px 6px 0 #1a1a1a;--button-secondary-bg: #ffffff;--button-secondary-border: #1a1a1a;--button-secondary-hover-bg: #fff8e7;--panel-border-width: 2px;--panel-border-color: #1a1a1a;--panel-radius: var(--radius-lg);--panel-shadow: var(--shadow-md);--button-border-width: 2px;--button-radius: var(--radius-md);--button-shadow: var(--shadow-sm);--button-shadow-hover: var(--shadow-md);--input-border-width: 2px;--input-radius: var(--radius-sm);--input-shadow: none;--input-shadow-focus: var(--shadow-sm);--modal-radius: var(--radius-lg);--modal-shadow: var(--shadow-xl);--font-weight-normal: 500;--font-weight-medium: 600}[data-theme=neo-memphis] .btn:active:not(:disabled){transform:translate(2px,2px)!important;box-shadow:none!important}[data-theme=neo-memphis] #topbar{background:var(--panel-bg);border-bottom:2px solid #1a1a1a}[data-theme=neo-memphis] body{background-image:radial-gradient(#1a1a1a 1px,transparent 1px);background-size:20px 20px;background-color:var(--bg-color)}[data-theme=neobrutalist]{--bg-color: #ffffff;--panel-bg: #ffffff;--text-color: #000000;--text-muted: #333333;--border-color: #000000;--border-light: #000000;--border-strong: #000000;--primary-color: #0000ff;--primary-hover: #0000cc;--primary-bg: rgba(0, 0, 255, .1);--shadow-sm: 3px 3px 0 #000000;--shadow-md: 4px 4px 0 #000000;--shadow-lg: 6px 6px 0 #000000;--shadow-xl: 8px 8px 0 #000000;--radius-xs: 0;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-2xl: 0;--button-secondary-bg: #ffffff;--button-secondary-border: #000000;--button-secondary-hover-bg: #f0f0f0;--panel-border-width: 3px;--panel-border-color: #000000;--panel-radius: 0;--panel-shadow: var(--shadow-md);--button-border-width: 2px;--button-radius: 0;--button-shadow: var(--shadow-sm);--button-shadow-hover: var(--shadow-md);--input-border-width: 2px;--input-radius: 0;--input-shadow: none;--input-shadow-focus: var(--shadow-sm);--modal-radius: 0;--modal-shadow: var(--shadow-xl);--font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-weight-normal: 500;--font-weight-medium: 700;--font-weight-semibold: 800;--font-weight-bold: 900}[data-theme=neobrutalist] .btn:active:not(:disabled){transform:translate(3px,3px)!important;box-shadow:none!important}[data-theme=neobrutalist] .btn.primary{background:#000;color:#fff;border-color:#000}[data-theme=neobrutalist] .btn.primary:hover:not(:disabled){background:var(--primary-color);border-color:#000}[data-theme=neobrutalist] #topbar{background:var(--panel-bg);border-bottom:3px solid #000000}[data-theme=neobrutalist] .modal-overlay{backdrop-filter:none;background:#ffffffe6}[data-theme=glassmorphism]{--bg-color: #dfe6ed;--panel-bg: rgba(255, 255, 255, .2);--text-color: #1e293b;--text-muted: #475569;--border-color: rgba(255, 255, 255, .25);--border-light: rgba(255, 255, 255, .15);--border-strong: rgba(255, 255, 255, .35);--primary-color: #6366f1;--primary-hover: #4f46e5;--primary-bg: rgba(99, 102, 241, .15);--primary-border: rgba(99, 102, 241, .3);--gray-100: rgba(255, 255, 255, .15);--gray-200: rgba(255, 255, 255, .25);--gray-300: rgba(255, 255, 255, .35);--shadow-sm: 0 2px 8px rgba(31, 38, 135, .08);--shadow-md: 0 4px 16px rgba(31, 38, 135, .1);--shadow-lg: 0 8px 32px rgba(31, 38, 135, .12);--shadow-xl: 0 12px 48px rgba(31, 38, 135, .15);--panel-border-width: 1px;--panel-border-color: rgba(255, 255, 255, .25);--panel-radius: var(--radius-xl);--panel-shadow: var(--shadow-lg);--button-border-width: 1px;--button-radius: var(--radius-lg);--button-shadow: var(--shadow-sm);--button-shadow-hover: var(--shadow-md);--button-secondary-bg: rgba(255, 255, 255, .25);--button-secondary-border: rgba(255, 255, 255, .3);--button-secondary-hover-bg: rgba(255, 255, 255, .4);--input-border-width: 1px;--input-radius: var(--radius-lg);--input-shadow: inset 0 2px 4px rgba(0, 0, 0, .04);--input-shadow-focus: 0 0 0 3px rgba(99, 102, 241, .25);--modal-radius: var(--radius-2xl);--modal-shadow: 0 24px 64px rgba(31, 38, 135, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px}[data-theme=glassmorphism] body{background:linear-gradient(135deg,#c3cfe2,#dfe6ed,#cfd9e8);background-attachment:fixed}[data-theme=glassmorphism] .sidebar-panel,[data-theme=glassmorphism] .modal-content{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 32px #1f26871a,inset 0 1px 1px #fff6;transform:translateZ(0)}[data-theme=glassmorphism] .recordings-dropdown-menu,[data-theme=glassmorphism] .audio-inputs-dropdown-menu,[data-theme=glassmorphism] .theme-dropdown-menu{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff26;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f268726,inset 0 1px 1px #fff6;transform:translateZ(0)}[data-theme=glassmorphism] #topbar{background:#ffffffb3;border-bottom:1px solid rgba(255,255,255,.25);box-shadow:0 4px 16px #1f268714,inset 0 1px 1px #ffffff80}[data-theme=glassmorphism] .workspace{background:#fff6}[data-theme=glassmorphism] #statusbar{background:#ffffff4d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px 1px #ffffff80}[data-theme=glassmorphism] .btn.secondary{background:#ffffff4d;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #1f268714,inset 0 1px 1px #fff6}[data-theme=glassmorphism] .btn.secondary:hover:not(:disabled){background:#ffffff73}[data-theme=glassmorphism] .btn.primary{background:#6366f1d9;border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 16px #6366f14d,inset 0 1px 1px #ffffff4d}[data-theme=glassmorphism] .btn.primary:hover:not(:disabled){background:#4f46e5e6}[data-theme=glassmorphism] .settings-select{background:#ffffff4d;border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 2px 4px #1f26870d}[data-theme=glassmorphism] .modal-overlay{background:#64748b4d}[data-theme=glassmorphism] .job-navigation-bar{background:#fff3;border-bottom:1px solid rgba(255,255,255,.2);box-shadow:inset 0 -1px 1px #ffffff4d}[data-theme=glassmorphism] .job-dropdown-menu{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff26;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f268726,inset 0 1px 1px #fff6}[data-theme=glassmorphism] .workspace-divider{background:#fff6;box-shadow:0 1px 2px #1f268714,inset 0 1px #fff9}[data-theme=glassmorphism] .workspace-divider:hover{background:#fff9}[data-theme=glassmorphism] .settings-tabs{background:#ffffff26;border-bottom:1px solid rgba(255,255,255,.2);padding:var(--space-xs);gap:var(--space-xs)}[data-theme=glassmorphism] .settings-tab{border-radius:var(--radius-md);border-bottom:none;background:transparent}[data-theme=glassmorphism] .settings-tab:hover{background:#ffffff40}[data-theme=glassmorphism] .settings-tab.active{background:#fff6;border-bottom:none;box-shadow:0 2px 8px #1f268714,inset 0 1px 1px #ffffff80}[data-theme=glassmorphism] .panel-header{background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.15)}[data-theme=glassmorphism] .panel-header:hover{background:#fff3}[data-theme=glassmorphism] .panel-header-inline{background:#ffffff26;border-bottom:1px solid rgba(255,255,255,.2);box-shadow:inset 0 -1px 1px #fff3}[data-theme=glassmorphism] .tuning-row input[type=range]::-webkit-slider-runnable-track{background:#ffffff4d;box-shadow:inset 0 1px 2px #1f26871a}[data-theme=glassmorphism] .tuning-row input[type=range]::-moz-range-track{background:#ffffff4d;box-shadow:inset 0 1px 2px #1f26871a}[data-theme=glassmorphism] .tuning-row input[type=range]::-webkit-slider-thumb{background:#ffffffe6;border:1px solid rgba(255,255,255,.5);box-shadow:0 2px 8px #1f268726,inset 0 1px 1px #fffc}[data-theme=glassmorphism] .tuning-row input[type=range]::-moz-range-thumb{background:#ffffffe6;border:1px solid rgba(255,255,255,.5);box-shadow:0 2px 8px #1f268726,inset 0 1px 1px #fffc}[data-theme=glassmorphism] .model-status-popover,[data-theme=glassmorphism] .debug-status-popover{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff26;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f268726,inset 0 1px 1px #fff6}[data-theme=glassmorphism] .transcript-segment{background:#ffffff26;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 1px #ffffff4d}[data-theme=glassmorphism] .transcript-segment:hover{background:#ffffff40}app-tooltip{display:inline-flex;align-items:center;cursor:help}app-tooltip [slot=content]{display:none}.tooltip-portal{position:fixed;padding:var(--space-sm) var(--space-md);background-color:var(--gray-900);color:#fff;font-size:var(--text-sm);font-weight:var(--font-weight-normal);line-height:1.4;border-radius:var(--radius-md);white-space:normal;width:max-content;max-width:220px;text-align:left;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:9999;pointer-events:none}.tooltip-portal.visible{opacity:1;visibility:visible}.tooltip-portal:after{content:"";position:absolute;border:5px solid transparent}.tooltip-portal[data-position=up]:after,.tooltip-portal[data-position=up-left]:after,.tooltip-portal[data-position=up-right]:after{top:100%;border-top-color:var(--gray-900);border-bottom:none}.tooltip-portal[data-position=up]:after{left:50%;transform:translate(-50%)}.tooltip-portal[data-position=up-left]:after{right:.5rem;left:auto}.tooltip-portal[data-position=up-right]:after{left:.5rem}.tooltip-portal[data-position=down]:after,.tooltip-portal[data-position=down-left]:after,.tooltip-portal[data-position=down-right]:after{bottom:100%;border-bottom-color:var(--gray-900);border-top:none}.tooltip-portal[data-position=down]:after{left:50%;transform:translate(-50%)}.tooltip-portal[data-position=down-left]:after{right:.5rem;left:auto}.tooltip-portal[data-position=down-right]:after{left:.5rem}.tooltip-portal[data-position=left]:after{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--gray-900);border-right:none}.tooltip-portal[data-position=right]:after{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--gray-900);border-left:none}[data-theme=glassmorphism] .tooltip-portal{background:#1e293b99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #1f268733,inset 0 1px 1px #ffffff1a}[data-theme=glassmorphism] .tooltip-portal[data-position=up]:after,[data-theme=glassmorphism] .tooltip-portal[data-position=up-left]:after,[data-theme=glassmorphism] .tooltip-portal[data-position=up-right]:after{border-top-color:#1e293b99}[data-theme=glassmorphism] .tooltip-portal[data-position=down]:after,[data-theme=glassmorphism] .tooltip-portal[data-position=down-left]:after,[data-theme=glassmorphism] .tooltip-portal[data-position=down-right]:after{border-bottom-color:#1e293b99}[data-theme=glassmorphism] .tooltip-portal[data-position=left]:after{border-left-color:#1e293b99}[data-theme=glassmorphism] .tooltip-portal[data-position=right]:after{border-right-color:#1e293b99}