:root{color:#18211f;background:#f4f6f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{min-height:44px;border:0;border-radius:6px;padding:0 18px;color:#fff;background:#1d6f64;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}select,input{width:100%;min-height:44px;border:1px solid #cad1cc;border-radius:6px;padding:0 12px;color:#18211f;background:#fff}.shell{width:min(1120px,calc(100vw - 32px));min-height:100vh;margin:0 auto;padding:32px 0;display:grid;align-items:center}.panel,.workspace{border:1px solid #d8ded9;border-radius:8px;background:#fff;box-shadow:0 20px 70px #18211f14}.panel{width:min(520px,100%);margin:0 auto;padding:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:0}.signal-dot,.status-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.signal-dot{background:#eaa73f}.login-form{margin-top:28px}.login-form label,.controls label{display:grid;gap:8px;color:#4e5b56;font-size:.9rem;font-weight:650}.login-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:8px}.workspace{min-height:680px;padding:24px;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:20px}.topbar,.connection,.controls,.meters{display:flex;align-items:center}.topbar{justify-content:space-between;gap:16px}.connection{gap:10px;color:#4e5b56}.status-dot.idle{background:#9da8a2}.status-dot.connecting{background:#eaa73f}.status-dot.live{background:#1d9a62}.status-dot.error{background:#b94b4b}.ghost-button,.secondary-button{color:#1d6f64;background:#e6f1ee}.controls{display:grid;grid-template-columns:minmax(160px,1fr) 44px minmax(160px,1fr) auto auto;gap:12px;align-items:end;padding:18px;border:1px solid #e1e7e2;border-radius:8px;background:#f9fbf8}.icon-button{width:44px;padding:0;color:#2b4740;background:#edf2ef;font-size:1.4rem}.meters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.meters div{min-height:72px;border:1px solid #e1e7e2;border-radius:8px;padding:14px;display:grid;align-content:center;gap:4px}.meters span{color:#65716b;font-size:.82rem}.meters strong{color:#18211f;font-size:1rem}.transcripts{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:320px}.transcripts article{border:1px solid #e1e7e2;border-radius:8px;padding:18px;background:#fff;overflow:auto}.transcripts h2{margin:0 0 12px;font-size:.95rem;color:#65716b}.transcripts p{margin:0;white-space:pre-wrap;line-height:1.5}.error{min-height:22px;margin:8px 0 0;color:#9d3030}[hidden]{display:none!important}@media(max-width:760px){.shell{width:min(100vw - 20px,1120px);padding:10px 0;align-items:start}.workspace{min-height:calc(100vh - 20px);padding:16px}.topbar,.connection{align-items:flex-start}.topbar,.controls,.meters,.transcripts,.login-row{grid-template-columns:1fr}.topbar{display:grid}.controls{align-items:stretch}.icon-button{width:100%}}