:root{--bg: #f6f7f9;--card: #ffffff;--fg: #16181d;--muted: #6b7280;--line: #e3e6eb;--accent: #2563eb;--accent-fg: #ffffff;--ok: #15803d;--bad: #b91c1c;--partial: #8b919c;--mono: ui-monospace, "SF Mono", Menlo, monospace;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0f1115;--card: #171a21;--fg: #e8eaee;--muted: #8f96a3;--line: #262b35;--accent: #5b8cff;--partial: #7d8492;--ok: #4ade80;--bad: #f87171;color-scheme:dark}}:root[data-theme=dark]{--bg: #0f1115;--card: #171a21;--fg: #e8eaee;--muted: #8f96a3;--line: #262b35;--accent: #5b8cff;--partial: #7d8492;--ok: #4ade80;--bad: #f87171;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:15px/1.45 system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}.app{display:flex;flex-direction:column;height:100%}header{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--card)}header h1{font-size:16px;margin:0 8px 0 0;letter-spacing:.02em}.grow{flex:1}main{flex:1;min-height:0;display:grid;gap:16px;padding:16px;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:minmax(0,1fr)}.feed-col{display:flex;flex-direction:column;gap:12px;min-height:0}aside{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.card h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:var(--mono);font-size:12px}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}input{flex:1;min-width:0;padding:7px 10px;border-radius:7px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit}input:focus{outline:2px solid var(--accent);outline-offset:-1px}.btn{padding:7px 14px;border-radius:7px;border:1px solid var(--line);background:var(--card);color:var(--fg);font:inherit;cursor:pointer;text-decoration:none;white-space:nowrap}.btn.small{padding:3px 8px;font-size:12px}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn.danger{background:var(--bad);color:#fff;border-color:var(--bad)}.btn.ghost{background:transparent}.btn:disabled{opacity:.5;cursor:default}.pill{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid currentColor}.pill.ok{color:var(--ok)}.pill.bad{color:var(--bad)}.error{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad);padding:8px 16px}.error.small{padding:6px 8px;margin-top:8px;border-radius:6px}select{padding:6px 8px;border-radius:7px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;min-width:0;max-width:100%}.asr-row{margin-top:10px;flex-wrap:wrap}.tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.tab{border:0;background:none;color:var(--muted);padding:4px 10px;border-radius:6px;font:inherit;cursor:pointer}.tab.on{background:var(--bg);color:var(--fg)}.feed-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.feed{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:2px}.jump{position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000040}.empty{padding:40px;text-align:center}.cap{padding:8px 4px;border-bottom:1px solid var(--line)}.cap-meta{display:flex;gap:10px;align-items:center;margin-bottom:2px}.speaker{font-size:12px;font-weight:600;padding-left:6px;border-left:3px solid var(--line)}.cap .ja{font-size:14px;color:var(--muted)}.cap .en{font-size:17px}.fixed{color:var(--accent);cursor:help}.cap.partial .en{color:var(--partial);font-style:italic}.cap.partial .ja{color:var(--partial)}.kv{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:13px}.waterfall{margin-top:12px;display:flex;flex-direction:column;gap:4px;font-size:12px}.wf-row{display:grid;grid-template-columns:96px 1fr 44px;gap:8px;align-items:center}.wf-row .mono{text-align:right}.wf-bar{height:8px;background:var(--bg);border-radius:4px;overflow:hidden}.wf-bar>div{height:100%;background:var(--accent)}.term{display:grid;grid-template-columns:minmax(70px,auto) 1fr auto auto;gap:6px;align-items:center;margin-top:6px}.term.pending .term-src{color:var(--accent)}.term input{padding:4px 8px;font-size:13px}.card .row+.term,.card .row+.muted{margin-top:10px}.now{gap:10px}.now-src{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-wrap{min-height:100%;display:grid;place-items:center;padding:16px}.login{width:min(360px,100%);display:flex;flex-direction:column;gap:10px}.login h1{font-size:17px;margin:0 0 6px}.meter{display:grid;grid-template-columns:52px 1fr 56px;gap:8px;align-items:center;margin:4px 0}.meter .mono{text-align:right}.meter-bar{height:10px;background:var(--bg);border-radius:5px;overflow:hidden}.meter-bar>div{height:100%;background:var(--ok);transition:width .12s linear}.meter-bar>div.hot{background:var(--bad)}.mic-info{flex:1;min-width:0}.restart-row{margin-top:10px;flex-wrap:wrap}.opt{margin-top:8px;display:flex;align-items:center;gap:8px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}.seg button{border:0;background:var(--card);color:var(--muted);font:inherit;font-size:12px;padding:4px 10px;cursor:pointer}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--accent);color:var(--accent-fg)}.warn{margin-top:6px;padding:6px 8px;border-radius:6px;background:color-mix(in srgb,#d97706 15%,transparent);color:#b45309}.check{display:flex;align-items:center;gap:6px}.check input{flex:none;width:auto}.op-grid{grid-template-columns:340px minmax(0,1fr) 340px}.op-col{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto}.preview{width:100%;border-radius:6px;border:1px solid var(--line);display:block}.spk{padding:8px 0;border-top:1px solid var(--line)}.spk:first-of-type{border-top:0}.spk-head{display:flex;gap:8px;align-items:center;margin-bottom:6px}.swatch{width:10px;height:10px;border-radius:3px;background:var(--line)}.spk-last{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.overlay-body{background:transparent}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:.3em;padding:.6em 1em;color:#fff;text-shadow:0 0 4px #000,0 2px 6px #000,0 0 2px #000;font-family:system-ui,Hiragino Sans,Noto Sans JP,sans-serif;font-weight:600}.ov-line{background:#00000073;border-radius:.25em;padding:.15em .45em;align-self:center;max-width:92vw;text-align:center}.ov-line.partial{opacity:.8}.ov-speaker{margin-right:.45em;font-size:.7em;vertical-align:.1em;opacity:.95}.ov-ja{font-size:.6em;opacity:.9;font-weight:500}@media (max-width: 1200px){.op-grid{grid-template-columns:minmax(0,1fr) 340px}.op-grid .feed-col{grid-column:1 / -1;grid-row:2}}@media (max-width: 900px){main{grid-template-columns:minmax(0,1fr);overflow:auto}.feed-col{min-height:auto}.feed-wrap{flex:none}.feed{height:70vh;min-height:0;flex:none}aside{overflow:visible}}@media (max-width: 600px){header{flex-wrap:wrap;row-gap:6px;padding:10px 16px}header .mono{display:none}main{padding:12px 16px}.tabs{flex-wrap:wrap}.tab{padding:4px 8px;font-size:13px}}