html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d12;--bg-elev:#141823;--bg-elev-2:#1c2230;--border:#2a3142;--text:#e6e9f1;--text-dim:#8b93a7;--accent:#6c8cff;--accent-strong:#4d6bf0;--piper:#f3b85f;--hunter:#61d4a8;--danger:#ef6f6f}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif}*{box-sizing:border-box}button{font-family:inherit}.launcher{place-items:center;min-height:100%;padding:32px;display:grid}.launcher__card{background:var(--bg-elev);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:16px;max-width:520px;padding:32px;display:flex}.launcher__card h1{margin:0;font-size:28px}.launcher__card p{color:var(--text-dim);margin:0;line-height:1.5}.launcher__hint{font-size:13px}.primary-button{background:var(--accent-strong);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:600;transition:background .15s}.primary-button:hover{background:var(--accent)}.secondary-button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px;font-size:14px}.secondary-button:hover{background:var(--bg-elev-2)}.toggle{color:var(--text-dim);cursor:pointer;align-items:center;gap:10px;font-size:14px;display:inline-flex}.toggle input{accent-color:var(--accent)}.toggle--inline{font-size:13px}.status-overlay{background:#0b0d12eb;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.status-overlay__card{background:var(--bg-elev);border:1px solid var(--border);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:14px;max-width:480px;padding:28px;display:flex}.status-overlay__card h2{margin:0;font-size:20px}.status-overlay__detail{color:var(--text-dim);word-break:break-word;margin:0;font-size:14px;line-height:1.5}.status-overlay--error .status-overlay__card{border-color:var(--danger)}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{flex-direction:column;min-height:100vh;display:flex}.app__header{border-bottom:1px solid var(--border);background:var(--bg-elev);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.app__header h1{margin:0;font-size:18px}.app__status{color:var(--text-dim);margin:2px 0 0;font-size:13px}.app__status--error{color:var(--danger);font-weight:600}.app__controls{align-items:center;gap:16px;display:flex}.app__main{flex:1;grid-template-columns:1fr 320px;gap:24px;min-height:0;padding:24px;display:grid}@media (width<=960px){.app__main{grid-template-columns:1fr}}.avatars{grid-template-columns:1fr 1fr;gap:20px;min-height:0;display:grid}@media (width<=720px){.avatars{grid-template-columns:1fr}}.avatar-pane{background:var(--bg-elev);border:1px solid var(--border);opacity:.65;border-radius:14px;flex-direction:column;gap:12px;padding:16px;transition:opacity .2s,border-color .2s,box-shadow .2s;display:flex}.avatar-pane.is-active{opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 12px 32px #4c6bf040}.avatar-pane.agent-piper.is-active{border-color:var(--piper);box-shadow:0 0 0 1px var(--piper), 0 12px 32px #f3b85f33}.avatar-pane.agent-hunter.is-active{border-color:var(--hunter);box-shadow:0 0 0 1px var(--hunter), 0 12px 32px #61d4a833}.avatar-pane__header{justify-content:space-between;align-items:center;display:flex}.avatar-pane__header h2{margin:0;font-size:18px}.avatar-pane__video{aspect-ratio:3/4;background:#000;border-radius:10px;position:relative;overflow:hidden}.avatar-pane__video video{object-fit:contain;background:#000;width:100%;height:100%}.avatar-pane__role{color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}.avatar-pane__controls{align-items:center;gap:10px;margin-top:4px;display:flex}.avatar-pane__controls .ptt{flex:1}.avatars-region{flex-direction:column;gap:18px;min-height:0;display:flex}.auto-ptt{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:14px;display:flex}.auto-ptt .ptt{min-width:260px}.auto-ptt__hint{color:var(--text-dim);margin:0;font-size:12px}.ptt{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s,border-color .12s,box-shadow .12s,transform 50ms;display:inline-flex}.ptt:hover:not(:disabled):not(.ptt--recording){background:#232a3a;border-color:#3a4257}.ptt--recording:hover{background:#ef6f6f42}.ptt__dot{background:var(--text-dim);border-radius:50%;width:8px;height:8px;transition:background .12s,box-shadow .12s}.ptt--recording{border-color:var(--danger);color:var(--text);background:#ef6f6f2e;transform:scale(.98);box-shadow:0 0 0 4px #ef6f6f26}.ptt--recording .ptt__dot{background:var(--danger);animation:1.2s ease-out infinite ptt-pulse-record;box-shadow:0 0 #ef6f6fb3}.ptt--starting{background:#6c8cff1f;border-color:#6c8cff80}.ptt--starting .ptt__dot{background:var(--accent);animation:1s ease-in-out infinite ptt-pulse-pending}.ptt--processing{opacity:.85;background:#6c8cff14;border-color:#6c8cff59}.ptt--processing .ptt__dot{background:var(--accent);animation:1.4s ease-in-out infinite ptt-pulse-pending}@keyframes ptt-pulse-record{0%{box-shadow:0 0 #ef6f6f8c}70%{box-shadow:0 0 0 10px #ef6f6f00}to{box-shadow:0 0 #ef6f6f00}}@keyframes ptt-pulse-pending{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.ptt--disabled,.ptt:disabled{opacity:.4;cursor:not-allowed}.ptt.ptt--starting:disabled,.ptt.ptt--processing:disabled{cursor:progress;opacity:1}.interrupt-btn{color:var(--danger);cursor:pointer;background:0 0;border:1px solid #ef6f6f73;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s,border-color .12s,opacity .12s}.interrupt-btn:hover:not(:disabled){border-color:var(--danger);background:#ef6f6f1f}.interrupt-btn:disabled{opacity:.35;cursor:not-allowed}.badge{text-transform:uppercase;letter-spacing:.06em;background:var(--bg-elev-2);color:var(--text-dim);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:600}.badge--listening{color:var(--accent);background:#6c8cff26}.badge--speaking{color:var(--hunter);background:#61d4a826}.badge--connecting{color:var(--piper);background:#f3b85f26}.badge--disconnected{color:var(--danger);background:#ef6f6f26}.transcript{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;max-height:calc(100vh - 140px);padding:16px;display:flex;overflow:hidden}.transcript h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0;font-size:14px}.transcript ol{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.transcript__empty{color:var(--text-dim);font-size:13px;font-style:italic}.transcript__turn{background:var(--bg-elev-2);border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;font-size:13px;line-height:1.45;display:flex}.transcript__role{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:600}.transcript__turn--user .transcript__role{color:var(--accent)}.transcript__turn--piper .transcript__role{color:var(--piper)}.transcript__turn--hunter .transcript__role{color:var(--hunter)}.transcript__text{word-break:break-word}