:root{--bg: #f6f7f9;--card: #ffffff;--text: #1d2330;--muted: #6b7280;--border: #e3e6eb;--accent: #2563eb;--accent-text: #ffffff;--ok: #15803d;--warn: #b45309;--warn-bg: #fff7e6;--error: #b91c1c;--sim: #eef4ff;--remote: #f3f4f6;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text)}@media(prefers-color-scheme:dark){:root{--bg: #12151b;--card: #1b1f27;--text: #e6e8ec;--muted: #9aa1ad;--border: #2b313c;--accent: #60a5fa;--accent-text: #0b1220;--ok: #4ade80;--warn: #fbbf24;--warn-bg: #2a2212;--error: #f87171;--sim: #1c2a44;--remote: #232833}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%}main{padding:16px}.page{max-width:1100px;margin:0 auto}.page.narrow{max-width:380px;margin-top:10vh}h1{font-size:22px;margin:8px 0 16px}h2{font-size:16px;margin:0 0 8px}.nav{position:sticky;top:0;z-index:20;display:flex;gap:16px;align-items:center;padding:10px 16px;background:var(--card);border-bottom:1px solid var(--border);flex-wrap:wrap}.nav nav{display:flex;gap:12px;flex-wrap:wrap;flex:1}.nav a{color:var(--muted);text-decoration:none}.nav a.router-link-active{color:var(--accent);font-weight:600}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:16px}.form{display:flex;flex-direction:column;gap:12px}.form label{display:flex;flex-direction:column;gap:4px;font-size:14px}label.inline{flex-direction:row!important;align-items:center;gap:6px}fieldset{border:1px solid var(--border);border-radius:8px;display:flex;gap:16px;flex-wrap:wrap}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);max-width:100%}input.num{width:64px}button{padding:7px 14px;border-radius:6px;border:1px solid var(--border);background:var(--card);cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button.danger{border-color:var(--error);color:var(--error)}button.link{border:none;background:none;color:var(--muted)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted);font-size:13px}.error{color:var(--error)}.ok{color:var(--ok)}.warn{color:var(--warn);background:var(--warn-bg);padding:6px 10px;border-radius:6px}.table-wrap{overflow-x:auto;background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:16px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:500;white-space:nowrap}tr.sim td{background:var(--sim)}audio{height:32px;max-width:220px}.metrics{font-size:12px;color:var(--muted);white-space:nowrap}.qc{font-size:12px;padding:2px 6px;border-radius:4px;margin-right:4px;white-space:nowrap}.qc.pass{color:var(--ok);border:1px solid var(--ok)}.qc.review{color:var(--warn);border:1px solid var(--warn)}.qc.reject{color:var(--error);border:1px solid var(--error)}.level{height:8px;background:var(--remote);border-radius:4px;overflow:hidden;margin:12px 0}.level.small{width:120px;margin:0}.level>div{height:100%;background:var(--accent);transition:width .2s}.status{display:flex;gap:16px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.dot:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:var(--muted)}.dot.speaking:before{background:var(--accent)}.dot.listening:before{background:var(--ok)}.dot.thinking:before{background:var(--warn)}.transcript{list-style:none;padding:0;margin:0 0 12px;max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.transcript li{padding:8px 10px;border-radius:8px;background:var(--remote)}.transcript li.sim{background:var(--sim)}.transcript li.partial{opacity:.6}.transcript b{margin-right:8px;font-weight:600}.row.between{justify-content:space-between}.nowrap{flex-wrap:nowrap;white-space:nowrap}details>summary{cursor:pointer;font-weight:600}.small{font-size:12px}.menu-btn{display:none}@media(max-width:720px){main{padding:12px}h1{font-size:20px;margin:4px 0 12px}.card{padding:12px;border-radius:8px}input,select,textarea{font-size:16px;min-height:40px}button{min-height:40px}input[type=checkbox],input[type=radio]{min-height:0;width:20px;height:20px}input.num{width:72px}.nav{padding:8px 12px;gap:8px;flex-wrap:nowrap;justify-content:space-between}.menu-btn{display:inline-block}.nav nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--card);border-bottom:1px solid var(--border);box-shadow:0 8px 16px #00000014}.nav nav.open{display:flex}.nav nav a,.nav nav .link{padding:12px 16px;border-top:1px solid var(--border);text-align:left;font-size:16px}.table-wrap{background:transparent;border:none;overflow:visible}table.stack,table.stack tbody,table.stack tr,table.stack td{display:block;width:100%}table.stack thead{display:none}table.stack tr{background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:10px;padding:6px 0}table.stack tr.sim{background:var(--sim)}table.stack td{border:none;padding:6px 12px;display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:12px;row-gap:4px;align-items:center;justify-items:start;background:transparent!important}table.stack td:not([data-label]){grid-template-columns:minmax(0,1fr)}table.stack td[data-label]:before{content:attr(data-label);grid-row:1;align-self:start;padding-top:2px;color:var(--muted);font-size:13px}table.stack td>*{grid-column:-2}table.stack td:empty{display:none}table.stack td>input:not([type=checkbox]),table.stack td>select,table.stack td>textarea,table.stack td>audio,table.stack td>div{justify-self:stretch;width:100%}table.stack td.row,table.stack td.nowrap{display:flex;flex-wrap:wrap;gap:8px}table.stack td.row:before,table.stack td.nowrap:before{flex:0 0 76px}.nav nav .link{border-radius:0;min-height:0}audio{width:100%;max-width:100%}.metrics{white-space:normal}.transcript{max-height:55vh}.status{gap:10px}}