*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f172a;--surface: #1e293b;--text: #f1f5f9;--text-muted: #94a3b8;--accent: #3b82f6;--accent-green: #22c55e;--accent-red: #ef4444;--accent-amber: #f59e0b;--accent-purple: #a855f7;--accent-cyan: #06b6d4;--radius: 12px}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#root{height:100%}.app{display:flex;flex-direction:column;align-items:center;min-height:100%;padding:2rem 1rem;max-width:480px;margin:0 auto}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.subtitle{color:var(--text-muted);font-size:.875rem;margin-top:.25rem}.app-main{flex:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.app-footer{width:100%;margin-top:2rem}.orb-container{width:160px;height:160px;display:flex;align-items:center;justify-content:center;margin:1rem 0}.orb{width:100px;height:100px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;transition:all .5s ease;box-shadow:0 0 0 0 transparent}.orb-inner{width:40px;height:40px;border-radius:50%;background:var(--text-muted);transition:all .5s ease}.orb.listening{box-shadow:0 0 40px #22c55e4d}.orb.listening .orb-inner{background:var(--accent-green);animation:breathe 2s ease-in-out infinite}.orb.user_speaking{box-shadow:0 0 60px #3b82f666;transform:scale(1.1)}.orb.user_speaking .orb-inner{background:var(--accent);animation:pulse-fast .6s ease-in-out infinite}.orb.thinking{box-shadow:0 0 30px #a855f74d}.orb.thinking .orb-inner{background:var(--accent-purple);animation:spin 1.5s linear infinite}.orb.speaking{box-shadow:0 0 50px #06b6d466;transform:scale(1.05)}.orb.speaking .orb-inner{background:var(--accent-cyan);animation:pulse-fast .4s ease-in-out infinite}.orb.reconnecting{box-shadow:0 0 30px #f59e0b4d}.orb.reconnecting .orb-inner{background:var(--accent-amber);animation:spin 1s linear infinite}.orb.error .orb-inner{background:var(--accent-red)}@keyframes breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}@keyframes pulse-fast{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-bar{text-align:center}.status-indicator-wrapper{display:flex;align-items:center;justify-content:center;gap:.5rem}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot.pulse{animation:dot-pulse 1.5s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.status-label{font-size:.9rem;color:var(--text-muted)}.status-error{color:var(--accent-red);font-size:.8rem;margin-top:.5rem;padding:.5rem 1rem;background:#ef44441a;border-radius:var(--radius);max-width:320px}.meter{width:100%;max-width:280px;display:flex;align-items:center;gap:.5rem}.meter-label{font-size:.75rem;color:var(--text-muted);flex-shrink:0;width:28px}.meter-track{flex:1;height:6px;background:var(--surface);border-radius:3px;overflow:hidden}.meter-fill{height:100%;border-radius:3px;transition:width .1s ease,background-color .2s ease}.call-controls{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:#fff}.btn:active{transform:scale(.97)}.btn-connect{background:var(--accent-green)}.btn-connect:hover{background:#16a34a}.btn-connecting{background:var(--surface);color:var(--text-muted);cursor:wait}.btn-mute{background:var(--surface)}.btn-mute:hover{background:#334155}.btn-mute.muted{background:var(--accent-amber);color:#000}.btn-hangup{background:var(--accent-red)}.btn-hangup:hover{background:#dc2626}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.prompt-editor{width:100%;margin-bottom:.5rem}.prompt-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:var(--surface);border:1px solid transparent;border-radius:var(--radius);color:var(--text-muted);font-size:.85rem;cursor:pointer;text-align:left;transition:border-color .2s}.prompt-toggle:hover{border-color:#334155}.prompt-toggle-icon{font-size:.7rem;flex-shrink:0}.prompt-toggle-label strong{color:var(--text)}.prompt-list{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.prompt-item{padding:.75rem;background:var(--surface);border-radius:var(--radius);border:1px solid transparent}.prompt-item.active{border-color:var(--accent-green)}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.prompt-name{font-size:.85rem;font-weight:500;color:var(--text)}.prompt-item.active .prompt-name{color:var(--accent-green)}.prompt-preview{font-size:.75rem;color:var(--text-muted);line-height:1.4;margin-top:.25rem}.prompt-actions{display:flex;gap:.35rem}.btn-sm{padding:.25rem .5rem;font-size:.7rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:opacity .2s}.btn-sm:hover{opacity:.8}.btn-activate{background:var(--accent-green);color:#fff}.btn-edit{background:var(--accent);color:#fff}.btn-delete{background:var(--accent-red);color:#fff;font-size:.85rem;padding:.15rem .45rem}.btn-save{background:var(--accent-green);color:#fff}.btn-cancel{background:#334155;color:var(--text-muted)}.btn-new-prompt{background:transparent;border:1px dashed #334155;color:var(--text-muted);padding:.5rem;border-radius:var(--radius);cursor:pointer;font-size:.8rem;text-align:center;width:100%}.btn-new-prompt:hover{border-color:var(--accent);color:var(--accent)}.prompt-input{width:100%;padding:.4rem .6rem;background:#0c1222;border:1px solid #334155;border-radius:6px;color:var(--text);font-size:.85rem;margin-bottom:.4rem}.prompt-input:focus{outline:none;border-color:var(--accent)}.prompt-textarea{width:100%;padding:.5rem .6rem;background:#0c1222;border:1px solid #334155;border-radius:6px;color:var(--text);font-size:.8rem;font-family:inherit;resize:vertical;line-height:1.4;margin-bottom:.4rem}.prompt-textarea:focus{outline:none;border-color:var(--accent)}.prompt-edit-form,.prompt-create-form{display:flex;flex-direction:column}.prompt-edit-actions{display:flex;gap:.35rem}.prompt-error{padding:.4rem .6rem;background:#ef44441a;border-radius:6px;color:var(--accent-red);font-size:.75rem}.btn-ptt-toggle{background:var(--surface);font-size:.85rem;padding:.6rem 1rem}.btn-ptt-toggle:hover{background:#334155}.btn-ptt-toggle.ptt-on{background:var(--accent-amber);color:#000}.btn-hold-to-talk{background:var(--accent);padding:.75rem 2rem;font-size:1rem;user-select:none;-webkit-user-select:none;touch-action:none}.btn-hold-to-talk:hover{background:#2563eb}.btn-hold-to-talk.recording{background:var(--accent-red);animation:pulse-record .8s ease-in-out infinite}@keyframes pulse-record{0%,to{transform:scale(1);box-shadow:0 0 #ef444466}50%{transform:scale(1.03);box-shadow:0 0 20px 4px #ef44444d}}.orb.ptt-recording{box-shadow:0 0 60px #ef444480;transform:scale(1.1)}.orb.ptt-recording .orb-inner{background:var(--accent-red);animation:pulse-fast .5s ease-in-out infinite}.cost-display{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:var(--surface);border-radius:var(--radius);font-size:.75rem;color:var(--text-muted)}.cost-label{font-weight:500;color:var(--text)}.cost-tokens{color:var(--text-muted)}.cost-amount{color:var(--accent-green);font-weight:600;font-family:SF Mono,Fira Code,monospace}.debug-panel{width:100%}.debug-toggle{display:block;width:100%;padding:.5rem;background:transparent;border:1px solid #334155;border-radius:var(--radius);color:var(--text-muted);font-size:.75rem;cursor:pointer;text-align:center}.debug-toggle:hover{border-color:var(--text-muted)}.debug-log{margin-top:.5rem;max-height:200px;overflow-y:auto;background:#0c1222;border-radius:var(--radius);padding:.5rem;font-family:SF Mono,Fira Code,monospace;font-size:.7rem}.debug-event{display:flex;justify-content:space-between;padding:.15rem 0;border-bottom:1px solid #1a2236}.debug-type{color:var(--accent-cyan)}.debug-time{color:var(--text-muted)}.debug-memory-stats,.debug-cost-stats{padding:.3rem 0;border-bottom:1px solid #1a2236;margin-bottom:.25rem;font-size:.7rem}.debug-cost-stats,.debug-cost-badge{color:var(--accent-green)}.debug-ptt .debug-type{color:var(--accent-amber)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}@media(max-width:400px){.app{padding:1rem .75rem}.app-header h1{font-size:1.25rem}.orb-container{width:140px;height:140px}.orb{width:80px;height:80px}.orb-inner{width:32px;height:32px}}