:root{--bg:#f7f7f5;--surface:#fff;--text:#16171a;--text-2:#3d4047;--muted:#8a8d94;--live:#a3a6ad;--line:#e4e4e0;--accent:#c98a0b;--ok:#1f9d55;--warn:#d48806;--danger:#d1453b;--primary-bg:#16171a;--primary-fg:#f7f7f5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Hiragino Sans GB,Segoe UI,Roboto,Noto Sans SC,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111214;--surface:#1b1c1f;--text:#f2f2ef;--text-2:#c9cbd0;--muted:#7c7f86;--live:#6b6e75;--line:#2a2c30;--accent:#f5b83d;--primary-bg:#f2f2ef;--primary-fg:#111214}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior:none}button,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:disabled{opacity:.4;cursor:default}.app{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.bar{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 16px;display:flex}.brand{letter-spacing:-.01em;font-weight:700}.status{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:14px;display:flex}.status .dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px}.status-live .dot{background:var(--ok);animation:1.6s ease-in-out infinite pulse}.status-starting .dot,.status-reconnecting .dot,.status-stopping .dot,.status-needs-tap .dot{background:var(--warn)}.status-error .dot{background:var(--danger)}.timer{color:var(--text-2);margin-left:4px}@keyframes pulse{50%{opacity:.35}}.bar-actions{gap:4px;margin-left:auto;display:flex}.icon{min-width:40px;height:36px;color:var(--text-2);border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:15px;font-weight:600;display:inline-flex}.icon:not(:disabled):hover,.icon[aria-pressed=true]{background:var(--line)}.captions{--scale:1;-webkit-overflow-scrolling:touch;flex:1;padding:16px 20px 32px;overflow-y:auto}.row{max-width:60rem;padding:calc(10px * var(--scale)) 0;border-bottom:1px solid var(--line);margin:0 auto}.row:last-of-type{border-bottom:0}.row p{overflow-wrap:anywhere;margin:0}.src{font-size:calc(22px * var(--scale));font-weight:500;line-height:1.4}.tgt{font-size:calc(18px * var(--scale));color:var(--text-2);line-height:1.5;margin-top:4px!important}.live{color:var(--live)}.empty{text-align:center;color:var(--muted);font-size:calc(18px * var(--scale));margin-top:30vh}.jump{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));background:var(--primary-bg);color:var(--primary-fg);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 4px 16px #0003}.settings{flex-direction:column;flex:1;gap:20px;width:100%;max-width:40rem;margin:0 auto;padding:24px 20px;display:flex;overflow-y:auto}.lang-row{align-items:flex-end;gap:12px;display:flex}.lang-row label{flex-direction:column;flex:1;gap:6px;display:flex}.lang-row .arrow{color:var(--muted);padding-bottom:10px}.field{flex-direction:column;gap:6px;display:flex}.lang-row span,.field span{color:var(--muted);font-size:14px}select,textarea{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:100%;padding:10px 12px;font-size:16px}textarea{resize:vertical}.hint{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.banner{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin:0 16px 8px;padding:10px 14px;font-size:14px}.banner-error{border-color:var(--danger);color:var(--danger)}.controls{border-top:1px solid var(--line);justify-content:center;gap:12px;padding:12px 16px 16px;display:flex}.primary,.secondary{border-radius:14px;height:52px;padding:0 28px;font-size:17px;font-weight:600}.primary{background:var(--primary-bg);max-width:22rem;color:var(--primary-fg);flex:1}.primary.stop{background:var(--danger);color:#fff}.secondary{background:var(--line)}.link{color:var(--muted);align-self:flex-start;padding:0;font-size:14px;text-decoration:underline}
