*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0d1117;--color-surface: #161b27;--color-surface-raised: #1e2535;--color-border: #2a3347;--color-purple: #7c3aed;--color-purple-light: #a78bfa;--color-purple-glow: rgba(124, 58, 237, .15);--color-text: #e2e8f0;--color-text-muted: #8892a4;--color-text-faint: #4a5568;--font-sans: "Outfit", system-ui, sans-serif;--font-display: "Syne", system-ui, sans-serif;--font-mono: "DM Mono", "Fira Code", monospace;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0, 0, 0, .4);--navbar-height: 56px;--sidebar-width: 260px}html,body{height:100%;overflow-x:hidden}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-purple-light);text-decoration:none}a:hover{text-decoration:underline}#root{height:100%}.app{display:flex;flex-direction:column;height:100%;min-height:100vh;min-width:0;width:100%}.navbar{height:var(--navbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100;flex-shrink:0}.navbar-brand{display:flex;align-items:center;gap:10px}.navbar-logo{color:var(--color-purple);font-size:20px;line-height:1}.navbar-name{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--color-text);letter-spacing:-.5px}.navbar-links{display:flex;gap:4px}.navbar-link{font-size:14px;font-weight:500;color:var(--color-text-muted);padding:6px 12px;border-radius:var(--radius);transition:background .15s,color .15s}.navbar-link:hover{background:var(--color-surface-raised);color:var(--color-text);text-decoration:none}.navbar-session{align-items:center;color:var(--color-text-muted);display:flex;font-size:13px;gap:10px;min-width:0}.navbar-session span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-body{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden}.mobile-history-toggle,.mobile-history-backdrop,.mobile-history-drawer{display:none}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;padding:20px 16px;gap:16px}.sidebar-title{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint)}.sidebar-empty{font-size:13px;color:var(--color-text-faint);text-align:center;margin-top:12px;font-style:italic}.sidebar-state{background:#ef444414;border:1px solid rgba(239,68,68,.28);border-radius:var(--radius);color:#fca5a5;display:flex;flex-direction:column;font-size:13px;gap:10px;padding:12px}.drive-status{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:4px;min-height:58px;padding:10px 12px}.drive-status-row{align-items:center;display:flex;gap:8px;min-width:0}.drive-status-dot{border-radius:50%;flex:0 0 auto;height:8px;width:8px}.drive-status--connected .drive-status-dot{background:#22c55e}.drive-status--disconnected .drive-status-dot{background:#94a3b8}.drive-status--failing .drive-status-dot{background:#ef4444}.drive-status--loading .drive-status-dot{background:#94a3b8}.drive-status-label{color:var(--color-text);font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-status-detail{color:var(--color-text-muted);font-size:12px;line-height:1.35;overflow-wrap:anywhere}.notification-settings{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:12px;padding-top:16px}.notification-provider{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:10px;padding:12px}.notification-provider-header,.notification-actions{align-items:center;display:flex;gap:8px;justify-content:space-between}.notification-provider h3{color:var(--color-text);font-size:13px;font-weight:700}.notification-health{color:#4ade80;font-size:11px;font-weight:700;text-transform:uppercase}.notification-health.unhealthy,.notification-unhealthy{color:#f87171}.notification-field{display:flex;flex-direction:column;gap:6px}.notification-field span,.notification-events label{color:var(--color-text-muted);font-size:12px}.notification-events{display:flex;flex-direction:column;gap:6px}.notification-events label{align-items:center;display:flex;gap:8px}.notification-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius);color:#4ade80;font-size:13px;padding:8px 12px}.notification-unhealthy{font-size:12px}.main-content{flex:1;overflow-y:auto;display:flex;align-items:center;justify-content:center;min-width:0;padding:40px 24px}.admin-console{align-self:stretch;display:flex;flex-direction:column;gap:18px;max-width:1120px;width:100%}.admin-header,.admin-section-header,.admin-job-main,.admin-job-actions,.admin-links,.admin-health-list li{align-items:center;display:flex;gap:12px}.admin-header,.admin-section-header{justify-content:space-between}.admin-header h1{color:var(--color-text);font-family:var(--font-display);font-size:28px;font-weight:800}.admin-header time,.admin-section-header span,.admin-worker-summary,.admin-job-error{color:var(--color-text-muted);font-size:13px}.admin-health{border-radius:4px;font-size:11px;font-weight:700;padding:3px 7px;text-transform:uppercase}.admin-health--ok{background:#22c55e26;color:#4ade80}.admin-health--degraded{background:#eab30829;color:#fbbf24}.admin-metrics{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.admin-metrics div,.admin-retention,.admin-sections section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.admin-metrics div{display:flex;flex-direction:column;gap:2px;min-height:78px;padding:14px}.admin-metrics strong{color:var(--color-text);font-family:var(--font-display);font-size:26px;line-height:1.1}.admin-metrics span{color:var(--color-text-muted);font-size:12px;text-transform:uppercase}.admin-sections{display:grid;gap:14px;grid-template-columns:minmax(0,1.3fr) minmax(260px,.9fr)}.admin-sections section{display:flex;flex-direction:column;gap:12px;padding:16px}.admin-sections section:first-child{grid-row:span 2}.admin-sections h2{color:var(--color-text);font-size:15px;font-weight:700}.admin-retention{display:flex;flex-direction:column;gap:14px;padding:16px}.admin-retention-form{display:flex;flex-direction:column;gap:12px}.admin-retention-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.admin-retention-field{display:flex;flex-direction:column;gap:6px}.admin-retention-field span,.admin-retention-capabilities dt,.admin-retention-actions span{color:var(--color-text-muted);font-size:12px}.admin-retention-field input,.admin-retention-field textarea{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-family:var(--font-sans);font-size:14px;min-height:36px;padding:8px 10px;width:100%}.admin-retention-field textarea{min-height:88px;resize:vertical}.admin-retention-actions,.admin-retention-capabilities{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.admin-retention-actions .btn-primary{border:0;cursor:pointer}.admin-retention-actions .btn-primary:disabled{cursor:not-allowed;opacity:.55}.admin-retention-capabilities{border-top:1px solid var(--color-border);padding-top:12px}.admin-retention-capabilities div{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:4px;display:flex;flex-direction:column;gap:2px;min-width:150px;padding:8px 10px}.admin-retention-capabilities dd{color:var(--color-text);font-size:13px;font-weight:700}.admin-job-list,.admin-health-list{display:flex;flex-direction:column;gap:8px;list-style:none}.admin-job-row{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:8px;padding:12px}.admin-job-main,.admin-health-list li{justify-content:space-between}.admin-job-error{overflow-wrap:anywhere}.admin-confirm{align-items:center;border-top:1px solid var(--color-border);color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:8px;padding-top:8px}.admin-table{border-collapse:collapse;font-size:13px;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid var(--color-border);padding:8px 6px;text-align:left}.admin-table th{color:var(--color-text-muted);font-size:11px;text-transform:uppercase}.admin-links a{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:4px;font-size:13px;padding:6px 10px}.admin-key-form{display:grid;gap:10px}.admin-key-form label{color:var(--color-text-muted);display:grid;font-size:12px;gap:6px}.admin-key-form input:not([type=checkbox]){background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);min-height:36px;padding:8px 10px}.admin-scope-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.admin-scope-grid label{align-items:center;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:4px;display:flex;flex-direction:row;gap:8px;padding:8px}.admin-token{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-family:var(--font-mono);font-size:12px;overflow-wrap:anywhere;padding:10px}.upload-placeholder{text-align:center;padding:64px 32px;border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);max-width:520px;width:100%;transition:border-color .2s,background .2s}.upload-placeholder:hover{border-color:var(--color-purple);background:var(--color-purple-glow)}.upload-hint{color:var(--color-text-muted);font-size:15px}.login-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:14px;max-width:360px;padding:24px;width:100%}.login-panel h1{color:var(--color-text);font-family:var(--font-display);font-size:24px;font-weight:800}.login-panel label{color:var(--color-text-muted);display:flex;flex-direction:column;font-size:13px;gap:6px}.login-panel input{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font:inherit;padding:10px 12px}.job-list{list-style:none;display:flex;flex-direction:column;gap:8px}.job-load-more{width:100%}.job-row{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:6px;padding:10px 12px}.job-row--selected{border-color:var(--color-purple);box-shadow:inset 0 0 0 1px var(--color-purple)}.job-row-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.job-filename{color:var(--color-text);font-size:12px;font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.job-time{color:var(--color-text-faint);font-size:11px}.job-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.job-source{border:1px solid rgba(148,163,184,.22);border-radius:4px;color:var(--color-text-muted);display:inline-flex;font-size:11px;font-weight:600;line-height:1.2;padding:3px 6px}.archive-filter{align-items:center;color:var(--color-text-muted);display:flex;font-size:12px;gap:8px}.job-history-controls{display:flex;flex-direction:column;gap:10px}.job-search,.job-filter-grid label{color:var(--color-text-muted);display:flex;flex-direction:column;font-size:11px;font-weight:700;gap:4px;text-transform:uppercase}.job-search input,.job-filter-grid select{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-family:var(--font-sans);font-size:13px;min-height:34px;padding:7px 9px;text-transform:none;width:100%}.job-search input:focus,.job-filter-grid select:focus{border-color:var(--color-purple);outline:none}.job-filter-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.job-error{color:#fca5a5;font-size:12px;overflow-wrap:anywhere}.job-stage,.job-drive-status,.job-usage-impact{color:var(--color-text-muted);font-size:12px}.job-completion{display:flex;flex-direction:column;gap:6px}.job-downloads{display:flex;flex-wrap:wrap;gap:8px}.job-queue-actions{display:flex;gap:8px}.batch-summary-list{display:flex;flex-direction:column;gap:8px}.batch-summary{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:6px;padding:10px 12px}.batch-summary-title{color:var(--color-text);font-size:12px;font-weight:700;overflow-wrap:anywhere}.batch-summary-counts{color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:6px 10px}.job-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 6px;text-transform:uppercase;white-space:nowrap}.job-badge--pending{background:#64748b33;color:#94a3b8}.job-badge--downloading,.job-badge--processing{background:#3b82f626;color:#60a5fa}.job-badge--completed{background:#22c55e26;color:#4ade80}.job-badge--failed{background:#ef444426;color:#f87171}.job-badge--deleted{background:#94a3b81f;color:#cbd5e1}.job-badge--quarantined{background:#f59e0b26;color:#fbbf24}.job-badge--canceled{background:#94a3b81f;color:#cbd5e1}.transcript-status{align-self:flex-start;border:1px solid rgba(148,163,184,.22);border-radius:4px;color:#cbd5e1;display:inline-flex;font-size:11px;font-weight:600;line-height:1.2;padding:3px 6px;white-space:nowrap}.transcript-status--draft{color:#cbd5e1}.transcript-status--needs_review{color:#fbbf24;border-color:#fbbf2459}.transcript-status--reviewed{color:#60a5fa;border-color:#60a5fa59}.transcript-status--approved{color:#4ade80;border-color:#4ade8059}.transcript-status--archived{color:#94a3b8;border-color:#94a3b859}.job-delete-button{align-self:flex-start;background:transparent;border:1px solid rgba(248,113,113,.5);border-radius:4px;color:#fca5a5;cursor:pointer;font-size:11px;padding:4px 8px}.job-delete-confirm{border-top:1px solid var(--color-border);color:var(--color-text-muted);display:flex;flex-direction:column;font-size:12px;gap:6px;padding-top:8px}.job-delete-actions{display:flex;gap:8px}.btn-danger{background:#dc2626;border:1px solid #ef4444;border-radius:4px;color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:12px;font-weight:600;padding:6px 10px}.btn-compact{font-size:12px;padding:6px 10px}.spinner{animation:spin .8s linear infinite;border:2px solid rgba(96,165,250,.3);border-top-color:#60a5fa;border-radius:50%;display:inline-block;height:10px;width:10px}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{background:var(--color-border);border-radius:99px;height:4px;overflow:hidden}.progress-fill{background:var(--color-purple);border-radius:99px;height:100%;transition:width .4s ease}.upload-progress{color:var(--color-text-muted);display:flex;flex-direction:column;font-size:12px;gap:6px}.upload-zone{width:100%;max-width:560px;display:flex;flex-direction:column;gap:16px}.upload-tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-border);padding-bottom:0}.upload-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:14px;font-weight:500;padding:8px 16px;margin-bottom:-1px;transition:color .15s,border-color .15s}.upload-tab.active,.upload-tab[aria-selected=true]{color:var(--color-purple-light);border-bottom-color:var(--color-purple)}.upload-tab:hover:not(.active){color:var(--color-text)}.drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;padding:32px 24px;text-align:center;transition:border-color .2s,background .2s}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--color-purple);background:var(--color-purple-glow)}.drop-zone-primary{color:var(--color-text);font-size:15px;font-weight:500}.drop-zone-secondary{color:var(--color-text-muted);font-size:13px}.drop-zone-filename{color:var(--color-purple-light);font-family:var(--font-mono);font-size:14px;word-break:break-all}.selected-files{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto;width:100%}.file-input-hidden{display:none}.url-panel{display:flex;flex-direction:column;gap:8px}.url-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-sans);font-size:14px;padding:10px 14px;outline:none;transition:border-color .15s;width:100%}.url-input:focus{border-color:var(--color-purple)}.url-input::placeholder{color:var(--color-text-faint)}.upload-warning{background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:var(--radius);color:#fbbf24;font-size:13px;padding:8px 12px}.upload-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius);color:#f87171;font-size:13px;padding:8px 12px}.transcript-header{display:flex;flex-direction:column;gap:12px}.transcript-filename{color:var(--color-text);font-size:24px;font-weight:800;overflow-wrap:anywhere}.transcript-meta,.transcript-actions,.format-selector{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.btn-format,.btn-download,.btn-copy{border:1px solid var(--color-border);border-radius:6px;cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:700;min-height:34px;padding:7px 12px}.btn-format{background:var(--color-surface);color:var(--color-text-muted)}.btn-format--active{border-color:var(--color-purple);color:var(--color-purple-light)}.btn-download{background:var(--color-purple);color:#fff}.btn-copy{background:var(--color-surface-raised);color:var(--color-text)}.template-selector{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));width:100%}.template-option{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:78px;padding:10px 12px;text-align:left}.template-option--active{border-color:var(--color-purple);box-shadow:inset 0 0 0 1px var(--color-purple)}.template-option:disabled{cursor:not-allowed;opacity:.65}.template-option-label{font-size:13px;font-weight:800}.template-option-description{color:var(--color-text-muted);font-size:12px;line-height:1.35}.export-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px}.export-preview pre,.export-preview p{color:var(--color-text);font-family:var(--font-mono);font-size:12px;line-height:1.5;margin:0;overflow-x:auto;white-space:pre-wrap}.transcript-segments{display:flex;flex-direction:column;gap:10px;list-style:none}.transcript-segment{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);display:grid;gap:12px;grid-template-columns:64px 1fr;padding:12px 14px}.segment-timestamp{color:var(--color-text-faint);font-family:var(--font-mono);font-size:12px}.segment-text{color:var(--color-text);font-size:14px;line-height:1.55}.batch-upload-result{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius);color:var(--color-text);display:flex;flex-direction:column;font-size:13px;gap:6px;padding:8px 12px}.batch-upload-failure{color:#fca5a5;overflow-wrap:anywhere}.btn-transcribe{background:var(--color-purple);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:15px;font-weight:600;padding:12px 24px;transition:background .15s,opacity .15s}.btn-transcribe:hover:not(:disabled){background:#6d28d9}.btn-transcribe:disabled{cursor:not-allowed;opacity:.4}.btn-secondary{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;font-family:var(--font-sans);font-size:14px;margin-top:12px;padding:8px 16px;transition:background .15s}.btn-secondary:hover{background:var(--color-border)}.job-created{text-align:center}.transcript-viewer{display:flex;flex-direction:column;gap:18px;max-width:920px;width:100%}.transcript-header,.speaker-review,.transcript-segment{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.transcript-header{display:flex;flex-direction:column;gap:12px;padding:18px}.transcript-filename{color:var(--color-text);font-size:22px;line-height:1.2;overflow-wrap:anywhere}.transcript-meta,.transcript-actions,.speaker-row,.speaker-merge{align-items:center;display:flex;gap:10px}.transcript-meta{color:var(--color-text-muted);font-size:13px}.autosave-status{border-radius:4px;font-size:12px;font-weight:700;padding:3px 8px;width:fit-content}.autosave-status--saved{background:#22c55e1f;color:#4ade80}.autosave-status--saving{background:#60a5fa1f;color:#60a5fa}.autosave-status--failed,.autosave-status--conflict{background:#ef44441f;color:#f87171}.transcript-actions{flex-wrap:wrap}.format-selector{display:flex;gap:4px}.btn-format,.btn-download,.btn-copy,.btn-merge{border-radius:var(--radius);cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:700;min-height:34px;padding:7px 12px}.btn-format,.btn-merge{background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-muted)}.btn-format--active,.btn-format:hover,.btn-merge:hover:not(:disabled){border-color:var(--color-purple-light);color:var(--color-text)}.btn-download,.btn-copy{background:var(--color-purple);border:1px solid var(--color-purple);color:#fff}.btn-merge:disabled{cursor:not-allowed;opacity:.45}.speaker-review{display:flex;flex-direction:column;gap:12px;padding:14px}.ai-analysis{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:12px;padding:14px}.ai-analysis-header,.ai-analysis-actions,.ai-category-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.ai-analysis h3{color:var(--color-text);font-size:15px;font-weight:800}.ai-analysis-actions span{color:var(--color-text-muted);font-family:var(--font-mono);font-size:12px}.ai-summary,.ai-list,.ai-action-item span{color:var(--color-text);font-size:14px;line-height:1.5}.ai-list{display:grid;gap:6px;list-style-position:inside}.ai-action-items{display:grid;gap:8px}.ai-action-item{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:9px 10px}.ai-action-item small{color:var(--color-text-muted);font-size:12px}.ai-topics{display:flex;flex-wrap:wrap;gap:6px}.ai-topics span{background:#22c55e1f;border:1px solid rgba(34,197,94,.25);border-radius:999px;color:#86efac;font-size:12px;font-weight:700;padding:4px 8px}.ai-category-row{justify-content:flex-start}.ai-category-row label{align-items:center;display:flex;flex:1;gap:10px;min-width:240px}.ai-category-row label span{color:var(--color-text-muted);font-size:13px;font-weight:700}.ai-category-row input{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-sans);font-size:14px;min-height:34px;min-width:0;padding:7px 10px;width:100%}.diarization-notice{color:var(--color-text-muted);font-size:13px}.transcript-search{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(220px,1fr) auto auto auto}.transcript-search label{align-items:center;display:flex;gap:10px}.transcript-search label span,.search-count{color:var(--color-text-muted);font-size:13px;white-space:nowrap}.transcript-search input{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-sans);font-size:14px;min-height:36px;padding:8px 10px;width:100%}.speaker-list,.transcript-segments,.version-list{display:flex;flex-direction:column;gap:10px;list-style:none}.speaker-row{justify-content:space-between}.speaker-row label{align-items:center;display:flex;flex:1;gap:10px;min-width:220px}.speaker-row label span{color:var(--color-text-muted);flex:0 0 80px;font-family:var(--font-mono);font-size:12px}.speaker-name-input,.speaker-merge select,.segment-speaker-select{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-sans);font-size:14px;min-height:34px;padding:7px 10px}.speaker-name-input{width:100%}.speaker-merge select,.segment-speaker-select{cursor:pointer}.transcript-segment{display:grid;gap:10px;grid-template-columns:64px minmax(140px,180px) 1fr;padding:14px}.transcript-segment--match{border-color:#60a5fa80}.transcript-segment--active-match{background:#60a5fa1a}.segment-timestamp{color:var(--color-text-muted);font-family:var(--font-mono);font-size:13px;padding-top:7px}.segment-text{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-sans);font-size:14px;line-height:1.55;min-height:48px;outline:none;overflow-wrap:anywhere;padding:10px 12px;resize:vertical;width:100%}.segment-text:focus{border-color:var(--color-purple-light)}.version-history{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:10px;padding-top:16px}.version-history h3{color:var(--color-text);font-size:15px;font-weight:800}.version-row{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.version-summary{color:var(--color-text);font-size:13px;font-weight:700}.version-meta{color:var(--color-text-muted);font-size:12px}.transcript-loading,.transcript-error{color:var(--color-text-muted)}.transcript-error{color:#f87171}@media(min-width:768px)and (max-width:900px){:root{--sidebar-width: 236px}.sidebar{padding:16px 12px}.main-content{align-items:stretch;justify-content:flex-start;padding:24px 18px}.job-filter-grid,.admin-metrics,.admin-sections{grid-template-columns:1fr}.admin-sections section:first-child{grid-row:auto}.transcript-search{align-items:stretch;grid-template-columns:1fr 1fr}.transcript-search label{align-items:stretch;flex-direction:column;grid-column:1 / -1}.transcript-segment{grid-template-columns:1fr}}@media(max-width:767px){.app{min-height:100dvh}.navbar{gap:12px;height:auto;min-height:var(--navbar-height);padding:6px 14px}.navbar-brand,.navbar-links{min-width:0}.navbar-links{flex-wrap:wrap;justify-content:flex-end}.navbar-link{align-items:center;display:inline-flex;min-height:44px;padding:0 10px}.mobile-history-toggle{align-items:center;align-self:stretch;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:14px;font-weight:700;justify-content:center;margin:12px 16px 0;min-height:44px;padding:0 14px}.mobile-history-toggle[aria-expanded=true]{border-color:var(--color-purple-light);color:var(--color-purple-light)}.app-body{overflow:visible}.main-content{align-items:stretch;justify-content:flex-start;overflow-x:hidden;padding:18px 16px 24px}.mobile-history-backdrop{background:#0d1117b8;border:0;cursor:pointer;display:block;top:0;right:0;bottom:0;left:0;padding:0;position:fixed;z-index:190}.mobile-history-drawer{background:var(--color-surface);box-shadow:16px 0 36px #0000006b;display:flex;flex-direction:column;inset:0 auto 0 0;max-width:100vw;position:fixed;width:min(344px,calc(100vw - 32px));z-index:200}.mobile-history-drawer-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;justify-content:flex-end;padding:10px 12px}.mobile-history-close{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:700;min-height:44px;padding:0 14px}.mobile-history-drawer .sidebar{border-bottom:0;border-right:0;flex:1;max-height:none;min-height:0;padding:16px;width:100%}.upload-zone{max-width:none}.drop-zone{min-height:156px;padding:24px 16px}.btn-transcribe,.btn-secondary,.btn-format,.btn-download,.btn-copy,.btn-merge,.upload-tab,.job-delete-button,.btn-danger,.btn-compact,.job-search input,.job-filter-grid select,.url-input,.speaker-name-input,.speaker-merge select,.segment-speaker-select,.transcript-search input{min-height:44px}.job-filter-grid{grid-template-columns:1fr}.job-row-header,.job-queue-actions,.job-delete-actions,.transcript-actions,.format-selector,.version-row{align-items:stretch;flex-wrap:wrap}.job-queue-actions,.job-delete-actions{flex-direction:column}.job-queue-actions .btn-secondary,.job-delete-actions .btn-secondary,.job-delete-actions .btn-danger,.job-downloads a{justify-content:center;text-align:center;width:100%}.template-selector{grid-template-columns:1fr}.speaker-row,.speaker-row label,.speaker-merge,.ai-category-row label{align-items:stretch;flex-direction:column}.speaker-row label,.ai-category-row label{min-width:0}.speaker-row label span{flex-basis:auto}.speaker-merge select,.speaker-merge .btn-merge{width:100%}.transcript-search{align-items:stretch;grid-template-columns:1fr}.transcript-search label{align-items:stretch;flex-direction:column}.transcript-segment{grid-template-columns:1fr}}.landing{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:60px;border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg);z-index:10}.landing-logo{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--color-purple-light);letter-spacing:-.5px}.btn-primary{background:var(--color-purple);border-radius:var(--radius);color:#fff;font-size:14px;font-weight:600;padding:8px 18px;transition:background .15s;display:inline-block}.btn-primary:hover{background:#6d28d9;text-decoration:none}.btn-cta{background:var(--color-purple);border-radius:var(--radius);color:#fff;font-size:17px;font-weight:700;padding:14px 36px;transition:background .15s,transform .15s;display:inline-block}.btn-cta:hover{background:#6d28d9;text-decoration:none;transform:translateY(-1px)}.landing-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:96px 24px 80px;gap:24px}.landing-hero h1{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4rem);font-weight:900;line-height:1.1;letter-spacing:-1px;color:var(--color-text)}.landing-hero h1 em{font-style:normal;color:var(--color-purple-light)}.hero-sub{max-width:560px;color:var(--color-text-muted);font-size:18px;line-height:1.7}.landing-features{padding:64px 32px;max-width:1100px;margin:0 auto;width:100%}.landing-features h2,.landing-pricing h2{font-family:var(--font-display);font-size:1.8rem;font-weight:800;text-align:center;margin-bottom:40px;color:var(--color-text)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:10px}.feature-icon{font-size:28px}.feature-card h3{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-text)}.feature-card p{font-size:14px;color:var(--color-text-muted);line-height:1.6}.landing-pricing{padding:64px 32px;max-width:860px;margin:0 auto;width:100%}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px 28px;display:flex;flex-direction:column;gap:20px}.pricing-card--highlight{border-color:var(--color-purple);box-shadow:0 0 0 1px var(--color-purple)}.pricing-card h3{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--color-text)}.pricing-price{display:flex;align-items:baseline;gap:4px}.price-amount{font-family:var(--font-display);font-size:2.4rem;font-weight:900;color:var(--color-text)}.price-period{color:var(--color-text-faint);font-size:14px}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:8px;flex:1}.pricing-features li{font-size:14px;color:var(--color-text-muted);padding-left:18px;position:relative}.pricing-features li:before{content:"✓";color:var(--color-purple-light);position:absolute;left:0;font-size:12px}.landing-footer{margin-top:auto;padding:24px 32px;border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-faint);font-size:13px}@media(max-width:640px){.landing-hero{padding:64px 20px 56px}.landing-features,.landing-pricing{padding:48px 20px}.landing-nav{padding:0 20px}.admin-metrics,.admin-retention-grid,.admin-sections{grid-template-columns:1fr}.admin-sections section:first-child{grid-row:auto}.admin-header,.admin-job-actions{align-items:flex-start;flex-direction:column}}