*,:before,:after{box-sizing:border-box}:root{--bg:#fbfbfa;--fg:#1a1a19;--muted:#6b6b66;--line:#e2e1dd;--card:#fff;--raised:#f4f3f0;--rt:#2f6f4f;--cas:#8a5a2b;--bad:#a33a2a;--focus:#1a1a19;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:ui-sans-serif,-apple-system,Segoe UI,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14140f;--fg:#ececea;--muted:#9a9a93;--line:#2c2c26;--card:#1c1c17;--raised:#23231d;--rt:#7fc9a1;--cas:#d3a066;--bad:#e08a7a;--focus:#ececea}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55}.app{max-width:60rem;margin:0 auto;padding:2.5rem 1.25rem 5rem}header h1{letter-spacing:-.02em;margin:0 0 .3rem;font-size:1.55rem}.tagline{color:var(--muted);margin:0 0 .4rem;font-size:.93rem}.subheader{color:var(--muted);margin:0 0 .5rem;font-size:.82rem}.tagline a{color:inherit;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.tagline a:hover{color:var(--fg)}.setup{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:.4rem 1.1rem}.step{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.85rem 0;display:flex}.step:last-child{border-bottom:none}.step-label{text-transform:uppercase;letter-spacing:.09em;min-width:8.5rem;color:var(--muted);align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;display:inline-flex}.step-label b{background:var(--raised);width:1.35rem;height:1.35rem;color:var(--fg);border-radius:50%;place-items:center;font-size:.72rem;font-weight:650;display:inline-grid}.modes{flex-wrap:wrap;gap:.4rem;display:flex}.modes label{border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.38rem .75rem;font-size:.87rem;transition:background .12s,border-color .12s;display:inline-flex}.modes label:hover{border-color:var(--muted)}.modes label.on{background:var(--raised);border-color:var(--fg);font-weight:550}.modes input{opacity:0;pointer-events:none;position:absolute}.live-dot{background:var(--rt);border-radius:50%;width:.45rem;height:.45rem;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}select,.toggle,button{font:inherit;color:inherit}select{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:.36rem .55rem;font-size:.87rem}select:disabled{opacity:.55}.pair{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.no-ref{color:var(--cas);border:1px dashed var(--line);border-radius:999px;padding:.15rem .55rem;font-size:.78rem}.src-note{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:.72rem}.src-note:before{content:"● ";color:var(--rt)}.src-note.idle:before{color:var(--muted)}.modes label input:disabled+*{opacity:.5}.modes label:has(input:disabled){opacity:.45;cursor:not-allowed}.cascade-picks{flex-wrap:wrap;gap:.4rem;display:flex}button{cursor:pointer;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:.4rem .8rem;font-size:.87rem;transition:background .12s,border-color .12s}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--fg);color:var(--bg);border-color:var(--fg);padding:.45rem 1.1rem;font-weight:550}.primary:hover:not(:disabled){opacity:.88}.primary.stop{background:var(--bad);border-color:var(--bad);color:#fff}.primary.play{background:var(--rt);border-color:var(--rt);color:var(--bg)}.ghost{background:0 0}.clips{flex:22rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.5rem;display:grid}.clip-card{text-align:left;border:1px solid var(--line);background:var(--card);border-radius:10px;flex-direction:column;align-items:flex-start;gap:.25rem;min-height:4.4rem;padding:.6rem .7rem;display:flex}.clip-card.on{border-color:var(--fg);background:var(--raised)}.clip-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.83rem;line-height:1.35;display:-webkit-box;overflow:hidden}.clip-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:auto;font-size:.71rem}.actions{gap:.75rem}.status{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:.76rem}.status-live{color:var(--rt);font-weight:600}.mic-meter{background:var(--raised);border-radius:999px;flex:0 0 7rem;height:.4rem;position:relative;overflow:hidden}.mic-bar{background:var(--muted);transition:width .1s linear;position:absolute;inset:0 auto 0 0}.mic-meter.speaking .mic-bar{background:var(--rt)}.mic-thresh{background:var(--fg);opacity:.5;width:1px;position:absolute;top:0;bottom:0}.advanced{margin-top:.75rem}.advanced summary{cursor:pointer;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:.35rem 0;font-size:.78rem;list-style:none}.advanced summary::-webkit-details-marker{display:none}.advanced summary:before{content:"▸ "}.advanced[open] summary:before{content:"▾ "}.advanced-body{flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem 0 .2rem;display:flex}.toggle{cursor:pointer;align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.error,.warning,.notice,.hint{border:1px solid var(--line);border-radius:9px;margin:.9rem 0 0;padding:.6rem .85rem;font-size:.87rem}.error{border-color:var(--bad);color:var(--bad)}.warning{border-color:var(--cas);color:var(--cas)}.notice,.hint{color:var(--muted)}.transcript{border:1px solid var(--line);background:var(--card);border-radius:12px;margin-top:1.5rem;overflow:hidden}.transcript-head{border-bottom:1px solid var(--line);background:var(--raised);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);grid-template-columns:1fr 1fr;gap:1rem;padding:.6rem 1rem;font-size:.72rem;font-weight:600;display:grid}.utterance{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1rem;padding:.7rem 1rem;display:grid}.utterance:last-child{border-bottom:none}.utterance p{margin:0}.utterance .interim{color:var(--muted);font-style:italic}.grade{border:1px solid var(--line);background:var(--card);border-radius:12px;margin-top:1.25rem;padding:1rem 1.1rem 1.1rem}.grade-head{flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:.85rem;display:flex}.grade-head h2{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0;font-size:.75rem;font-weight:600}.grade-state{text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.grade-state.settled{color:var(--rt)}.grade-state.pending{color:var(--muted)}.grade-clip{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:24rem;margin-left:auto;font-size:.8rem;overflow:hidden}.grade-row{border-top:1px solid var(--line);grid-template-columns:9rem 1fr;gap:1rem;padding:.75rem 0;display:grid}.grade-metric{flex-direction:column;gap:.3rem;display:flex}.grade-metric-name{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.72rem}.grade-badge{font-variant-numeric:tabular-nums;border:1px solid var(--line);border-radius:6px;align-self:flex-start;padding:.1rem .5rem;font-size:.95rem;font-weight:650}.grade-good{color:var(--rt);border-color:var(--rt)}.grade-mid{color:var(--cas);border-color:var(--cas)}.grade-bad{color:var(--bad);border-color:var(--bad)}.grade-wait{color:var(--muted)}.grade-texts{min-width:0}.grade-ref,.grade-diff{margin:0 0 .35rem;font-size:.9rem}.grade-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-right:.4rem;font-size:.68rem}.grade-diff.interim{color:var(--muted);font-style:italic}.diff-sub{color:var(--cas);-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.diff-ins{color:var(--bad)}.diff-del{color:var(--muted);text-decoration:line-through}.latency,.scores-section{border:1px solid var(--line);background:var(--card);border-radius:12px;margin-top:1.25rem;padding:1rem 1.1rem}.latency-header,.stats-footer{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:.8rem;font-size:.75rem;display:flex}.latency-header h2,.grade-head h2{letter-spacing:-.01em;text-transform:none;color:var(--fg);margin:0;font-size:.95rem;font-weight:650}.latency-summary{font-variant-numeric:tabular-nums;width:100%;margin-top:.6rem}.latency-summary td,.latency-summary th{vertical-align:top}.latency-summary .breakdown{white-space:normal;margin-top:0;line-height:1.4}.stage-stats{flex-wrap:wrap;gap:1.2rem;margin-top:.6rem;display:flex}.stage-col{font-variant-numeric:tabular-nums;flex-direction:column;font-size:.85rem;display:flex}.badges{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.12rem .5rem;font-size:.75rem}.breakdown{color:var(--muted);margin-top:.4rem;font-size:.82rem}.run-stack{color:var(--muted);font-size:.72rem;font-weight:400;display:block}.waterfalls{flex-direction:column;gap:.35rem;margin-top:.75rem;display:flex}.waterfall-row{grid-template-columns:minmax(7rem,11rem) 4.5rem 1fr;align-items:center;gap:.7rem;font-size:.78rem;display:grid}.wf-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wf-e2e{font-variant-numeric:tabular-nums;text-align:right}.wf-track{background:var(--raised);border:1px solid var(--line);border-radius:999px;height:.62rem;position:relative}.wf-tick{background:var(--fg);opacity:.65;border-radius:1px;width:2px;position:absolute;top:-1px;bottom:-1px}.wf-tick:hover{opacity:1}.scores{max-width:68rem}.table-scroll{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.86rem}th,td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:.4rem .5rem}th:first-child,td:first-child{text-align:left}thead th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.74rem;font-weight:600}.score-good{color:var(--rt)}.score-mid{color:var(--cas)}.score-bad{color:var(--bad)}.correlations{flex-wrap:wrap;gap:.6rem;margin-top:.6rem;display:flex}.correlation-card,.failure-card,.eval-card{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:.7rem .85rem;font-size:.85rem}.failures{gap:.6rem;margin-top:.6rem;display:grid}.eval-pair{gap:.8rem;margin-top:1rem;display:grid}.eval-source{color:var(--muted);font-size:.88rem}.eval-actions{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}@media (width<=40rem){.step-label{min-width:100%}.transcript-head,.utterance{grid-template-columns:1fr;gap:.35rem}.grade-row{grid-template-columns:1fr}}