:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light dark;color:#e6e6e6;background:#1a1a1a;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial}}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{color:#e6e6e6;cursor:pointer;background:#2d2d2d;border:1px solid #444;border-radius:4px;padding:.4em .8em}button:hover:not(:disabled){background:#3a3a3a}button:disabled{opacity:.4;cursor:not-allowed}button.danger{color:#ff8a8a;border-color:#aa3a3a}input,textarea,select{color:#e6e6e6;background:#111;border:1px solid #333;border-radius:3px;padding:.25em .4em}textarea{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}h2,h3{margin:0}.muted{color:#888;font-size:.9em}.app{display:flex;flex-direction:column;gap:1rem;max-width:1200px;margin:0 auto;padding:1rem}.app-header{display:flex;border-bottom:1px solid #333;justify-content:space-between;align-items:baseline;padding-bottom:.5rem}.panel{background:#1f1f1f;border:1px solid #2e2e2e;border-radius:6px;padding:.75rem}.panel h3{color:#aaa;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.95em}.row{display:flex;flex-wrap:wrap;align-items: center;gap:.5rem}.row.header{justify-content:space-between}.start-form{display:flex;flex-direction:column;gap:.5rem}.start-form label{display:flex;flex-direction:column;gap:.2em;font-size:.85em}.start-form .two-col{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.json-field{flex:1}.event-log{overflow-y:auto;background:#111;border-radius:4px;max-height:240px;padding:.4rem;font-family:ui-monospace,monospace;font-size:.82em}.log-line{display:flex;white-space:pre-wrap;word-break:break-word;gap:.5rem;padding:.1rem 0}.log-ts{color:#666;flex-shrink:0}.log-sse .log-text{color:#b8d4ff}.log-error .log-text{color:#ff8a8a}.channel-list table{border-collapse:collapse;width:100%;font-size:.9em}.channel-list th,.channel-list td{text-align:left;border-bottom:1px solid #2e2e2e;padding:.3rem .4rem}.channel-list td:last-child{display:flex;gap:.35rem}.channel-list th{color:#888;font-weight:500}.channel-list tr.expired{opacity:.5}.modal-backdrop{position:fixed;display:grid;z-index:50;background:#0009;place-items: center;inset:0}.modal{overflow-y:auto;background:#1f1f1f;border:1px solid #3a3a3a;border-radius:8px;min-width:520px;max-width:720px;max-height:85vh;padding:1rem}.call-panel{display:flex;flex-direction:column;gap:.75rem}.state{display:inline-block;background:#2a2a2a;border-radius:3px;padding:.15em .5em;font-family:ui-monospace,monospace;font-size:.85em}.state-CONNECTING{color:#e0d080;background:#3a3a1a}.state-IDLE{color:#80c080;background:#1a2a1a}.state-RECORDING{color:#ff8080;background:#3a1a1a}.state-WAITING{color:#a0a0ff;background:#2a2a3a}.state-AI_SPEAKING{color:#80c0ff;background:#1a2a3a}.state-ENDED{color:#c080c0;background:#2a1a2a}.error{color:#ff8a8a;font-size:.9em}.controls{gap:.5rem}.transcript{overflow-y:auto;display:flex;background:#111;border-radius:4px;flex-direction:column;gap:.25rem;min-height:180px;max-height:320px;padding:.5rem;font-size:.92em}.transcript-line{display:flex;align-items:baseline;gap:.5rem}.transcript-role{color:#888;text-transform:uppercase;flex-shrink:0;width:5em;font-size:.75em}.transcript-user .transcript-text{color:#d0e8ff}.transcript-assistant .transcript-text{color:#d0ffd0}