@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";:root{--surface:#f9f9f9;--surface-container:#ebeeef;--surface-lowest:#fff;--on-surface:#2d3435;--on-surface-variant:#5a6061;--outline-variant:#adb3b426;--primary:#5f5e5e;--primary-dim:#535252;--on-primary:#fff;--tertiary:#1c6d25;--secondary-fixed-dim:#d9d4cb;--error:#9f403d;--shadow-ambient:0 20px 40px #2d34350f;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--display-sm:2.25rem;--headline-md:1.5rem;--body-lg:1rem;--body-md:.875rem;--label-md:.75rem;--space-1:.35rem;--space-2:.7rem;--space-3:1.05rem;--space-4:1.4rem;--space-5:1.75rem;--space-6:2rem;--space-8:2.8rem;--space-10:3.5rem;--space-12:4.2rem;--transition:.2s ease-out;--focus-pane-width:720px}@media (prefers-color-scheme:dark){:root{--surface:#181a1b;--surface-container:#1f2223;--surface-lowest:#242829;--on-surface:#e1e3e3;--on-surface-variant:#8d9394;--outline-variant:#5a60614d;--primary:#9e9d9d;--primary-dim:#888;--on-primary:#1a1a1a;--tertiary:#4caf57;--secondary-fixed-dim:#6b6460;--error:#cf6966;--shadow-ambient:0 20px 40px #00000040}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:var(--body-lg);color:var(--on-surface);background:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.6}body{background:var(--surface);min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}h1{font-size:var(--display-sm);letter-spacing:-.02em;color:var(--on-surface);font-weight:300;line-height:1.15}h2{font-size:var(--headline-md);letter-spacing:-.01em;color:var(--on-surface);font-weight:400}p{color:var(--on-surface-variant);line-height:1.65}.surface{background:var(--surface)}.surface-low{background:var(--surface-container)}.surface-sheet{background:var(--surface-lowest)}.focus-pane{width:100%;max-width:var(--focus-pane-width);padding:0 var(--space-6);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--body-md);letter-spacing:.02em;cursor:pointer;padding:var(--space-2) var(--space-4);transition:background var(--transition), opacity var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;border-radius:0;font-weight:500;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dim) 100%);color:var(--on-primary)}.btn-primary:hover{opacity:.88}.btn-ghost{color:var(--primary);background:0 0}.btn-ghost:hover{background:var(--surface-container)}.btn-danger{color:var(--error);background:0 0}.btn-danger:hover{background:#9f403d14}.btn-lg{font-size:var(--body-lg);padding:var(--space-3) var(--space-6)}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot--active{background:var(--tertiary)}.status-dot--pending{background:var(--secondary-fixed-dim)}.status-dot--error{background:var(--error)}.segment{gap:var(--space-4);padding:var(--space-4) 0;grid-template-columns:120px 1fr;display:grid}.segment-speaker{font-size:var(--label-md);color:var(--on-surface-variant);letter-spacing:.06em;text-transform:uppercase;padding-top:.15em;font-weight:500}.segment-text{font-size:var(--body-lg);color:var(--on-surface);line-height:1.65}.segment-text--partial{color:var(--on-surface-variant);font-style:italic}.segment+.segment{border-top:1px solid var(--outline-variant)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition) both}.screen{min-height:100dvh;animation:fadeIn var(--transition) both;flex-direction:column;flex:1;display:flex}.app-header{padding:var(--space-6) var(--space-6) var(--space-4);justify-content:space-between;align-items:center;display:flex}.app-wordmark{font-size:var(--body-md);letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);font-weight:500}.speaker-select{font-family:var(--font-sans);font-size:var(--label-md);letter-spacing:.04em;color:var(--on-surface-variant);background:var(--surface-container);border:none;border-bottom:1px solid var(--outline-variant);padding:var(--space-1) var(--space-2);cursor:pointer;appearance:none;text-transform:uppercase;transition:color var(--transition);font-weight:500}.speaker-select:focus{border-bottom-color:var(--primary);color:var(--on-surface);outline:none}.segment-editor{font-family:var(--font-sans);font-size:var(--body-lg);color:var(--on-surface);resize:none;width:100%;padding:var(--space-1) 0;transition:border-color var(--transition);background:0 0;border:none;border-bottom:1px solid #0000;line-height:1.65;overflow:hidden}.segment-editor:focus{border-bottom-color:var(--outline-variant);outline:none}.export-preview{background:var(--surface-lowest);padding:var(--space-6);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:var(--body-md);color:var(--on-surface-variant);white-space:pre-wrap;word-break:break-word;max-height:50vh;box-shadow:var(--shadow-ambient);line-height:1.8;overflow-y:auto}.action-bar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.confirm-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#2d343559;justify-content:center;align-items:center;animation:.15s ease-out both fadeIn;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--surface-lowest);padding:var(--space-8);max-width:400px;width:calc(100% - var(--space-8));box-shadow:var(--shadow-ambient);animation:fadeIn var(--transition) both}.confirm-dialog h2{font-size:var(--headline-md);margin-bottom:var(--space-3)}.confirm-dialog p{margin-bottom:var(--space-6)}