html[data-theme=dark]{--bg:#0d0f12;--panel:#14181d;--panel2:#1b2027;--line:#252c34;--txt:#e7ecf1;--muted:#8a97a6;--accent-rgb:45,212,191;--accent-ink:#05221f;--warn-rgb:240,180,41;--user-rgb:59,130,246;--bot-rgb:45,212,191;--danger-rgb:240,82,82;--playhead:#fff;--mdprev-bg:#090b0e;--mdprev-fg:#cdd6df;--serif-c:#e7ecf1;--wave-user:#3b82f6;--wave-bot:#f0554f;--wave-user-rgb:59,130,246;--wave-bot-rgb:240,85,79}html[data-theme=light]{--bg:#f5f1e8;--panel:#fffdf8;--panel2:#f0ebe0;--line:#e3dccb;--txt:#22271f;--muted:#7c8375;--accent-rgb:31,61,43;--accent-ink:#f5f1e8;--warn-rgb:201,138,26;--user-rgb:47,107,69;--bot-rgb:31,61,43;--danger-rgb:182,69,47;--playhead:#1f3d2b;--mdprev-bg:#efeadd;--mdprev-fg:#2a2f22;--serif-c:#1f3d2b;--wave-user:#2f6bb0;--wave-bot:#b6452f;--wave-user-rgb:47,107,176;--wave-bot-rgb:182,69,47}:root{--mono:"SF Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif;--serif:"Lora", Georgia, serif}*{box-sizing:border-box}html,body,#root{height:100%}#root{flex-direction:column;display:flex}body{background:var(--bg);color:var(--txt);font-family:var(--sans);flex-direction:column;height:100vh;margin:0;font-size:13px;transition:background .2s,color .2s;display:flex;overflow:hidden}button,input,textarea{font:inherit}nav{background:var(--panel);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:6px;height:52px;padding:0 18px;display:flex}.brand{font-family:var(--serif);color:var(--serif-c);margin-right:16px;font-size:17px;font-weight:700}.brand span{color:rgb(var(--accent-rgb))}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.tab:hover{background:var(--panel2);color:var(--txt)}.tab.active{background:var(--panel2);color:rgb(var(--accent-rgb))}.navright{color:var(--muted);align-items:center;gap:12px;margin-left:auto;font-size:12px;display:flex}.navright .who{font-family:var(--mono)}#themeBtn{background:var(--panel2);border:1px solid var(--line);color:var(--txt);cursor:pointer;border-radius:20px;padding:6px 13px;font-size:12px;font-weight:600;transition:filter .15s,transform .1s}#themeBtn:hover{filter:brightness(1.05)}#themeBtn:active{transform:scale(.97)}#views{flex:1;min-height:0;position:relative}.view{display:none;position:absolute;inset:0}.view.active{display:flex}#view-list{flex-direction:column;overflow:hidden}.lhead{align-items:center;gap:14px;padding:16px 22px 8px;display:flex}.lhead h2{font-size:16px;font-family:var(--serif);color:var(--serif-c);margin:0}.lhead .search,.loginInput{background:var(--panel2);border:1px solid var(--line);color:var(--txt);border-radius:8px;outline:none;padding:7px 11px;font-size:12px}.lhead .search{width:240px;margin-left:auto}.loginInput{width:100%;margin-top:10px;display:block}.ltable{flex:1;padding:6px 16px 20px;overflow:auto}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--bg);padding:8px 12px;font-size:10.5px;font-weight:600;position:sticky;top:0}td{border-top:1px solid var(--line);padding:11px 12px;font-size:13px}tbody tr{cursor:pointer;transition:background .13s}tbody tr:hover{background:var(--panel2)}.mono{font-family:var(--mono);color:var(--muted);font-size:12px}.badge{font-size:10px;font-family:var(--mono);white-space:nowrap;border-radius:20px;padding:3px 8px}.b-ok{background:rgba(var(--bot-rgb), .14);color:rgb(var(--bot-rgb))}.b-int{background:rgba(var(--warn-rgb), .16);color:rgb(var(--warn-rgb))}.b-crash{background:rgba(var(--danger-rgb), .16);color:rgb(var(--danger-rgb))}.flag{color:rgb(var(--danger-rgb));font-family:var(--mono)}.open{color:rgb(var(--accent-rgb));font-weight:700}#view-review{flex-direction:column}.top{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;flex:none;align-items:center;gap:16px;padding:12px 18px;display:flex}.back{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:13px}.back:hover{background:var(--panel2);color:var(--txt)}.title{font-size:15px;font-weight:700;font-family:var(--serif);color:var(--serif-c)}.sid{font-family:var(--mono);color:var(--muted);font-size:11px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--panel2);border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:5px 9px;font-size:11px}.chip b{color:var(--txt);font-family:var(--mono)}.metrics{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.metric{text-align:right;cursor:help;border:1px solid #0000;border-radius:8px;padding:2px 8px;transition:border-color .15s,background .15s}.metric:hover{border-color:var(--line);background:var(--panel2)}.metric .k{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.metric .k:after{content:" ⓘ";opacity:.5}.metric .v{font-family:var(--mono);font-size:14px;font-weight:600}.metric .v.warn{color:rgb(var(--warn-rgb))}.btn{background:rgb(var(--accent-rgb));color:var(--accent-ink);cursor:pointer;border:none;border-radius:8px;padding:9px 14px;font-size:12.5px;font-weight:700;transition:filter .15s,transform .1s}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(1px)}.btn.ghost{background:var(--panel2);color:var(--txt);border:1px solid var(--line)}.dock{border-bottom:1px solid var(--line);background:var(--panel);flex:none;padding:9px 16px 12px}.tbar{align-items:center;gap:14px;margin-bottom:6px;display:flex}.tnow{font-family:var(--mono);font-size:13px}.tnow .tot{color:var(--muted)}.hint{color:var(--muted);font-size:11px}.wrap{position:relative}.ruler{height:14px;margin-bottom:3px;position:relative}.rtick{font-family:var(--mono);color:var(--muted);font-size:9px;position:absolute;top:0;transform:translate(-50%)}.tl{background:linear-gradient(180deg, #ffffff09, #00000008), var(--panel2);border:1px solid var(--line);cursor:ew-resize;-webkit-user-select:none;user-select:none;border-radius:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 1px 4px #0000001a}.lane{position:relative}.lane.audio{border-bottom:1px solid var(--line);height:64px}.lane.timers{height:26px}.axis{background:var(--line);opacity:.55;z-index:1;pointer-events:none;height:1px;position:absolute;top:50%;left:0;right:0}.grids{z-index:0;pointer-events:none;position:absolute;inset:0}.grid{background:var(--line);opacity:.28;width:1px;position:absolute;top:0;bottom:0}.grid.major{opacity:.55}.bars{z-index:2;pointer-events:none;position:absolute;inset:0}.mk{pointer-events:none;width:0;position:absolute;top:0;bottom:0}.mk .stem{opacity:.3;background:currentColor;border-radius:1px;width:2px;position:absolute;left:-1px}.mk .dot{pointer-events:auto;cursor:pointer;background:currentColor;border:0;border-radius:50%;width:7px;height:7px;padding:0;transition:transform .12s;position:absolute;left:-3.5px}.mk.user{color:rgb(var(--wave-user-rgb))}.mk.bot{color:rgb(var(--wave-bot-rgb))}.mk.user .stem{top:11px;bottom:50%}.mk.user .dot{box-shadow:0 0 0 3px rgba(var(--wave-user-rgb), .14);top:8px}.mk.bot .stem{top:50%;bottom:11px}.mk.bot .dot{box-shadow:0 0 0 3px rgba(var(--wave-bot-rgb), .14);bottom:8px}.mk:hover .dot{transform:scale(1.45)}.tclips{z-index:2;position:absolute;inset:0}.tclip{background:rgba(var(--warn-rgb), .16);border:1px solid rgb(var(--warn-rgb));cursor:pointer;color:rgb(var(--warn-rgb));border-radius:8px;align-items:center;gap:6px;padding:0 10px;transition:background .13s;display:flex;position:absolute;top:5px;bottom:5px;overflow:hidden;box-shadow:0 1px 4px #0000001f}.tclip:hover{background:rgba(var(--warn-rgb), .26)}.tclip .tl2{font-family:var(--mono);white-space:nowrap;font-size:10px}.wlegend{color:var(--muted);align-items:center;gap:14px;margin-left:auto;font-size:11px;display:flex}.wlegend i{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.userLegend{background:var(--wave-user)}.botLegend{background:var(--wave-bot)}.wlegend .tb{border:1px solid rgb(var(--warn-rgb));background:0 0;border-radius:3px}.regions{z-index:1;pointer-events:none;position:absolute;inset:0}.region{background:rgba(var(--danger-rgb), .12);border:0;border-left:2px solid rgb(var(--danger-rgb));border-right:2px solid rgb(var(--danger-rgb));pointer-events:auto;cursor:pointer;padding:0;transition:background .13s;position:absolute;top:0;bottom:0}.region:hover{background:rgba(var(--danger-rgb), .22)}.rpin{background:rgb(var(--danger-rgb));min-width:17px;height:15px;color:var(--accent-ink);font-size:9px;font-weight:800;font-family:var(--mono);white-space:nowrap;pointer-events:none;border-radius:8px;place-items:center;padding:0 4px;display:grid;position:absolute;top:3px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #00000040}.playhead{background:var(--playhead);z-index:6;width:2px;box-shadow:0 0 8px var(--playhead);pointer-events:none;transition:left .14s ease-out;position:absolute;top:0;bottom:0}.playhead:before{content:"";background:var(--playhead);clip-path:polygon(0 0,100% 0,50% 100%);width:10px;height:7px;position:absolute;top:0;left:-4px}.rmid{flex:1;grid-template-columns:1fr 320px;min-height:0;display:grid}.conv{scroll-behavior:smooth;min-height:0;padding:18px 20px;overflow:auto}.turn{gap:10px;max-width:720px;margin-bottom:16px;display:flex}.turn.bot{margin-right:auto}.turn.user{flex-direction:row-reverse;margin-left:auto}.tc{font-family:var(--mono);color:var(--muted);cursor:pointer;min-width:44px;padding-top:8px;font-size:10.5px}.tc:hover{color:rgb(var(--accent-rgb))}.bubble{background:var(--panel2);border:1px solid var(--line);cursor:pointer;border-radius:12px;padding:9px 13px;line-height:1.5;transition:box-shadow .15s;position:relative}.turn.user .bubble{background:rgba(var(--user-rgb), .14);border-color:rgba(var(--user-rgb), .3)}.turn.bad .bubble{border-color:rgb(var(--danger-rgb))}.turn.active .bubble{box-shadow:0 0 0 2px rgb(var(--accent-rgb));background:var(--panel)}.turn.playing .bubble{box-shadow:0 0 0 2px rgb(var(--warn-rgb))}.role{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:3px;font-size:10px}.turn.bot .role{color:rgb(var(--bot-rgb))}.turn.user .role{color:rgb(var(--user-rgb))}.lat{font-family:var(--mono);color:rgb(var(--warn-rgb));margin-top:5px;font-size:10px}.turn.selected .bubble{box-shadow:0 0 0 2px rgb(var(--accent-rgb))}.turn.selected .bubble:after{content:"✓";background:rgb(var(--accent-rgb));width:18px;height:18px;color:var(--accent-ink);z-index:7;border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;top:-8px;right:-8px}.turn.user.selected .bubble:after{left:-8px;right:auto}.svc{background:var(--panel2);border:1px solid var(--line);max-width:560px;color:var(--muted);cursor:pointer;border-radius:20px;justify-content:center;align-items:center;gap:8px;margin:2px auto 16px;padding:6px 14px;font-size:12px;transition:background .13s,box-shadow .15s;display:flex;position:relative}.svc:hover{background:var(--panel)}.svc:hover .turnctl{opacity:1}.svcctl{top:50%;left:auto;right:-104px;transform:translateY(-50%)}.svc.selected{box-shadow:0 0 0 2px rgb(var(--accent-rgb));color:var(--txt)}.svc .svctime{font-family:var(--mono);opacity:.7;cursor:pointer;font-size:10px}.svc.done{border-color:rgba(var(--bot-rgb), .5);color:rgb(var(--bot-rgb))}.svc.fail{border-color:rgba(var(--warn-rgb), .6);color:rgb(var(--warn-rgb))}.turnctl{opacity:0;z-index:6;gap:5px;transition:opacity .15s;display:flex;position:absolute;top:-14px;right:10px}.turn.user .turnctl{left:10px;right:auto}.turn:hover .turnctl{opacity:1}.turnctl button{background:var(--panel);border:1px solid var(--line);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:14px;padding:4px 11px;font-size:11px;font-weight:600;box-shadow:0 3px 10px #0000001f}.turnctl button:hover{color:rgb(var(--accent-rgb));border-color:rgb(var(--accent-rgb))}.selbar{background:var(--panel);border:1px solid var(--line);opacity:0;pointer-events:none;z-index:40;border-radius:30px;align-items:center;gap:12px;padding:8px 10px 8px 18px;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)translateY(30px);box-shadow:0 12px 34px #00000052}.selbar.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.selbar .cnt{font-weight:700}.selbar button{cursor:pointer;border:none;border-radius:20px;padding:7px 14px;font-size:12.5px;font-weight:700}.selbar .go{background:rgb(var(--accent-rgb));color:var(--accent-ink)}.selbar .clr{background:var(--panel2);color:var(--muted)}.cpanel{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;min-height:0;display:flex}.cpanel h3{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0;padding:14px 16px 8px;font-size:11px}.clist{flex:1;padding:0 10px 12px;overflow:auto}.crow{background:var(--panel2);border:1px solid var(--line);border-left:3px solid rgb(var(--danger-rgb));cursor:pointer;border-radius:8px;margin-bottom:8px;padding:9px 11px;transition:transform .1s,background .13s;position:relative}.crow:hover{background:var(--panel)}.crow:active{transform:scale(.99)}.ctime{font-family:var(--mono);color:rgb(var(--warn-rgb));font-size:11px}.ctag{font-family:var(--mono);color:var(--muted);float:right;font-size:10px}.ctext{margin-top:5px;line-height:1.45}.cact{opacity:0;gap:6px;max-height:0;margin-top:8px;transition:opacity .15s,max-height .18s;display:flex;overflow:hidden}.crow:hover .cact{opacity:1;max-height:40px}.cact button{border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:14px;padding:4px 11px;font-size:11px}.cact button:hover{color:rgb(var(--accent-rgb));border-color:rgb(var(--accent-rgb))}.cempty{color:var(--muted);padding:8px 12px;font-size:12px}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#0305088c;justify-content:center;align-items:center;animation:.18s fade;display:none;position:fixed;inset:0}.overlay.show{display:flex}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(560px,92vw);padding:20px;animation:.2s cubic-bezier(.2,.9,.3,1.2) pop;box-shadow:0 20px 60px #0006}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}.modal h3{margin:0 0 4px;font-size:15px}.modal .mt{font-family:var(--mono);color:rgb(var(--warn-rgb));margin-bottom:12px;font-size:12px}.modal textarea{background:var(--panel2);border:1px solid var(--line);width:100%;min-height:96px;color:var(--txt);font-family:var(--sans);resize:vertical;border-radius:10px;outline:none;padding:11px;font-size:13px}.modal textarea:focus{border-color:rgb(var(--accent-rgb))}.mrow{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.toggles{flex-direction:column;gap:9px;margin:6px 0 12px;display:flex}.toggles label{cursor:pointer;color:var(--txt);align-items:center;gap:9px;font-size:13px;display:flex}.toggles input{width:16px;height:16px;accent-color:rgb(var(--accent-rgb))}.mdprev{background:var(--mdprev-bg);border:1px solid var(--line);max-height:300px;font-family:var(--mono);white-space:pre-wrap;color:var(--mdprev-fg);border-radius:10px;padding:12px;font-size:11px;line-height:1.5;overflow:auto}.toast{background:rgb(var(--accent-rgb));color:var(--accent-ink);opacity:0;z-index:60;border-radius:10px;padding:10px 18px;font-weight:700;transition:all .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=860px){.rmid{grid-template-columns:1fr}.cpanel{display:none}.metrics{width:100%;margin-left:0}.hint{display:none}}