: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}.director{flex:0 0 auto;max-height:26%;overflow-y:auto;padding:8px 14px;border-top:1px solid var(--line);background:#0e1320;font-size:12px;-webkit-overflow-scrolling:touch}.director-title{color:#a78bfa;font-family:ui-monospace,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}.dir-note{display:flex;align-items:baseline;gap:6px;margin-bottom:3px;line-height:1.35}.dir-kind{font-family:ui-monospace,monospace;font-size:10px;padding:1px 5px;border-radius:3px;flex:0 0 auto;text-transform:uppercase}.dir-guidance .dir-kind{background:#a78bfa33;color:#a78bfa}.dir-search .dir-kind{background:#fbbf2433;color:#fbbf24}.dir-result .dir-kind{background:#34d39933;color:#34d399}.dir-topic{font-size:10px;padding:1px 5px;border-radius:3px;background:#60a5fa2e;color:#93b8f8;flex:0 0 auto}.dir-lat{font-family:ui-monospace,monospace;font-size:10px;color:#6b7689;flex:0 0 auto}.dir-text{color:#c8d0de;flex:1 1 auto}.dash,.dash-main{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.dash-side{flex:0 0 auto;display:flex;flex-direction:column;min-height:0}@media (min-width: 900px){.dash{flex-direction:row}.dash-main{flex:1 1 auto;min-width:0}.dash-side{flex:0 0 400px;border-left:1px solid var(--line);overflow-y:auto}}.logpanel{flex:1 1 auto;display:flex;flex-direction:column;min-height:140px;border-top:1px solid var(--line);background:#090c12}.logpanel-title{flex:0 0 auto;font-size:10px;font-family:ui-monospace,monospace;color:#5b6781;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px 4px}.logpanel-body{flex:1 1 auto;overflow-y:auto;padding:0 12px 8px;-webkit-overflow-scrolling:touch}.log-empty{color:#5b6781;font-style:italic;font-size:12px}.log-line{font-family:ui-monospace,monospace;font-size:11px;line-height:1.45;display:flex;gap:6px;white-space:pre-wrap;word-break:break-word}.log-name{flex:0 0 auto;color:#5b6781}.log-msg{flex:1 1 auto;color:#b7c0d0}.log-warning .log-msg{color:#fbbf24}.log-error .log-msg,.log-critical .log-msg{color:#f87171}.controls{flex:0 0 auto;padding:8px 14px 10px;border-top:1px solid var(--line);background:#0e1320}.controls-title{font-size:10px;font-family:ui-monospace,monospace;color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.ctl-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ctl-label{flex:0 0 130px;font-size:12px;color:#c8d0de}.ctl-row input[type=range]{flex:1 1 auto;min-width:0;accent-color:#a78bfa;height:26px}.ctl-val{flex:0 0 44px;text-align:right;font-family:ui-monospace,monospace;font-size:12px;color:#e5e7eb}.ctl-toggle input[type=checkbox]{width:22px;height:22px;accent-color:#34d399}.annot-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--line);color:var(--text);border-radius:8px;font-size:14px;padding:2px 8px;margin-right:8px;min-height:34px}.annot-toggle.on{background:#a78bfa40;border-color:#a78bfa}.annotator{flex:0 0 auto;padding:8px 14px 10px;border-top:1px solid var(--line);background:#0e1320}.annotator-head{font-size:10px;font-family:ui-monospace,monospace;color:#6b7689;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.annot-strip{position:relative;height:56px;background:#0b0e14;border:1px solid var(--line);border-radius:6px;overflow:hidden;touch-action:none;cursor:crosshair}.annot-band{position:absolute;top:8px;height:22px;background:#60a5fa80;border-radius:2px}.annot-mark{position:absolute;top:0;bottom:0;width:1px;background:#e5e7eb66}.annot-saved{position:absolute;bottom:4px;height:14px;background:#34d39980;border:1px solid #34d399;border-radius:2px}.annot-sel{position:absolute;top:0;bottom:0;background:#a78bfa4d;border-left:2px solid #a78bfa;border-right:2px solid #a78bfa}.annot-form{display:flex;align-items:center;gap:8px;margin-top:8px}.annot-rng{font-family:ui-monospace,monospace;font-size:11px;color:#a78bfa;flex:0 0 auto}.annot-input{flex:1 1 auto;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:10px 12px;font-size:15px;min-height:42px}.annot-send{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--accent);color:#062018;font-weight:600;border-radius:8px;padding:0 16px;min-height:42px;flex:0 0 auto}.annot-send:disabled{opacity:.5}.annot-list{margin-top:6px;max-height:64px;overflow-y:auto;font-size:12px;color:#c8d0de}.annot-item{margin-bottom:2px}.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}