:root{--bg: #0b0e14;--panel: #11151f;--line: #1b2230;--text: #e5e7eb;--muted: #6b7689;--accent: #36d399}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;overscroll-behavior:none}.app{display:flex;flex-direction:column;height:100dvh;width:100vw;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line);flex:0 0 auto}.title{font-weight:600;font-size:14px;letter-spacing:.2px}.cost{font-size:11px;font-family:ui-monospace,monospace;color:#34d399;margin-left:auto;margin-right:10px}.status{font-size:11px;text-transform:uppercase;letter-spacing:.6px;padding:3px 8px;border-radius:999px;background:var(--line);color:var(--muted)}.status-live{background:#36d39926;color:var(--accent)}.status-error{background:#f8717126;color:#f87171}.legend{display:flex;flex-wrap:wrap;gap:10px;padding:8px 14px;font-size:11px;color:var(--muted);flex:0 0 auto}.lg:before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}.lg-vad:before{background:#fbbf24}.lg-agent:before{background:#60a5fa99}.lg-bc:before{background:#f472b6b3}.lg-hit:before{background:#34d399}.lg-miss:before{background:#f59e0b}.timeline-wrap{flex:1 1 auto;min-height:180px;padding:0 8px}.timeline-canvas{width:100%;height:100%;display:block;border-radius:8px;background:var(--bg);touch-action:none}.transcript{flex:0 0 30%;max-height:30%;overflow-y:auto;padding:10px 14px;border-top:1px solid var(--line);background:var(--panel);font-size:15px;line-height:1.4;-webkit-overflow-scrolling:touch}.transcript-empty{color:var(--muted);font-style:italic}.transcript-final{color:var(--text);margin-bottom:4px}.transcript-partial{color:var(--muted)}.join{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.join-blurb{color:var(--muted);max-width:420px;font-size:15px;line-height:1.5}.join-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--accent);color:#062018;font-size:17px;font-weight:600;padding:14px 24px;border-radius:12px;min-height:52px;min-width:220px}.join-btn:disabled{opacity:.6}.join-error{color:#f87171;font-size:13px;max-width:420px;word-break:break-word}.join-hint{color:var(--muted);font-size:12px}