:root{
  --bg:#0b0e13; --panel:#101522; --ink:#e7ecf5; --muted:#9aa4b2;
  --accent:#5dd0ff; --accent2:#2bd576;
  --ok:#22c55e; --warn:#f59e0b; --err:#ef4444; --bar:#0e1422;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);color:var(--ink);font:14px/1.4 system-ui,Segoe UI,Roboto}
.wrap{max-width:1280px;margin:0 auto;padding:10px}
.bar{display:flex;align-items:center;gap:12px;background:var(--bar);border:1px solid #162033;border-radius:12px;padding:8px 12px;box-shadow:0 1px 0 #0a0f18 inset}
.logo{font-size:20px}.title{font-weight:700}.spacer{flex:1}
.agent{display:flex;gap:8px;align-items:center}
.agent input{background:#0b1220;border:1px solid #1a2334;border-radius:8px;color:var(--ink);padding:6px 8px;min-width:260px}
.agent .chk{display:flex;align-items:center;gap:6px}
button{background:linear-gradient(#1a2436,#121a2a);border:1px solid #1b2a42;border-radius:10px;color:var(--ink);padding:8px 10px;cursor:pointer}
button:disabled{opacity:.5;cursor:not-allowed}
.grid{display:grid;grid-template-columns: 360px 1fr 1fr; gap:12px; margin-top:12px}
.panel{background:var(--panel);border:1px solid #162033;border-radius:12px;padding:12px}
.panel h2{margin:0 0 8px 0;font-size:15px;color:#cfe3ff}
.controls{display:grid;gap:8px}
.controls label{display:flex;gap:8px;align-items:center;justify-content:space-between}
.controls input[type=range]{width:160px}
.controls .rowline{display:flex;gap:10px;align-items:center;justify-content:space-between;color:var(--muted)}
.status{display:flex;gap:14px;margin-top:6px;color:var(--muted)}
.transcript .log{height:360px;background:#0b1220;border:1px solid #1a2334;border-radius:10px;padding:10px;overflow:auto}
.row{padding:4px 6px;border-radius:6px;margin-bottom:4px}
.row.user{background:rgba(93,208,255,0.08)}
.row.agent{background:rgba(43,213,118,0.08)}
.audio .meters{display:grid;grid-template-columns: auto 90px; align-items:center; gap:10px}
.meterLabel{color:var(--muted)}
.tips{color:#9fb3cc;font-size:12px;margin-top:10px;opacity:.9}
.caption-links{margin-top:8px;color:#9fb3cc}