:root{--page:#0b0f0e;--panel:#141d1a;--panel-2:#101815;--inset:#0e1613;--hairline:#ffffff1a;--hairline-strong:#fff3;--ink:#eef4f1;--ink-2:#c3cec8;--ink-3:#93a09a;--phosphor:#4ae596;--phosphor-dim:#4ae59626;--amber:#fab219;--blue:#4a9eff;--red:#e66767;--seg-1:#4a9eff;--seg-2:#2ea043;--seg-3:#d55181;--seg-4:#d98c2b;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace;--sans:"Archivo", system-ui, sans-serif;--radius:10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1100px 500px at 75% -10%, #3ee08c0d, transparent 60%), radial-gradient(900px 600px at -10% 110%, #3987e50d, transparent 55%), var(--page);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:14px}.shell{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0f0ed9;flex-shrink:0;align-items:center;gap:20px;height:54px;padding:0 20px;display:flex}.wordmark{font-family:var(--mono);letter-spacing:.08em;color:var(--ink);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.wordmark .slash{color:var(--phosphor)}.trace{width:54px;height:16px;overflow:visible}.trace path{fill:none;stroke:var(--phosphor);stroke-width:1.5px;opacity:.9}.trace.speaking path{stroke-dasharray:60 30;animation:1.1s linear infinite trace-dash}@keyframes trace-dash{to{stroke-dashoffset:-90px}}.tabs{gap:4px;margin-left:8px;display:flex}.tab{font-family:var(--mono);letter-spacing:.05em;color:var(--ink-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:5px 14px;font-size:12px}.tab:hover{color:var(--ink)}.tab.active{color:var(--phosphor);border-color:var(--hairline-strong);background:var(--phosphor-dim)}.topbar-right{font-family:var(--mono);color:var(--ink-3);align-items:center;gap:12px;margin-left:auto;font-size:11px;display:flex}.console-grid{flex:1;grid-template-columns:320px minmax(420px,1fr) 380px;min-height:0;display:grid}.rail{border-right:1px solid var(--hairline);background:var(--panel-2);padding:16px;overflow-y:auto}.stage{flex-direction:column;min-width:0;min-height:0;display:flex}.metrics-col{border-left:1px solid var(--hairline);background:var(--panel-2);padding:16px;overflow-y:auto}.section{margin-bottom:18px}.section-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:8px;margin:0 0 8px;font-size:10.5px;display:flex}.section-label:after{content:"";background:var(--hairline);flex:1;height:1px}.field{margin-bottom:10px}.field label{color:var(--ink-2);margin-bottom:4px;font-size:11.5px;display:block}select,input[type=text],textarea{background:var(--inset);border:1px solid var(--hairline-strong);width:100%;color:var(--ink);font-family:var(--mono);border-radius:8px;outline:none;padding:7px 9px;font-size:12px}select:focus,input[type=text]:focus,textarea:focus{border-color:#3ee08c73}select:disabled,input:disabled,textarea:disabled{opacity:.45;cursor:not-allowed}textarea{resize:vertical;min-height:84px;line-height:1.5}input[type=range]{width:100%;accent-color:var(--phosphor)}.mode-switch{background:var(--inset);border:1px solid var(--hairline);border-radius:999px;grid-template-columns:1fr 1fr;margin-bottom:16px;padding:3px;display:grid}.mode-switch button{color:var(--ink-2);font-family:var(--mono);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 4px;font-size:11px}.mode-switch button.active{background:var(--phosphor-dim);color:var(--phosphor)}.row{align-items:center;gap:8px;display:flex}.row>*{min-width:0}.row .grow{flex:1}.ghost-btn{border:1px solid var(--hairline);color:var(--ink-2);font-family:var(--mono);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:6px 10px;font-size:11px}.ghost-btn:hover{color:var(--ink);border-color:var(--hairline-strong)}.hint{color:var(--ink-3);margin-top:4px;font-size:11px;line-height:1.45}.locked-note{color:var(--amber)}.status-bar{border-bottom:1px solid var(--hairline);align-items:center;gap:12px;padding:12px 20px;display:flex}.status-pill{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--hairline);color:var(--ink-3);border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:11px;display:inline-flex}.status-pill .dot{background:var(--ink-3);border-radius:50%;width:7px;height:7px}.status-pill[data-state=listening]{color:var(--phosphor);border-color:#3ee08c59}.status-pill[data-state=listening] .dot{background:var(--phosphor);animation:1.6s ease-in-out infinite pulse}.status-pill[data-state=thinking]{color:var(--amber);border-color:#fab21959}.status-pill[data-state=thinking] .dot{background:var(--amber);animation:.7s ease-in-out infinite pulse}.status-pill[data-state=speaking]{color:var(--blue);border-color:#3987e566}.status-pill[data-state=speaking] .dot{background:var(--blue);animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.level-meter{align-items:flex-end;gap:2px;height:18px;display:flex}.level-meter span{background:var(--phosphor);opacity:.85;border-radius:1px;width:3px;min-height:2px;transition:height 90ms linear}.transcript{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.empty-stage{text-align:center;color:var(--ink-2);max-width:420px;margin:auto;line-height:1.7}.empty-stage .big{font-family:var(--mono);color:var(--ink-2);margin-bottom:8px;font-size:15px}.msg{white-space:pre-wrap;word-break:break-word;border-radius:12px;max-width:82%;padding:10px 14px;font-size:13.5px;line-height:1.55}.msg .msg-meta{font-family:var(--mono);color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:10px}.msg.user{background:#3987e51f;border:1px solid #3987e540;align-self:flex-end}.msg.assistant{background:var(--panel);border:1px solid var(--hairline);align-self:flex-start}.msg.interim{color:var(--ink-2);border:1px dashed var(--hairline-strong);background:0 0;align-self:flex-end;font-style:italic}.msg.system{text-align:center;max-width:60%;font-family:var(--mono);color:var(--amber);letter-spacing:.04em;background:#fab21914;border:1px solid #fab21940;border-radius:999px;align-self:center;padding:4px 12px;font-size:11px}.msg.interrupted-flag{color:var(--amber);font-family:var(--mono);margin-top:4px;font-size:10px}.msg-latency{border-top:1px dashed var(--hairline);font-family:var(--mono);color:var(--ink-3);flex-wrap:wrap;gap:10px;margin-top:8px;padding-top:5px;font-size:9.5px;display:flex}.msg-latency strong{color:var(--ink-2);font-weight:600}.control-deck{border-top:1px solid var(--hairline);justify-content:center;align-items:center;gap:18px;padding:16px 20px;display:flex}.mic-btn{width:64px;height:64px;color:var(--phosphor);cursor:pointer;background:radial-gradient(circle at 35% 30%,#3ee08c33,#3ee08c0f);border:1px solid #3ee08c80;border-radius:50%;place-items:center;transition:transform .12s,box-shadow .12s;display:grid}.mic-btn:hover{transform:scale(1.04);box-shadow:0 0 24px #3ee08c40}.mic-btn.live{color:var(--red);background:radial-gradient(circle at 35% 30%,#e6676740,#e6676712);border-color:#e6676799;box-shadow:0 0 28px #e6676733}.deck-caption{font-family:var(--mono);color:var(--ink-3);width:150px;font-size:11px}.deck-caption strong{color:var(--ink-2);display:block}.tile-row{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.tile{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);padding:10px 12px}.tile .tile-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px;font-size:10.5px}.tile .tile-value{font-family:var(--mono);color:var(--ink);font-size:19px;font-weight:600}.tile .tile-sub{font-family:var(--mono);color:var(--ink-3);margin-top:2px;font-size:10.5px}.legend{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.legend .key{font-family:var(--mono);color:var(--ink-2);align-items:center;gap:6px;font-size:11px;display:inline-flex}.legend .swatch{border-radius:3px;width:10px;height:10px}.turn-block{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);margin-bottom:10px;padding:10px 12px}.turn-head{font-family:var(--mono);color:var(--ink-3);justify-content:space-between;margin-bottom:8px;font-size:10.5px;display:flex}.turn-head .e2e{color:var(--ink);font-weight:600}.turn-head .flag{color:var(--amber)}.bar-track{gap:2px;height:16px;margin-bottom:6px;display:flex}.bar-seg{border-radius:3px;min-width:3px;position:relative}.bar-seg:hover{filter:brightness(1.25)}.turn-sub{font-family:var(--mono);color:var(--ink-3);flex-wrap:wrap;gap:10px;font-size:10px;display:flex}.metrics-empty{color:var(--ink-2);padding:12px 4px;font-size:12.5px;line-height:1.6}.history-master-detail{flex:1;min-height:0;display:flex}.history-list{border-right:1px solid var(--hairline);background:var(--panel-2);flex-shrink:0;width:340px;padding:10px;overflow-y:auto}.history-list-head{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);justify-content:space-between;align-items:center;padding:4px 6px 10px;font-size:10px;display:flex}.hist-row{border:1px solid var(--hairline);cursor:pointer;background:var(--panel);border-radius:10px;margin-bottom:7px;padding:9px 11px;transition:border-color .12s,background .12s}.hist-row:hover{border-color:var(--hairline-strong)}.hist-row.selected{background:var(--phosphor-dim);border-color:#3ee08c80}.hist-row.comparing{border-left:3px solid var(--blue)}.hist-row-top{align-items:center;gap:7px;margin-bottom:5px;display:flex}.hist-icon{font-size:13px}.hist-when{font-family:var(--mono);color:var(--ink);font-size:11.5px}.hist-row-actions{opacity:0;gap:2px;margin-left:auto;transition:opacity .12s;display:flex}.hist-row:hover .hist-row-actions,.hist-row.selected .hist-row-actions,.hist-row.comparing .hist-row-actions{opacity:1}.hist-mini{color:var(--ink-3);cursor:pointer;font-size:11px;font-family:var(--mono);background:0 0;border:1px solid #0000;border-radius:6px;padding:1px 6px}.hist-mini:hover{color:var(--ink);border-color:var(--hairline-strong)}.hist-mini.on{color:var(--blue);border-color:#3987e580}.hist-pipeline{font-family:var(--mono);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:11px;overflow:hidden}.hist-stats{font-family:var(--mono);color:var(--ink-3);gap:10px;font-size:10px;display:flex}.hist-stats .rec-dot{color:var(--red)}.hist-stats .cost-dot{color:var(--phosphor)}.msg-latency .cost-tag{color:var(--phosphor);border-left:1px solid var(--hairline);margin-left:2px;padding-left:10px}.turn-audio{border-top:1px dashed var(--hairline);align-items:center;gap:10px;margin-top:10px;padding-top:8px;display:flex}.ta-btn{border:1px solid var(--hairline-strong);background:var(--inset);width:28px;height:28px;color:var(--phosphor);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;display:grid}.ta-btn:hover{border-color:#4ae59680}.ta-wave{flex:1;min-width:0;height:30px}.history-detail{flex-direction:column;flex:1;min-width:0;padding:24px;display:flex;overflow-y:auto}.detail-titlebar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.detail-actions{flex-shrink:0;gap:8px;display:flex}.history-table{border-collapse:collapse;width:100%;font-size:12.5px}.history-table th{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);text-align:left;border-bottom:1px solid var(--hairline-strong);padding:8px 10px;font-size:10px}.history-table td{border-bottom:1px solid var(--hairline);font-family:var(--mono);color:var(--ink-2);padding:9px 10px;font-size:11.5px}.history-table tr.clickable{cursor:pointer}.history-table tr.clickable:hover td{color:var(--ink);background:#ffffff06}.history-table tr.selected td{background:var(--phosphor-dim)}.compare-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;display:grid}.detail-panel{border-top:1px solid var(--hairline-strong);margin-top:22px;padding-top:18px}.detail-cols{grid-template-columns:minmax(0,1fr) 400px;gap:20px;display:grid}.detail-transcript{flex-direction:column;gap:10px;display:flex}h2.page-title{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin:0 0 14px;font-size:13px}.toast-stack{z-index:50;flex-direction:column;gap:8px;max-width:380px;display:flex;position:fixed;bottom:18px;right:18px}.toast{color:#f4c7c7;font-family:var(--mono);background:#241214;border:1px solid #e6676766;border-radius:8px;padding:10px 14px;font-size:11.5px;line-height:1.5}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#ffffff1a padding-box content-box;border:2px solid #0000;border-radius:5px}@media (width<=1180px){.console-grid{grid-template-columns:280px minmax(320px,1fr) 320px}}