:root{--bg: #0f172a;--card: #1e293b;--fg: #e2e8f0;--muted: #94a3b8;--accent: #6366f1;--error: #f87171;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:3rem 1rem;background:var(--bg);color:var(--fg)}.card{background:var(--card);border-radius:12px;padding:2rem;width:100%;max-width:480px;box-shadow:0 10px 30px #0000004d}.card.wide{max-width:760px}h1{margin-top:0;font-size:1.5rem}.muted{color:var(--muted)}.center{text-align:center}.error{color:var(--error)}form label{display:block;margin:1rem 0 .25rem;font-size:.9rem}input{width:100%;padding:.6rem .75rem;border-radius:8px;border:1px solid #334155;background:#0f172a;color:var(--fg);font-size:1rem}button{margin-top:1.25rem;padding:.6rem 1.25rem;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:1rem;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.link{margin:0;background:none;color:var(--muted);padding:0;font-size:.9rem;text-decoration:underline}.row{display:flex;gap:.75rem;align-items:center}.row.spread{justify-content:space-between}.lang-picker{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.lang-chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{margin:0;padding:.35rem .7rem;border-radius:999px;border:1px solid #334155;background:#0f172a;color:var(--fg);font-size:.85rem;cursor:pointer}.chip.chip-on{border-color:var(--accent);background:var(--accent);color:#fff}.chip:disabled{opacity:.5;cursor:not-allowed}.lang-mode{font-size:.8rem}.status{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--muted)}.status-live{color:#4ade80}.status-connecting{color:#fbbf24}.status-error{color:var(--error)}.status-dot{width:.6rem;height:.6rem;border-radius:50%;background:currentColor;flex:none}.status-dot.pulse{animation:status-pulse 1.1s ease-in-out infinite}.status-dot.live{animation:status-live 1.6s ease-out infinite}@keyframes status-pulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes status-live{0%{box-shadow:0 0 #4ade8080}70%{box-shadow:0 0 0 .5rem #4ade8000}to{box-shadow:0 0 #4ade8000}}.transcript{margin-top:1.5rem;border-top:1px solid #334155;padding-top:1rem;min-height:8rem;max-height:45vh;overflow-y:auto}.transcript-lang{font-size:.75rem;color:var(--muted);margin-bottom:.5rem}.transcript-body{margin:0;line-height:1.7;font-size:1.05rem;white-space:pre-wrap;word-break:break-word}.transcript-body .interim{color:var(--muted);font-style:italic}.lang-tag{display:inline-block;margin-right:.5rem;padding:.05rem .4rem;border-radius:4px;background:#334155;color:var(--muted);font-size:.7rem;vertical-align:middle}