:root{--bg:#f6f7fb;--surface:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--accent:#2563eb;--accent-text:#fff;--live:#16a34a;--warn:#d97706;--danger:#dc2626;--danger-bg:#fef2f2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0b1120;--surface:#111a2e;--text:#e2e8f0;--muted:#94a3b8;--border:#1e293b;--accent:#3b82f6;--live:#22c55e;--warn:#f59e0b;--danger:#f87171;--danger-bg:#2a1215;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 Twemoji Country Flags,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:640px;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:center;display:flex}.topbar h1{margin:0;font-size:1.4rem}.status{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:.85rem}.status[data-state=live]{color:var(--live);border-color:currentColor}.status[data-state=connecting],.status[data-state=reconnecting]{color:var(--warn);border-color:currentColor}.account{flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:.9rem;display:flex}.account-label{overflow-wrap:anywhere;min-width:0;color:var(--muted);flex:auto}.account button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:8px 12px;font-size:.9rem}.account button:disabled{opacity:.45;cursor:not-allowed}.invite{color:var(--muted);flex-direction:column;gap:8px;font-size:.9rem;display:flex}.invite[hidden]{display:none}.invite p{margin:0}.invite strong{color:var(--text);letter-spacing:.08em}.invite-actions{flex-wrap:wrap;gap:8px;display:flex}.redeem{gap:8px;display:flex}.redeem[hidden]{display:none}.invite button,.redeem input{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 12px;font-size:.9rem}.invite button{cursor:pointer}.invite button:disabled{opacity:.45;cursor:not-allowed}.redeem input{text-transform:uppercase;width:11em}.invite-message[data-kind=error]{color:var(--warn)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:.9rem;display:flex}select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;width:100%;padding:10px 12px;font-size:1rem}.switch{align-items:center;gap:10px;font-size:.95rem;display:flex}.switch input{width:20px;height:20px;accent-color:var(--accent);flex:none}.devices summary{cursor:pointer;color:var(--muted);font-size:.9rem}.devices[open]{flex-direction:column;gap:12px;display:flex}.hint{color:var(--muted);margin:0;font-size:.8rem}.center{text-align:center}.control{flex-direction:column;align-items:center;gap:10px;display:flex}.big-button{background:var(--accent);width:132px;height:132px;color:var(--accent-text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;font-size:1.15rem;font-weight:600;position:relative}.big-button[aria-pressed=true]{background:var(--danger)}.big-button:disabled{opacity:.6;cursor:wait}.big-button .label{position:relative}.big-button .level{box-shadow:0 0 0 calc(var(--level,0) * 18px) color-mix(in srgb, var(--accent) 35%, transparent);border-radius:50%;transition:box-shadow 90ms linear;position:absolute;inset:0}.big-button[aria-pressed=true] .level{box-shadow:0 0 0 calc(var(--level,0) * 18px) color-mix(in srgb, var(--danger) 35%, transparent)}.error{background:var(--danger-bg);color:var(--danger);border:1px solid;border-radius:10px;padding:10px 12px;font-size:.9rem}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.stats div{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 10px}.stats dt{color:var(--muted);font-size:.72rem}.stats dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.downloads{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 16px}.downloads h2{margin:0 0 10px;font-size:.95rem}.download-buttons{flex-wrap:wrap;gap:8px;display:flex}.download-buttons button{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:8px 12px;font-size:.9rem}.download-buttons button:disabled{opacity:.45;cursor:not-allowed}.transcript{flex-direction:column;gap:10px;display:flex}.transcript .empty{color:var(--muted);text-align:center;font-size:.9rem}.segment{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.segment .original{color:var(--muted);margin:0 0 6px;font-size:.88rem}.segment .lang{border:1px solid var(--border);text-transform:uppercase;border-radius:6px;margin-right:6px;padding:0 6px;font-size:.72rem;display:inline-block}.segment .translation{margin:0;font-size:1.1rem}