:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#0f1115;color:#e8eaed}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}.app{max-width:640px;margin:0 auto;padding:28px 20px 48px}.app-header h1{margin:0 0 8px;font-size:28px}.app-header p{margin:0 0 20px;color:#9aa3b2}.card{display:grid;gap:12px;padding:16px;margin-bottom:16px;border:1px solid #2a2f3a;border-radius:12px;background:#151821}.card h2{margin:0;font-size:16px}.field{display:grid;gap:6px;font-size:13px;color:#c5cad3}.field input,.field select{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #2a2f3a;background:#0f1115;color:inherit;font:inherit}.check{display:flex;gap:8px;align-items:center;font-size:14px}.check.disabled{opacity:.55}.caption-mode{margin:0;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#9aa3b2}.caption-mode.fallback{color:#fbbf24}.source-peek{margin:0;padding:8px 10px;border-radius:8px;background:#0f1115;color:#9aa3b2;font-size:13px;line-height:1.4}.source-peek span{display:block;margin-bottom:4px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#6b7280}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}button{padding:8px 14px;border-radius:8px;border:1px solid #2a2f3a;background:#1c2230;color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.hint{margin:0;color:#9aa3b2;font-size:13px}.status{font-size:13px;color:#9aa3b2}.status.live{color:#4ade80}.transcript{margin:0;min-height:160px;padding:12px;border-radius:8px;background:#0f1115;white-space:pre-wrap;font-family:inherit;font-size:22px;line-height:1.4}.error{display:grid;gap:8px;padding:12px;border-radius:8px;background:#3f1d1d;color:#fecaca}.scanner{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1115;display:grid;grid-template-rows:1fr auto;gap:12px;padding:16px;z-index:20}.scanner video{width:100%;height:100%;object-fit:cover;border-radius:12px;background:#000}