:root{--bg: #0b0d10;--panel: #14181d;--panel-2: #1b2027;--text: #e7ecf2;--muted: #8d99a8;--line: #262d36;--accent: #5bb0ff;--danger: #ff6b6b;--controller: #ff3ea5;--speaker-0: #5bb0ff;--speaker-1: #3ddc97;--speaker-2: #ffcb47;--speaker-3: #c58bff;--speaker-4: #ff8a65;--speaker-5: #6ee7f5;color-scheme:dark}@media (prefers-color-scheme: light){:root{--bg: #f7f8fa;--panel: #ffffff;--panel-2: #eef1f5;--text: #141a21;--muted: #5c6773;--line: #dce1e8;color-scheme:light}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:16px/1.5 ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-text-size-adjust:100%}button{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:.45rem .8rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{cursor:default;opacity:1}button.primary,a.button.primary{background:var(--accent);border-color:var(--accent);color:#08121c;font-weight:600;text-decoration:none}button.danger{border-color:var(--danger);color:var(--danger)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;background:var(--panel-2);padding:.15rem .35rem;border-radius:5px}.muted{color:var(--muted)}.error{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);border-radius:8px;padding:.5rem .75rem;margin:.5rem 1rem}.start{max-width:44rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}.start h1{font-size:1.7rem;margin:0 0 .5rem}.start h2{font-size:1.05rem;margin:0 0 .6rem}.start section{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.1rem;margin-top:1.1rem}.start form{display:flex;flex-direction:column;gap:.5rem;max-width:24rem;margin-top:1rem}.start input{font:inherit;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.start .code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.8rem;letter-spacing:.12em;margin:.4rem 0}.start img{background:#fff;border-radius:10px;padding:8px;display:block}.start .row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.start .truncate{max-width:min(26rem,60vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start dl{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:0}.start dt{color:var(--muted)}.start dd{margin:0;min-width:0}.session{display:flex;flex-direction:column;height:100%}.bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1rem;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap}.bar .status,.bar .actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.pill{font-size:.78rem;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);white-space:nowrap}.pill.open,.pill.worker-ready{color:#3ddc97;border-color:color-mix(in srgb,#3ddc97 45%,transparent)}.pill.reconnecting,.pill.worker-provisioning{color:#ffcb47;border-color:color-mix(in srgb,#ffcb47 45%,transparent)}.pill.closed,.pill.ended,.pill.worker-failed{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.speaker-strip{display:flex;gap:.4rem;padding:.5rem 1rem;overflow-x:auto;border-bottom:1px solid var(--line)}.chip{font-size:.82rem;padding:.25rem .6rem;border-radius:999px;white-space:nowrap}.column-wrap{position:relative;flex:1;min-height:0;touch-action:pan-y}.session.controller .column-wrap{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.conversation{position:relative;height:100%;overflow-y:auto;overscroll-behavior:contain;padding-top:calc(100vh / 3);padding-bottom:70vh;padding-left:max(1rem,calc(50% - 26rem));padding-right:max(1rem,calc(50% - 26rem));scroll-behavior:auto}.segments{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem}.segment{display:grid;grid-template-columns:minmax(6rem,9rem) 1fr;gap:.25rem 1rem;align-items:start}@media (max-width: 36rem){.segment{grid-template-columns:1fr;gap:.15rem}}.segment .speaker{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;padding:0;font-size:.85rem;font-weight:600;color:var(--speaker-color, var(--accent));justify-self:start;text-align:left}.segment .speaker:disabled{cursor:default}.segment .dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--speaker-color, var(--accent));flex:none}.segment .text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.segment.partial .text{color:var(--muted)}.segment.uncertain .speaker{text-decoration:underline dashed;text-underline-offset:3px}.segment.uncertain .dot{background:transparent;border:1.5px dashed var(--speaker-color, var(--accent))}.uncertain-marker{font-size:.7rem;line-height:1;padding:.1rem .28rem;border-radius:999px;border:1px solid currentColor;opacity:.8}.segment.speaker-0{--speaker-color: var(--speaker-0)}.segment.speaker-1{--speaker-color: var(--speaker-1)}.segment.speaker-2{--speaker-color: var(--speaker-2)}.segment.speaker-3{--speaker-color: var(--speaker-3)}.segment.speaker-4{--speaker-color: var(--speaker-4)}.segment.speaker-5{--speaker-color: var(--speaker-5)}.chip.speaker-0{color:var(--speaker-0);border-color:color-mix(in srgb,var(--speaker-0) 45%,transparent)}.chip.speaker-1{color:var(--speaker-1);border-color:color-mix(in srgb,var(--speaker-1) 45%,transparent)}.chip.speaker-2{color:var(--speaker-2);border-color:color-mix(in srgb,var(--speaker-2) 45%,transparent)}.chip.speaker-3{color:var(--speaker-3);border-color:color-mix(in srgb,var(--speaker-3) 45%,transparent)}.chip.speaker-4{color:var(--speaker-4);border-color:color-mix(in srgb,var(--speaker-4) 45%,transparent)}.caret{display:inline-block;width:.5ch;height:1em;margin-left:.15ch;background:currentColor;vertical-align:text-bottom;animation:blink 1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}@media (prefers-reduced-motion: reduce){.caret{animation:none;opacity:.5}}.placeholder{color:var(--muted);padding:2rem 0}.touch-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}