:root{color:#111827;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:system-ui,Segoe UI,Roboto,sans-serif}body{margin:0}#root{min-height:100vh}.app{max-width:760px;margin:0 auto;padding:2.5rem 1.5rem}h1{margin:0 0 .25rem;font-size:1.6rem}.subtitle{color:#6b7280;margin:0 0 1.75rem;font-size:.95rem}.controls{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.toggle{border:1px solid #d1d5db;border-radius:8px;display:inline-flex;overflow:hidden}.seg{cursor:pointer;color:#374151;background:#fff;border:none;padding:.55rem 1.1rem;font-size:.95rem}.seg.active{color:#fff;background:#2563eb}.seg:disabled{cursor:not-allowed;opacity:.85}.primary{cursor:pointer;color:#fff;background:#16a34a;border:none;border-radius:8px;padding:.55rem 1.25rem;font-size:.95rem;font-weight:600}.primary.stop{background:#dc2626}.statusbar{color:#4b5563;align-items:center;gap:.6rem;margin-bottom:1.25rem;font-size:.9rem;display:flex}.dot{background:#9ca3af;border-radius:50%;flex:none;width:10px;height:10px}.dot.live{background:#dc2626;animation:1.2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.latency{font-variant-numeric:tabular-nums;color:#6b7280;margin-left:auto}.transcript{white-space:pre-wrap;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;min-height:220px;padding:1.25rem;font-size:1.15rem;line-height:1.7}.transcript .final{color:#111827}.transcript .interim{color:#9ca3af}.transcript .placeholder{color:#c4c4c4;font-style:italic}