*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0a0f;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100dvh;overflow:hidden}#root{height:100%}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:4rem;padding:1rem}.orb-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:160px;height:160px}.orb{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#2a2a4a,#14142a);box-shadow:0 0 30px #3c3c784d;transition:all .6s ease}.orb-ring{position:absolute;border-radius:50%;border:1.5px solid transparent;pointer-events:none}.orb-ring-outer{width:160px;height:160px;opacity:0}.orb-ring-inner{width:140px;height:140px;opacity:0}.orb-wrapper.idle .orb{animation:breathe 4s ease-in-out infinite}.orb-wrapper.connecting .orb{animation:connectPulse 1.2s ease-in-out infinite;background:radial-gradient(circle at 35% 35%,#2a2a5a,#14142a)}.orb-wrapper.listening .orb{background:radial-gradient(circle at 35% 35%,#1a3a6a,#0d1f3a);box-shadow:0 0 40px #4a9eff40,0 0 80px #4a9eff1a;animation:listenPulse 2s ease-in-out infinite}.orb-wrapper.listening .orb-ring-outer{border-color:#4a9eff33;animation:ringExpand 2s ease-in-out infinite}.orb-wrapper.listening .orb-ring-inner{border-color:#4a9eff4d;animation:ringExpand 2s ease-in-out infinite .3s}.orb-wrapper.speaking .orb{background:radial-gradient(circle at 35% 35%,#3a1a4a,#1f0d2a);box-shadow:0 0 50px #b464ff4d,0 0 100px #b464ff1a;animation:speakPulse 1.2s ease-in-out infinite}.orb-wrapper.speaking .orb-ring-outer{border-color:#b464ff40;animation:ringExpand 1.4s ease-in-out infinite}.orb-wrapper.speaking .orb-ring-inner{border-color:#b464ff59;animation:ringExpand 1.4s ease-in-out infinite .2s}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 0 30px #3c3c784d}50%{transform:scale(1.03);box-shadow:0 0 40px #3c3c7866}}@keyframes connectPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:1}}@keyframes listenPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes speakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes ringExpand{0%{transform:scale(.85);opacity:0}50%{opacity:1}to{transform:scale(1.1);opacity:0}}.user-info{position:fixed;top:1rem;right:1rem;display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:#888}.logout-btn{background:none;border:1px solid #333;color:#888;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.8rem}.logout-btn:hover{border-color:#666;color:#ccc}.login-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:320px}.login-form h2{text-align:center;font-weight:400;color:#ccc;margin-bottom:.5rem}.login-form input{padding:.75rem 1rem;background:#1a1a2e;border:1px solid #333;border-radius:6px;color:#e0e0e0;font-size:.95rem;outline:none}.login-form input:focus{border-color:#4a9eff}.login-form button[type=submit]{padding:.75rem;background:#1a2a4e;border:1px solid #4a9eff;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:.95rem}.login-form button[type=submit]:hover:not(:disabled){background:#1a3a6a}.login-form button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.login-error{color:#ff6b6b;font-size:.85rem;text-align:center}.login-toggle{text-align:center;font-size:.85rem;color:#888}.login-toggle button{background:none;border:none;color:#4a9eff;cursor:pointer;font-size:.85rem}.mic-button{width:64px;height:64px;border-radius:50%;border:2px solid #333;background:#1a1a2e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mic-button:hover:not(:disabled){border-color:#4a9eff;background:#1a1a3e}.mic-button:disabled{opacity:.3;cursor:not-allowed}.mic-button.active{border-color:#ff6b6b;background:#2e1a1a;animation:micPulse 2s ease-in-out infinite}.mic-button svg{width:24px;height:24px;fill:#e0e0e0}.mic-button.active svg{fill:#ff6b6b}@keyframes micPulse{0%,to{box-shadow:0 0 #ff6b6b66}50%{box-shadow:0 0 0 12px #ff6b6b00}}.controls{display:flex;flex-direction:column;align-items:center;gap:1rem}.mute-button{background:#1a1a2e;border:1px solid #333;color:#888;padding:.4rem 1.25rem;border-radius:20px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.mute-button:hover{border-color:#4a9eff;color:#ccc}.mute-button.muted{border-color:#ff6b6b;color:#ff6b6b;background:#2e1a1a}.mute-button.muted:hover{border-color:#ff8a8a;color:#ff8a8a}.debug-panel{position:fixed;top:0;right:0;width:380px;height:100%;background:#111120;border-left:1px solid #2a2a3a;display:flex;flex-direction:column;z-index:100;font-size:.8rem;overflow:hidden}.debug-panel-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #2a2a3a}.debug-panel-header h3{margin:0;font-size:.9rem;font-weight:500;flex:1}.debug-status{font-size:.7rem;padding:2px 8px;border-radius:10px}.debug-status.connected{background:#1a3a2a;color:#4aff7a}.debug-status.disconnected{background:#3a1a1a;color:#ff6b6b}.debug-close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:1rem;padding:0 4px}.debug-tabs{display:flex;border-bottom:1px solid #2a2a3a}.debug-tabs button{flex:1;background:none;border:none;color:#888;padding:.5rem;cursor:pointer;font-size:.8rem}.debug-tabs button.active{color:#4a9eff;border-bottom:2px solid #4a9eff}.debug-panel-content{flex:1;overflow-y:auto;padding:.5rem}.debug-category{margin-bottom:1rem}.debug-category-name{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#666;padding:.25rem .5rem;margin:0}.debug-module-card{background:#1a1a2e;border:1px solid #2a2a3a;border-radius:6px;padding:.5rem;margin:.25rem 0}.debug-module-name{font-size:.8rem;font-weight:500;color:#ccc;margin:0 0 .25rem;text-transform:capitalize}.debug-module-fields{display:flex;flex-direction:column;gap:2px}.debug-field{display:flex;justify-content:space-between;align-items:flex-start;padding:2px 0}.debug-field-label{color:#888;font-size:.75rem;flex-shrink:0}.debug-field-label.clickable{cursor:pointer;color:#4a9eff}.debug-field-value{color:#e0e0e0;font-size:.75rem;text-align:right;word-break:break-all;max-width:60%}.debug-field-value.empty{color:#555}.debug-field-json{font-size:.7rem;color:#aaa;background:#0a0a15;padding:.25rem;border-radius:4px;overflow-x:auto;max-height:200px;margin:.25rem 0 0;white-space:pre-wrap;word-break:break-all}.debug-section-label{font-size:.7rem;color:#666;display:block;margin-top:.25rem}.debug-event-log{max-height:150px;overflow-y:auto}.debug-event-entry{padding:2px 0;cursor:pointer;display:flex;flex-wrap:wrap;gap:.25rem}.debug-event-time{color:#555;font-size:.7rem;font-family:monospace}.debug-event-name{color:#b4a0ff;font-size:.75rem}.debug-event-payload{width:100%;font-size:.7rem;color:#aaa;background:#0a0a15;padding:.25rem;border-radius:4px;margin:0;white-space:pre-wrap;word-break:break-all}.debug-events-empty{color:#555;font-size:.75rem;padding:.25rem 0}.debug-action-btn{background:#1a2a4e;border:1px solid #3a4a6e;color:#ccc;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.7rem;margin-top:.25rem}.debug-action-btn:hover{background:#1a3a6a}.debug-toggle-btn{position:fixed;bottom:1rem;right:1rem;background:#1a1a2e;border:1px solid #3a3a5a;color:#888;padding:.4rem .75rem;border-radius:6px;cursor:pointer;font-size:.75rem;z-index:99}.debug-toggle-btn:hover{border-color:#4a9eff;color:#ccc}.app.debug-open{margin-right:380px}.admin-layout{display:flex;height:100dvh;background:#0a0a0f;color:#e0e0e0}.admin-nav{width:200px;background:#111120;border-right:1px solid #2a2a3a;display:flex;flex-direction:column;padding:1rem;gap:.25rem}.admin-nav h2{font-size:1rem;font-weight:500;margin-bottom:1rem}.admin-nav-link{color:#888;text-decoration:none;font-size:.8rem;margin-bottom:1rem}.admin-nav-btn{background:none;border:none;color:#888;text-align:left;padding:.5rem;cursor:pointer;font-size:.85rem;border-radius:4px}.admin-nav-btn:hover{background:#1a1a2e;color:#ccc}.admin-nav-btn.active{background:#1a2a4e;color:#4a9eff}.admin-nav-btn.logout{margin-top:auto;color:#ff6b6b}.admin-content{flex:1;overflow-y:auto;padding:1rem}.admin-users{display:flex;gap:1rem;height:100%}.admin-user-list{width:220px;flex-shrink:0}.admin-user-list h3{font-size:.9rem;font-weight:500;margin-bottom:.5rem}.admin-user-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;cursor:pointer;border-radius:4px;font-size:.85rem}.admin-user-item:hover{background:#1a1a2e}.admin-user-item.selected{background:#1a2a4e;color:#4a9eff}.admin-badge{font-size:.65rem;background:#2a1a4e;color:#b4a0ff;padding:1px 6px;border-radius:8px}.admin-user-detail{flex:1;min-width:0}.admin-tabs{display:flex;gap:0;border-bottom:1px solid #2a2a3a;margin-bottom:1rem}.admin-tabs button{background:none;border:none;color:#888;padding:.5rem 1rem;cursor:pointer;font-size:.85rem;text-transform:capitalize}.admin-tabs button.active{color:#4a9eff;border-bottom:2px solid #4a9eff}.admin-error{color:#ff6b6b;font-size:.8rem;margin-bottom:.5rem}.admin-stats{display:flex;gap:1.5rem;font-size:.8rem;color:#888;margin-bottom:1rem;padding:.5rem;background:#1a1a2e;border-radius:6px}.admin-section{margin-bottom:1.5rem}.admin-section h4{font-size:.85rem;font-weight:500;margin-bottom:.5rem;color:#ccc}.admin-section p{font-size:.8rem;color:#aaa;line-height:1.5}.admin-muted{color:#666!important;font-size:.75rem!important}.admin-item{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.8rem;border-bottom:1px solid #1a1a2e}.admin-item-badge{font-size:.65rem;background:#1a2a4e;color:#4a9eff;padding:1px 6px;border-radius:8px;flex-shrink:0}.admin-item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.admin-item-meta{color:#666;font-size:.7rem;flex-shrink:0}.admin-delete-btn{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:.8rem;padding:0 4px;opacity:.5}.admin-delete-btn:hover{opacity:1}.admin-conversation{border:1px solid #2a2a3a;border-radius:6px;margin-bottom:.5rem}.admin-conversation-header{display:flex;justify-content:space-between;padding:.5rem;cursor:pointer;font-size:.8rem;color:#888}.admin-conversation-header:hover{background:#1a1a2e}.admin-messages{padding:.5rem;border-top:1px solid #2a2a3a}.admin-message{padding:.25rem 0;font-size:.8rem}.admin-message.user{color:#4a9eff}.admin-message.assistant{color:#b4a0ff}.admin-message-role{font-size:.7rem;color:#555;margin-right:.5rem}.admin-relationship{display:flex;flex-direction:column;gap:.25rem}.admin-field-row{display:flex;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid #1a1a2e;font-size:.8rem}.admin-field-key{color:#888;text-transform:capitalize}.admin-field-val{color:#e0e0e0}.admin-table{width:100%;border-collapse:collapse;font-size:.8rem}.admin-table th{text-align:left;padding:.5rem;border-bottom:1px solid #2a2a3a;color:#888;font-weight:500}.admin-table td{padding:.5rem;border-bottom:1px solid #1a1a2e}.admin-action-btn{background:#1a2a4e;border:1px solid #3a4a6e;color:#ccc;padding:.2rem .5rem;border-radius:4px;cursor:pointer;font-size:.75rem}.admin-action-btn:hover{background:#1a3a6a}.admin-module-health{background:#1a1a2e;border:1px solid #2a2a3a;border-radius:6px;padding:.5rem;margin-bottom:.5rem}.admin-module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.admin-module-name{font-size:.85rem;font-weight:500;text-transform:capitalize}.admin-module-state{padding-top:.25rem}.admin-whitelist-add{display:flex;gap:.5rem;margin-bottom:1rem}.admin-whitelist-add input{flex:1;padding:.4rem .6rem;border:1px solid var(--border, #333);border-radius:4px;background:var(--bg-secondary, #1a1a1a);color:inherit}.debug-conversation-header{display:flex;gap:12px;padding:8px 12px;font-size:.75rem;color:#888;border-bottom:1px solid #2a2a3a;flex-wrap:wrap}.debug-field-trace,.debug-field-expandable{display:block}.trace-steps{margin-top:4px}.trace-step-row{display:flex;align-items:center;gap:8px;padding:3px 0;border-bottom:1px solid #2a2a3a;cursor:pointer;font-size:.75rem}.trace-step-icon{width:14px;text-align:center;font-size:.7rem}.trace-status-complete{color:#22c55e}.trace-status-skipped{color:#64748b}.trace-status-failed{color:#ef4444}.trace-step-name{width:100px;color:#888;font-size:.7rem}.trace-step-summary{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem}.trace-step-ms{color:#888;font-size:.65rem;min-width:40px;text-align:right}.trace-step-detail{padding:6px 8px 6px 22px;font-size:.7rem}.trace-detail-section{margin-bottom:4px}.trace-detail-label{color:#888;font-size:.65rem;text-transform:uppercase}.trace-step-detail pre,.turn-tool-result pre{margin:2px 0;padding:4px 6px;background:#0a0a15;border-radius:4px;font-size:.65rem;white-space:pre-wrap;word-break:break-word;color:#aaa}.trace-total{font-size:.7rem;color:#888;padding:4px 0;text-align:right}.turn-list-empty{padding:20px;text-align:center;color:#888;font-size:.8rem}.turn-item{margin-bottom:6px;background:#1a1a2e;border:1px solid #2a2a3a;border-radius:6px;overflow:hidden}.turn-header{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:.75rem}.turn-header:hover{background:#1a1a3e}.turn-id{color:#6366f1;font-weight:600;min-width:24px}.turn-transcript{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e0e0e0}.turn-tool-badge{font-size:.65rem;padding:2px 6px;border-radius:4px;white-space:nowrap}.turn-tool-badge.has-tool{background:#22c55e33;color:#22c55e}.turn-tool-badge.no-tool{background:#64748b33;color:#64748b}.turn-timing{color:#888;font-size:.7rem;min-width:32px;text-align:right}.turn-detail{padding:4px 12px 10px}.turn-tool-detail{margin-top:8px}.turn-tool-query{font-size:.75rem;margin-bottom:4px}.turn-response{margin-top:8px;font-size:.75rem}.turn-response p{margin:2px 0}.debug-field-expandable .preview{font-size:.7rem;color:#888;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}