:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0c0d10;color:#e6e6e6}*{box-sizing:border-box}body{margin:0;min-height:100vh}.app{max-width:720px;margin:0 auto;padding:32px 20px 80px;display:flex;flex-direction:column;gap:20px}h1{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}.muted{color:#888;font-size:13px}.form{display:flex;flex-direction:column;gap:14px;background:#16181d;border:1px solid #23262d;border-radius:12px;padding:18px}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#9aa0a8}textarea,select,input{background:#0c0d10;color:#e6e6e6;border:1px solid #2a2e36;border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit;resize:vertical}textarea{min-height:80px}textarea:focus,select:focus,input:focus{outline:none;border-color:#4c8bf5}.row{display:flex;gap:12px}.row>*{flex:1}button{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:12px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s ease}button:hover:not(:disabled){background:#1d4ed8}button:disabled{background:#2a2e36;cursor:not-allowed;color:#777}button.stop{background:#dc2626}button.stop:hover{background:#b91c1c}.status{display:flex;align-items:center;gap:8px;font-size:13px;color:#aaa}.status .dot{width:8px;height:8px;border-radius:50%;background:#555}.status.live .dot{background:#22c55e;box-shadow:0 0 8px #22c55e}.status.connecting .dot{background:#f59e0b;animation:pulse 1s infinite}.status.error .dot{background:#dc2626}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.meters{display:flex;flex-direction:column;gap:12px;background:#16181d;border:1px solid #23262d;border-radius:12px;padding:18px}.meter{display:flex;flex-direction:column;gap:4px}.meter>.label{font-size:12px;color:#9aa0a8;text-transform:uppercase;letter-spacing:.06em}.meter>.bar{height:12px;background:#0c0d10;border:1px solid #2a2e36;border-radius:6px;overflow:hidden}.meter>.bar>.fill{height:100%;background:linear-gradient(90deg,#22c55e,#84cc16,#facc15);transition:width .1s linear}.transcript{background:#16181d;border:1px solid #23262d;border-radius:12px;padding:12px 18px;max-height:280px;overflow-y:auto;font-size:13px;line-height:1.6}.transcript .line{display:flex;gap:8px;padding:4px 0}.transcript .role{flex-shrink:0;font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.08em;width:56px;padding-top:2px}.transcript .role.user{color:#60a5fa}.transcript .role.agent{color:#34d399}.transcript .text{color:#ddd}.error-msg{background:#2a1414;border:1px solid #5c1f1f;color:#fca5a5;padding:10px 14px;border-radius:8px;font-size:13px}