*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--spacing-sm: 8px;--spacing-md: 16px;--radius-sm: 4px;--radius: 12px;--font-size-body: 1rem;--bg: #ffffff;--surface: #f9fafb;--text: #111827;--text-muted: #6b7280;--accent: #0066ff;--accent-green: #10b981;--accent-red: #ef4444;--accent-amber: #f59e0b;--accent-purple: #a855f7;--accent-cyan: #06b6d4;--color-background: var(--bg);--color-surface: var(--surface);--color-text: var(--text);--color-foreground: var(--text);--color-primary: var(--accent);--color-secondary: var(--text-muted)}@media(prefers-color-scheme:dark){: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}}[data-color-scheme=light]{color-scheme:light;--bg: #ffffff;--surface: #f9fafb;--text: #111827;--text-muted: #6b7280;--accent: #0066ff;--accent-green: #10b981;--accent-red: #ef4444;--accent-amber: #f59e0b;--accent-purple: #a855f7;--accent-cyan: #06b6d4}[data-color-scheme=dark]{color-scheme:dark;--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;--color-primary: #0066FF;--color-secondary: #6B7280;--color-tertiary: #10B981;--color-error: #EF4444;--color-warning: #F59E0B;--anim-fast: .15s;--anim-normal: .3s;--ease-in-out: cubic-bezier(.4, 0, .2, 1)}@media(prefers-color-scheme:dark){:root{--color-primary: #3B82F6;--color-secondary: #9CA3AF;--color-tertiary: #34D399;--color-error: #F87171;--color-warning: #FBBF24}}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}.demo-link{display:inline-flex;align-items:center;justify-content:center;margin-top:.9rem;padding:.55rem 1rem;border:1px solid rgba(148,163,184,.25);border-radius:999px;color:var(--text);font-size:.82rem;text-decoration:none;transition:border-color .18s ease,transform .18s ease}.demo-link:hover,.demo-link:focus-visible{border-color:#3b82f6b3;transform:translateY(-1px)}.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,.btn-hangup,.btn-ptt-toggle,.btn-hold-to-talk,.btn-mute,.btn-vad{transition:background-color var(--anim-normal) var(--ease-in-out),color var(--anim-normal) var(--ease-in-out),transform var(--anim-fast) var(--ease-in-out),box-shadow var(--anim-fast) var(--ease-in-out)}.btn-connect:active,.btn-hangup:active,.btn-ptt-toggle:active,.btn-hold-to-talk:active,.btn-mute:active,.btn-vad:active{transform:scale(.95);box-shadow:none}.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;gap:.5rem;align-items:flex-start;padding:.15rem 0;border-bottom:1px solid #1a2236}.debug-event-main{display:flex;flex:1;min-width:0;flex-direction:column;gap:.1rem}.debug-type{color:var(--accent-cyan)}.debug-detail{color:var(--text-muted);font-size:.65rem;line-height:1.4;overflow-wrap:anywhere}.debug-time{color:var(--text-muted);flex-shrink:0;white-space:nowrap}.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)}.debug-mcp{padding-left:.35rem;border-left:2px solid rgba(124,158,248,.45)}.debug-mcp .debug-type{color:#7c9ef8}.debug-mcp .debug-detail{color:#9fb7ff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}.doc-manager{width:100%;margin-bottom:.5rem}.doc-panel{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.doc-stats-inline{font-weight:400;color:var(--text-muted)}.doc-success{padding:.4rem .6rem;background:#22c55e1a;border-radius:6px;color:var(--accent-green);font-size:.75rem}.doc-dropzone{display:flex;align-items:center;justify-content:center;padding:1.25rem 1rem;border:2px dashed #334155;border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:border-color .2s,background .2s;text-align:center}.doc-dropzone:hover{border-color:var(--accent)}.doc-dropzone.dragging{border-color:var(--accent-green);background:#22c55e0d}.doc-dropzone.uploading{cursor:wait;border-color:var(--accent-amber)}.doc-dropzone-text{font-size:.8rem;color:var(--text-muted);line-height:1.5}.doc-dropzone-text small{font-size:.7rem;opacity:.7}.doc-upload-progress{display:flex;align-items:center;gap:.75rem;width:100%;max-width:200px}.doc-progress-bar{flex:1;height:6px;background:#0c1222;border-radius:3px;overflow:hidden}.doc-progress-fill{height:100%;background:var(--accent-green);border-radius:3px;transition:width .2s ease}.doc-upload-pct{font-size:.75rem;color:var(--accent-amber);font-weight:500;min-width:32px;text-align:right}.doc-text-upload{display:flex;flex-direction:column}.doc-list{display:flex;flex-direction:column;gap:.5rem}.doc-item{padding:.6rem .75rem;background:var(--surface);border-radius:var(--radius);border:1px solid transparent}.doc-item-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.doc-item-info{display:flex;flex-direction:column;min-width:0;flex:1}.doc-item-name{font-size:.85rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-item-meta{font-size:.7rem;color:var(--text-muted);margin-top:.1rem}.doc-preview{margin-top:.5rem;max-height:200px;overflow-y:auto;background:#0c1222;border-radius:8px;padding:.5rem}.doc-preview-loading{font-size:.75rem;color:var(--text-muted);font-style:italic}.doc-preview-text{font-family:SF Mono,Fira Code,monospace;font-size:.7rem;color:var(--text-muted);line-height:1.5;white-space:pre-wrap;word-break:break-word;margin:0}.doc-empty{font-size:.75rem;color:var(--text-muted);text-align:center;padding:.5rem;line-height:1.5}@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}}.network-banner{position:fixed;top:0;left:0;right:0;z-index:100;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:.85rem;font-weight:500;animation:banner-slide-in var(--anim-normal) var(--ease-in-out) both}.network-banner.degraded{background:var(--accent-amber);color:#1a1a1a}.network-banner.offline{background:var(--accent-red);color:#fff}.btn-retry{background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:4px;padding:2px 10px;cursor:pointer;font-size:.8rem;color:inherit;transition:background .15s}.btn-retry:hover{background:#ffffff59}@keyframes banner-slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.btn-vad{background:var(--surface);border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-size:.8rem;padding:6px 12px;gap:4px;transition:all .2s}.btn-vad.vad-on{background:#22c55e26;border-color:var(--accent-green);color:var(--accent-green)}.btn-vad:hover{background:#ffffff14}.btn-vad.vad-on:hover{background:#22c55e40}.settings-panel{width:100%;max-width:480px;margin:8px auto}.settings-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .2s}.settings-toggle:hover{background:#ffffff0f;color:var(--text)}.settings-toggle svg{transition:transform var(--anim-fast) var(--ease-in-out)}.settings-toggle:hover svg{transform:rotate(30deg)}.settings-toggle:active svg{transform:rotate(60deg)}.settings-saving{margin-left:auto;font-size:.75rem;color:var(--accent)}.chevron{margin-left:auto;transition:transform .2s}.chevron.up{transform:rotate(180deg)}.settings-saving+.chevron{margin-left:8px}.settings-body{margin-top:4px;padding:16px;background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);animation:slideDown .2s ease}.settings-error{padding:8px 12px;margin-bottom:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--accent-red);font-size:.8rem}.settings-group{margin-bottom:16px}.settings-group:last-child{margin-bottom:0}.settings-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px}.settings-select{width:100%;min-height:44px;padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);background:var(--color-surface);color:var(--color-foreground, var(--color-text));border:1px solid color-mix(in srgb,var(--color-secondary) 30%,transparent);border-radius:var(--radius-sm, 4px);font-size:var(--font-size-body, 1rem);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md, 16px) center}.settings-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.settings-hint{font-size:.72rem;color:var(--text-muted);margin-top:4px;font-style:italic}.settings-options{display:flex;gap:8px}.settings-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text-muted);font-size:.82rem;cursor:pointer;transition:all .15s}.settings-option:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff26}.settings-option.active{background:#3b82f61f;border-color:var(--accent);color:var(--text)}.settings-option:disabled{opacity:.5;cursor:not-allowed}.option-name{font-weight:500}.option-cost{font-size:.7rem;opacity:.6}.settings-voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.settings-voice{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text-muted);font-size:.78rem;cursor:pointer;transition:all .15s}.settings-voice:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff26}.settings-voice.active{background:#3b82f61f;border-color:var(--accent);color:var(--text)}.settings-voice:disabled{opacity:.5;cursor:not-allowed}.voice-name{font-weight:500;font-size:.8rem}.voice-desc{font-size:.65rem;opacity:.6}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:.85rem;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.04)}.settings-toggle-row:last-child{border-bottom:none}.toggle-switch{position:relative;width:40px;height:22px;background:#ffffff1a;border:none;border-radius:11px;cursor:pointer;transition:background .2s}.toggle-switch.on{background:var(--accent)}.toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch.on .toggle-knob{transform:translate(18px)}.transcript-view{width:100%;max-width:480px;margin:8px auto;background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);overflow:hidden}.transcript-header{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.04)}.transcript-count{margin-left:auto;background:#ffffff14;padding:1px 8px;border-radius:10px;font-size:.72rem}.transcript-body{max-height:200px;overflow-y:auto;padding:8px 12px}.transcript-body::-webkit-scrollbar{width:4px}.transcript-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.transcript-empty{font-size:.8rem;color:var(--text-muted);text-align:center;padding:16px 0;opacity:.6}.transcript-entry{display:flex;gap:8px;padding:6px 0;font-size:.82rem;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.03)}.transcript-entry:last-child{border-bottom:none}.transcript-role{flex-shrink:0;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;padding-top:2px;width:60px}.transcript-entry.user .transcript-role{color:var(--accent-cyan)}.transcript-entry.assistant .transcript-role{color:var(--accent-purple)}.transcript-text{color:var(--text);flex:1}.memory-status{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:.78rem;color:var(--text-muted);opacity:.7}.memory-stat{color:var(--text-muted)}.memory-sep{margin:0 4px;opacity:.4}.screen-share-panel{background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);overflow:hidden;margin-bottom:12px;transition:border-color .2s}.screen-share-panel.sharing{border-color:#a855f766}.screen-share-header{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;-webkit-user-select:none;user-select:none}.screen-share-header:hover{background:#ffffff0a}.screen-share-icon{color:var(--accent-purple);display:flex;align-items:center}.screen-share-title{flex:1;font-size:.85rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.screen-share-live{font-size:.68rem;font-weight:700;color:var(--accent-purple);letter-spacing:.05em;animation:pulse-live 1.5s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.5}}.screen-share-chevron{font-size:.65rem;color:var(--text-muted)}.screen-share-body{padding:0 14px 14px;display:flex;flex-direction:column;gap:10px}.btn-screenshare{width:100%;padding:8px 14px;border-radius:8px;border:1px solid rgba(168,85,247,.4);background:#a855f71f;color:#c084fc;font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.btn-screenshare:hover{background:#a855f738;border-color:#a855f7a6}.btn-screenshare-stop{width:100%;padding:8px 14px;border-radius:8px;border:1px solid rgba(239,68,68,.4);background:#ef44441a;color:#f87171;font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.btn-screenshare-stop:hover{background:#ef444433;border-color:#ef4444a6}.screen-share-preview{border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0f172a;position:relative}.screen-share-preview--loading{display:flex;align-items:center;justify-content:center;height:60px;color:var(--text-muted);font-size:.78rem;border:1px dashed rgba(255,255,255,.15)}.screen-share-thumb{display:block;width:100%;height:auto;max-height:120px;object-fit:contain}.screen-share-preview-label{position:absolute;bottom:4px;right:6px;font-size:.65rem;color:#ffffff80;background:#00000080;padding:1px 5px;border-radius:4px}.screen-share-actions{display:flex;gap:8px}.btn-describe-screen,.btn-send-frame{flex:1;padding:7px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);font-size:.78rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-describe-screen:hover:not(:disabled),.btn-send-frame:hover:not(:disabled){background:#ffffff1f}.btn-describe-screen:disabled,.btn-send-frame:disabled{opacity:.4;cursor:not-allowed}.screen-share-last-sent{font-size:.72rem;color:var(--text-muted);text-align:center}.screen-share-hint{font-size:.75rem;color:var(--text-muted);line-height:1.5;padding:8px 10px;background:#ffffff08;border-radius:6px;border:1px dashed rgba(255,255,255,.08)}.auto-inject-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;flex-wrap:wrap}.auto-inject-label{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.auto-inject-checkbox{accent-color:#4fc3f7;width:14px;height:14px;cursor:pointer;flex-shrink:0}.auto-inject-select{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:var(--text-secondary);font-size:.78rem;padding:3px 6px;cursor:pointer;outline:none;transition:border-color .15s}.auto-inject-select:hover{border-color:#ffffff4d}.auto-inject-select:focus{border-color:#4fc3f7}.auto-inject-active-badge{font-size:.72rem;color:#4fc3f7;background:#4fc3f71f;border:1px solid rgba(79,195,247,.3);border-radius:4px;padding:2px 6px;margin-left:auto;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.screen-share-model-warning{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#ffc10714;border:1px solid rgba(255,193,7,.35);border-radius:8px;font-size:.78rem;line-height:1.5;color:#ffd54f}.screen-share-model-warning .warning-icon{font-size:1rem;flex-shrink:0;margin-top:1px}.ollama-badge{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:10px;font-size:.68rem;font-weight:600;letter-spacing:.03em;vertical-align:middle}.ollama-badge--online{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.ollama-badge--error{background:#fb923c26;color:#fb923c;border:1px solid rgba(251,146,60,.3)}.ollama-badge--off{background:#ffffff0f;color:var(--text-muted);border:1px solid rgba(255,255,255,.1)}.ollama-info-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.8rem}.ollama-key{color:var(--text-muted);font-size:.76rem}.ollama-val{color:var(--text-primary, #e8e8e8);font-family:monospace;font-size:.78rem}.ollama-warn{color:#fb923c;font-size:.74rem}.ollama-models{margin-top:8px}.ollama-model-list{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:3px}.ollama-model-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#ffffff0a;border-radius:5px;font-size:.78rem}.ollama-model-name{font-family:monospace;color:var(--text-primary, #e8e8e8)}.ollama-model-size{color:var(--text-muted);font-size:.72rem}.ollama-hint{margin-top:8px;line-height:1.5}.ollama-hint code{background:#ffffff14;padding:1px 5px;border-radius:4px;font-size:.78rem;font-family:monospace;color:#93c5fd}.mcp-panel{background:var(--card-bg, rgba(255, 255, 255, .04));border:1px solid var(--border, rgba(255, 255, 255, .1));border-radius:12px;overflow:hidden;margin-bottom:12px}.mcp-header{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.mcp-header:hover{background:#ffffff0a}.mcp-icon{display:flex;align-items:center;color:#7c9ef8;flex-shrink:0}.mcp-title{flex:1;font-size:.85rem;font-weight:600;color:var(--text-primary, #e2e8f0);display:flex;align-items:center;gap:8px}.mcp-count{font-size:.72rem;font-weight:500;color:#7c9ef8;background:#7c9ef81f;padding:2px 7px;border-radius:10px}.mcp-chevron{font-size:.65rem;color:var(--text-muted, #94a3b8);flex-shrink:0}.mcp-body{padding:0 16px 16px;border-top:1px solid rgba(255,255,255,.07)}.mcp-error{margin:10px 0;padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.78rem}.mcp-loading,.mcp-empty{padding:12px 0;font-size:.8rem;color:var(--text-muted, #94a3b8);text-align:center}.mcp-hint{margin-top:6px;font-size:.75rem;color:var(--text-muted, #94a3b8);line-height:1.5}.mcp-server-list{list-style:none;padding:0;margin:12px 0 10px;display:flex;flex-direction:column;gap:8px}.mcp-server-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;transition:border-color .2s}.mcp-server-item.enabled{border-color:#7c9ef833}.mcp-server-item.disabled{opacity:.6}.mcp-server-row{display:flex;align-items:center;gap:10px}.mcp-toggle{position:relative;width:32px;height:18px;border-radius:9px;border:none;cursor:pointer;flex-shrink:0;transition:background .2s;padding:0}.mcp-toggle.on{background:#7c9ef8}.mcp-toggle.off{background:#ffffff26}.mcp-toggle-dot{position:absolute;top:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:left .2s}.mcp-toggle.on .mcp-toggle-dot{left:17px}.mcp-toggle.off .mcp-toggle-dot{left:3px}.mcp-server-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mcp-server-label-row{display:flex;align-items:center;gap:8px;min-width:0}.mcp-server-label{font-size:.82rem;font-weight:600;color:var(--text-primary, #e2e8f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcp-session-badge{flex-shrink:0;padding:2px 7px;border-radius:999px;font-size:.64rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.mcp-session-badge--native{background:#22c55e24;color:#86efac;border:1px solid rgba(34,197,94,.25)}.mcp-session-badge--proxy{background:#60a5fa24;color:#93c5fd;border:1px solid rgba(96,165,250,.25)}.mcp-session-badge--disabled{background:#94a3b81f;color:#cbd5e1;border:1px solid rgba(148,163,184,.22)}.mcp-server-url{font-size:.72rem;color:var(--text-muted, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:monospace}.mcp-session-hint{font-size:.7rem;color:var(--text-muted, #94a3b8);line-height:1.35}.mcp-server-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.mcp-btn{padding:4px 10px;border-radius:6px;border:1px solid transparent;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s;white-space:nowrap}.mcp-btn:disabled{opacity:.4;cursor:default}.mcp-btn-ping{background:#7c9ef81f;border-color:#7c9ef840;color:#93b4ff}.mcp-btn-ping:not(:disabled):hover{background:#7c9ef838}.mcp-btn-delete{background:#ef444414;border-color:#ef444433;color:#fca5a5;padding:4px 8px}.mcp-btn-delete:hover{background:#ef44442e}.mcp-btn-delete-confirm{background:#ef444433;border-color:#ef444466;color:#fca5a5}.mcp-btn-delete-confirm:hover{background:#ef444452}.mcp-btn-cancel{background:#ffffff0f;border-color:#ffffff1f;color:var(--text-muted, #94a3b8)}.mcp-btn-cancel:hover{background:#ffffff1a}.mcp-btn-show-add{width:100%;margin-top:4px;padding:8px;background:#7c9ef812;border:1px dashed rgba(124,158,248,.25);border-radius:8px;color:#7c9ef8;font-size:.8rem;cursor:pointer;transition:background .15s}.mcp-btn-show-add:hover{background:#7c9ef824}.mcp-btn-add{background:#7c9ef82e;border-color:#7c9ef859;color:#93b4ff}.mcp-btn-add:not(:disabled):hover{background:#7c9ef847}.mcp-header-button{width:100%;border:0;background:transparent;text-align:left;font:inherit}.mcp-ping-ok{margin-top:6px;font-size:.75rem;color:#86efac;padding-left:2px}.mcp-ping-error{margin-top:6px;font-size:.75rem;color:#fca5a5;padding-left:2px}.mcp-add-form{margin-top:10px;display:flex;flex-direction:column;gap:8px}.mcp-form-row{display:flex}.mcp-input{width:100%;padding:7px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:var(--text-primary, #e2e8f0);font-size:.8rem;outline:none;transition:border-color .15s;box-sizing:border-box}.mcp-input:focus{border-color:#7c9ef880}.mcp-input::placeholder{color:#94a3b880}.mcp-input-small{font-size:.75rem}.mcp-form-error{font-size:.75rem;color:#fca5a5;padding:2px 0}.mcp-form-buttons{display:flex;gap:8px}.mcp-footer-hint{margin-top:12px;font-size:.72rem;color:var(--text-muted, #94a3b8);line-height:1.5;text-align:center}.mcp-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 10px}.mcp-summary-card{padding:10px 12px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px}.mcp-summary-label{font-size:.7rem;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.04em}.mcp-summary-value{font-size:1rem;font-weight:700;color:var(--text-primary, #e2e8f0)}.mcp-platform-stats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.mcp-platform-chip{display:inline-flex;flex-direction:column;gap:2px;padding:6px 10px;border-radius:999px;background:#7c9ef81a;border:1px solid rgba(124,158,248,.18)}.mcp-platform-name{font-size:.72rem;font-weight:700;color:#93b4ff;text-transform:uppercase;letter-spacing:.04em}.mcp-platform-count{font-size:.72rem;color:var(--text-muted, #94a3b8)}.mcp-channel-row{justify-content:space-between}.mcp-channel-info{gap:4px}.mcp-channel-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:.72rem;color:#93b4ff}.mcp-channel-meta span:first-child{text-transform:uppercase;letter-spacing:.04em}.mcp-platform-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.assistant-visual-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,#3b82f60d,#a855f70d);border:1px solid rgba(148,163,184,.2);border-radius:var(--radius)}.assistant-visual{width:160px;height:160px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,#3b82f61a,#3b82f605);box-shadow:0 0 30px #3b82f61a,inset 0 0 20px #3b82f60d}.assistant-visual svg{width:100%;height:100%}.assistant-visual.state-listening{box-shadow:0 0 30px #22c55e26,inset 0 0 20px #22c55e0d}.assistant-visual.state-speaking{box-shadow:0 0 30px #f9731626,inset 0 0 20px #f973160d}.assistant-visual.state-thinking{box-shadow:0 0 30px #a855f726,inset 0 0 20px #a855f70d}.assistant-visual.state-error{box-shadow:0 0 30px #ef444426,inset 0 0 20px #ef44440d}.assistant-visual-state-label{font-size:var(--font-size-tiny, .75rem);font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:color .3s cubic-bezier(.4,0,.2,1)}.assistant-visual-energy-ring{position:absolute;width:160px;height:160px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);pointer-events:none;will-change:transform,opacity;border:1px solid transparent;transition:border-color .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1),transform .1s ease-out,opacity .1s ease-out}.assistant-visual-energy-bar{width:120px;height:4px;background:#94a3b833;border-radius:2px;overflow:hidden;transition:all .05s ease-out}.assistant-visual-energy-fill{height:100%;border-radius:inherit;transition:background .3s cubic-bezier(.4,0,.2,1),width .1s linear;box-shadow:0 0 8px #3b82f666}[data-state=idle] .assistant-visual-energy-ring{background:radial-gradient(circle,color-mix(in srgb,var(--color-secondary) 30%,transparent),transparent 70%);border-color:var(--color-secondary)}[data-state=idle] .assistant-visual-energy-fill{background:var(--color-secondary)}[data-state=idle] .assistant-visual-state-label{color:var(--color-secondary)}[data-state=listening] .assistant-visual-energy-ring{background:radial-gradient(circle,color-mix(in srgb,var(--color-tertiary) 30%,transparent),transparent 70%);border-color:var(--color-tertiary)}[data-state=listening] .assistant-visual-energy-fill{background:var(--color-tertiary)}[data-state=listening] .assistant-visual-state-label{color:var(--color-tertiary)}[data-state=speaking] .assistant-visual-energy-ring{background:radial-gradient(circle,color-mix(in srgb,var(--color-warning) 30%,transparent),transparent 70%);border-color:var(--color-warning)}[data-state=speaking] .assistant-visual-energy-fill{background:var(--color-warning)}[data-state=speaking] .assistant-visual-state-label{color:var(--color-warning)}[data-state=thinking] .assistant-visual-energy-ring{background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 30%,transparent),transparent 70%);border-color:var(--color-primary)}[data-state=thinking] .assistant-visual-energy-fill{background:var(--color-primary)}[data-state=thinking] .assistant-visual-state-label{color:var(--color-primary)}[data-state=error] .assistant-visual-energy-ring{background:radial-gradient(circle,color-mix(in srgb,var(--color-error) 30%,transparent),transparent 70%);border-color:var(--color-error)}[data-state=error] .assistant-visual-energy-fill{background:var(--color-error)}[data-state=error] .assistant-visual-state-label{color:var(--color-error)}@media(max-width:320px),(max-height:320px){.assistant-visual-state-label{display:none}.assistant-visual-energy-ring{border-width:3px}}@media(prefers-reduced-motion:reduce){.btn,.btn-connect,.btn-hangup,.btn-ptt-toggle,.btn-hold-to-talk,.btn-mute,.btn-vad,.settings-toggle svg,.network-banner{transition:none!important;animation:none!important}}@media(orientation:landscape)and (min-width:600px){.app{padding:1rem 1.5rem;gap:1rem}.app-header{margin-bottom:1rem}.app-header h1{font-size:1.25rem}.subtitle{font-size:.8rem}.app-main{flex-direction:row;align-items:flex-start;justify-content:center;gap:2rem}.orb-container{width:140px;height:140px;margin:0;flex-shrink:0}.orb{width:90px;height:90px}.orb-inner{width:36px;height:36px}.app-controls-column{display:flex;flex-direction:column;gap:1rem;flex:1;max-width:400px}.meter{max-width:100%}.call-controls{gap:.75rem;flex-wrap:nowrap}.btn{padding:.6rem 1rem;font-size:.9rem;flex:1;justify-content:center}}@media(orientation:landscape)and (max-width:599px){.app{padding:.75rem 1rem}.app-header h1{font-size:1.1rem}.app-main{gap:.75rem}.orb-container{width:120px;height:120px}.orb{width:80px;height:80px}.orb-inner{width:30px;height:30px}.call-controls{gap:.5rem}.btn{padding:.5rem .75rem;font-size:.85rem}}@media(min-width:768px){.app{max-width:600px;padding:2.5rem 2rem}.app-header h1{font-size:1.75rem}.subtitle{font-size:.95rem}.orb-container{width:200px;height:200px}.orb{width:120px;height:120px}.orb-inner{width:50px;height:50px}.btn{padding:.85rem 1.75rem;font-size:1.05rem;min-height:44px;border-radius:14px}.meter{max-width:320px}.meter-label{font-size:.8rem}.settings-panel,.debug-panel,.prompt-editor,.doc-manager{max-width:600px}.settings-body{padding:20px}.settings-group{margin-bottom:20px}.doc-dropzone{padding:1.5rem 1.25rem}.doc-dropzone-text{font-size:.9rem}.debug-log{max-height:300px;font-size:.75rem}}@media(orientation:landscape)and (min-width:768px){.app{max-width:1000px;padding:1.5rem 2rem;flex-direction:row;align-items:flex-start;justify-content:center}.app-header{position:absolute;top:1.5rem;left:2rem;text-align:left;margin-bottom:0}.app-header h1{font-size:1.5rem}.app-main{flex-direction:row;gap:3rem;margin-top:3.5rem;width:100%}.orb-container{width:180px;height:180px;flex-shrink:0}.orb{width:110px;height:110px}.orb-inner{width:45px;height:45px}.app-controls-column{display:flex;flex-direction:column;gap:1.5rem;flex:1;max-width:380px}.call-controls{flex-wrap:wrap;gap:.75rem}.btn{flex:1;min-width:100px}.app-footer{position:absolute;bottom:1.5rem;right:2rem;width:auto;margin-top:0}}@media(min-width:1024px){.app{max-width:900px;padding:3rem 2.5rem}.app-header h1{font-size:2rem;letter-spacing:-.03em}.subtitle{font-size:1rem}.orb-container{width:220px;height:220px}.orb{width:140px;height:140px}.orb-inner{width:56px;height:56px}.app-main{gap:2rem}.btn{padding:.9rem 2rem;font-size:1.1rem;min-height:48px}.settings-panel,.debug-panel,.prompt-editor{max-width:700px}.debug-log{max-height:400px}}@media(orientation:landscape)and (min-width:1024px){.app{max-width:100%;padding:2rem 3rem}.app-header{position:fixed;top:1.5rem;left:3rem;text-align:left}.app-main{flex-direction:row;gap:4rem;margin-left:300px;margin-top:2rem}.orb-container{width:200px;height:200px;flex-shrink:0}.app-controls-column{max-width:450px}.app-footer{position:fixed;bottom:2rem;right:3rem}}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(0px,env(safe-area-inset-bottom))}.app-header{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.app-footer{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}@supports (padding: max(0px,env(safe-area-inset-top))){.app-header{margin-top:max(0px,env(safe-area-inset-top))}}}.hide-landscape{display:none}@media(orientation:portrait){.hide-landscape{display:block}}.hide-portrait{display:block}@media(orientation:portrait){.hide-portrait{display:none}}.show-tablet-only{display:none}@media(min-width:768px){.show-tablet-only{display:block}}.show-desktop-only{display:none}@media(min-width:1024px){.show-desktop-only{display:block}}.scale-small-viewport{transform:scale(.85);transform-origin:center}@media(min-width:768px){.scale-small-viewport{transform:scale(1)}}@media print{body:before{content:"Mobile Portrait (< 600px)"}}@media print and (min-width:600px){body:before{content:"Landscape Small (600px - 767px)"}}@media print and (min-width:768px){body:before{content:"Tablet Portrait (768px - 1023px)"}}@media print and (orientation:landscape)and (min-width:768px){body:before{content:"Tablet Landscape (768px+)"}}@media print and (min-width:1024px){body:before{content:"Desktop (1024px+)"}}@media(max-width:320px),(max-height:320px){:root{--tap-target-min: 72px;--font-min: 1.25rem}}@media(max-width:320px),(max-height:320px){.orb,.assistant-visual-container,.layout__orb-hero{min-width:80px;min-height:80px}.btn,button,[role=button]{min-height:var(--tap-target-min, 72px);min-width:var(--tap-target-min, 72px);font-size:var(--font-min, 1.25rem)}.status-badge,.layout__status-chip{font-size:1rem}.debug-panel,.cost-display,.assistant-visual-energy-bar,.transcript-view,.screen-share-panel,.document-manager{display:none!important}body,:root{font-size:var(--font-min, 1.25rem)}}@media(max-width:320px),(max-height:320px){.layout__orb-hero[data-state=listening]{outline:4px solid var(--color-tertiary, #10B981);outline-offset:4px;border-radius:50%}.layout__orb-hero[data-state=speaking]{outline:4px solid var(--color-primary, #0066FF);outline-offset:4px;border-radius:50%}.layout__orb-hero[data-state=error]{outline:4px solid var(--color-error, #EF4444);outline-offset:4px;border-radius:50%}.layout__orb-hero[data-state=thinking]{outline:4px solid var(--color-thinking, #8B5CF6);outline-offset:4px;border-radius:50%}}