.clone-layout{min-height:100vh;padding:12px;display:block}.legacy-viewport{background:#0a0a0b;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;min-height:calc(100vh - 24px);display:flex;overflow:hidden;box-shadow:0 20px 60px #0000008c}.legacy-iframe{background:#0a0a0b;border:0;flex:1;width:100%}.rp-header{border-bottom:.5px solid var(--border,#ffffff1a);background:#ffffff05;flex-shrink:0;align-items:center;gap:10px;min-width:0;padding:11px 16px;display:flex}.rp-traffic{flex-shrink:0;align-items:center;gap:6px;display:flex}.rp-dot{cursor:pointer;border-radius:50%;width:12px;height:12px}.rp-dot-red{background:#ff5f57}.rp-dot-yellow{background:#febc2e}.rp-dot-green{background:#28c840}.rp-title{color:var(--muted,#6b7280);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:SF Mono,JetBrains Mono,monospace;font-size:11.5px;overflow:hidden}.rp-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite rp-blink}@keyframes rp-blink{0%,to{opacity:1}50%{opacity:.3}}.rp-body{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;gap:14px;padding:18px 20px;display:flex;overflow:hidden auto}.rp-status-row{align-items:center;gap:8px;display:flex}.rp-live-dot{background:var(--teal,#0ae8dc);width:7px;height:7px;box-shadow:0 0 8px var(--teal,#0ae8dc);border-radius:50%;flex-shrink:0;animation:1.5s ease-in-out infinite rp-blink}.rp-status-text{color:var(--muted,#6b7280);font-size:12.5px}.rp-wave{align-items:flex-end;gap:3px;height:44px;display:flex}.rp-wave-bar{background:linear-gradient(180deg, var(--teal,#0ae8dc) 0%, #3b82f699 100%);border-radius:3px;flex:1;animation:1.2s ease-in-out infinite rp-wave-beat}@keyframes rp-wave-beat{0%,to{opacity:.5;height:6px}50%{opacity:1;height:36px}}.rp-transcript{flex-direction:column;gap:10px;display:flex}.rp-line{align-items:flex-start;gap:10px;display:flex}.rp-who{text-align:right;flex-shrink:0;min-width:56px;padding-top:2px;font-family:SF Mono,monospace;font-size:11px}.rp-who--client{color:var(--faint,#52525a)}.rp-who--agent{color:var(--teal,#0ae8dc)}.rp-text{color:var(--muted,#9ca3af);font-size:14px;line-height:1.6}.rp-text--agent{color:var(--teal,#0ae8dc);font-weight:500}.rp-mic-level{align-items:center;gap:8px;display:flex}.rp-mic-label{color:var(--faint,#52525a);text-align:right;flex-shrink:0;width:22px;font-family:monospace;font-size:10px}.rp-mic-track{background:#ffffff0f;border-radius:2px;flex:1;height:4px;overflow:hidden}.rp-mic-fill{background:linear-gradient(90deg, var(--teal,#0ae8dc), #3b82f6);border-radius:2px;height:100%;transition:width .1s linear}.rp-messages{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;border-top:.5px solid var(--border,#ffffff14);flex-direction:column;gap:6px;max-height:140px;padding-top:10px;display:flex;overflow-y:auto}.rp-bubble{gap:6px;font-size:12.5px;line-height:1.5;display:flex}.rp-bubble--user{flex-direction:row-reverse;align-self:flex-end}.rp-bubble-who{color:var(--faint,#52525a);flex-shrink:0;padding-top:2px;font-family:monospace;font-size:10px}.rp-bubble-text{border:.5px solid var(--border,#ffffff14);color:var(--muted,#9ca3af);background:#ffffff0a;border-radius:8px;padding:5px 9px}.rp-bubble--user .rp-bubble-text{color:#93c5fd;background:#3b82f61a;border-color:#3b82f633}.rp-typing{gap:4px;padding:4px 0;display:flex}.rp-typing span{background:var(--teal,#0ae8dc);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite rp-dot-pulse}.rp-typing span:nth-child(2){animation-delay:.2s}.rp-typing span:nth-child(3){animation-delay:.4s}@keyframes rp-dot-pulse{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.rp-actions{border-top:.5px solid var(--border,#ffffff14);flex-direction:column;gap:10px;padding-top:14px;display:flex}.rp-badges{flex-wrap:wrap;gap:6px;display:flex}.rp-pill{color:var(--muted,#9ca3af);border:.5px solid var(--border,#ffffff14);background:#ffffff0a;border-radius:999px;padding:3px 9px;font-size:11px}.rp-pill--teal{color:var(--teal,#0ae8dc);background:#0ae8dc1f;border-color:#0ae8dc4d}.rp-pill--red{color:#fca5a5;background:#ef44441f;border-color:#ef44444d}.rp-btns{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.rp-btn{cursor:pointer;border:.5px solid var(--border,#ffffff1f);color:var(--muted,#9ca3af);background:#ffffff0a;border-radius:7px;padding:6px 12px;font-family:inherit;font-size:12px;transition:all .15s}.rp-btn:hover{color:var(--teal,#0ae8dc);border-color:#0ae8dc66}.rp-btn--primary{background:var(--teal,#0ae8dc);color:#060709;border-color:#0000;font-weight:700}.rp-btn--primary:hover{opacity:.88;color:#060709}.rp-btn--active{color:var(--teal,#0ae8dc);border-color:#0ae8dc66}.rp-btn--ghost:hover{background:#ffffff12}.rp-voice-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.rp-label{color:var(--faint,#52525a);font-family:monospace;font-size:10px}.rp-select{border:.5px solid var(--border,#ffffff1f);color:var(--muted,#9ca3af);cursor:pointer;background:#ffffff0a;border-radius:6px;max-width:160px;padding:4px 8px;font-family:inherit;font-size:11.5px}.rp-form{gap:7px;display:flex}.rp-input{border:.5px solid var(--border,#ffffff1f);color:var(--teal,#0ae8dc);background:#ffffff0a;border-radius:7px;flex:1;padding:7px 10px;font-family:inherit;font-size:13px}.rp-input::placeholder{color:var(--faint,#52525a)}.rp-input:focus{border-color:#0ae8dc66;outline:none}.rp-auth-panel{border:.5px solid var(--border,#ffffff14);background:#ffffff06;border-radius:8px;flex-direction:column;gap:9px;padding:10px;display:flex}.rp-auth-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rp-auth-hint{min-width:0;color:var(--muted,#9ca3af);flex:1;font-size:11.5px;line-height:1.4}.rp-auth-field{flex-direction:column;gap:5px;display:flex}.rp-token-input{resize:vertical;border:.5px solid var(--border,#ffffff1f);min-height:54px;color:var(--teal,#0ae8dc);background:#ffffff0a;border-radius:7px;padding:7px 10px;font-family:SF Mono,JetBrains Mono,monospace;font-size:11.5px;line-height:1.35}.rp-token-input::placeholder{color:var(--faint,#52525a)}.rp-token-input:focus{border-color:#0ae8dc66;outline:none}.rp-btn--send{background:var(--teal,#0ae8dc);color:#060709;border-color:#0000;padding:7px 14px;font-weight:700}.rp-btn--send:disabled{opacity:.4;cursor:not-allowed}.rp-error{color:#fca5a5;background:#ef44441a;border:.5px solid #ef44444d;border-radius:7px;flex-direction:column;gap:3px;padding:7px 10px;font-size:11.5px;display:flex}.call-panel{color:#eef2f7;background:linear-gradient(#0f1222fa,#080a14fc),#0d0f1c;flex-direction:column;width:100%;min-width:0;height:auto;min-height:100%;font-family:Inter,system-ui,sans-serif;transition:opacity .22s;display:flex}.call-header{background:#ffffff06}.call-header__status{color:#8b949e;background:#ffffff09;border:.5px solid #ffffff14;border-radius:999px;align-items:center;height:20px;padding:0 8px;font-size:10px;display:inline-flex}.call-header__status[data-state=live]{color:#0ae8dc;background:#0ae8dc14;border-color:#0ae8dc40}.call-body{flex-direction:column;flex:1;gap:10px;min-height:0;padding:13px;display:flex;overflow:visible}.call-stage{background:linear-gradient(135deg,#0ae8dc17,#0000 40%),linear-gradient(#ffffff0a,#ffffff04);border:.5px solid #ffffff17;border-radius:8px;min-height:0;padding:14px;position:relative;overflow:hidden}.call-live-line{z-index:1;background:#05070e7a;border:.5px solid #0ae8dc2e;border-radius:9px;margin-top:14px;padding:12px 13px;position:relative}.call-live-line span{color:#0ae8dc;text-transform:uppercase;margin-bottom:6px;font-family:SF Mono,JetBrains Mono,monospace;font-size:10px;display:block}.call-live-line p{color:#f8fafc;margin:0;font-size:clamp(16px,3.6vw,21px);font-weight:750;line-height:1.35}.call-live-line--user span{color:#93c5fd}.call-live-line--user{border-color:#3b82f638}.call-live-line small{color:#8b949e;margin-top:7px;font-family:SF Mono,JetBrains Mono,monospace;font-size:10px;display:block}.call-stage:before{content:"";opacity:.22;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.call-stage__top,.call-focus,.call-wave,.call-level{z-index:1;position:relative}.call-stage__top{justify-content:space-between;align-items:center;gap:10px;display:flex}.call-presence,.call-provider{color:#9ca3af;align-items:center;gap:7px;min-width:0;font-size:11px;display:inline-flex}.call-provider{color:#7dd3fc;white-space:nowrap;text-overflow:ellipsis;background:#3b82f614;border:.5px solid #3b82f638;border-radius:999px;max-width:170px;padding:4px 8px;font-family:SF Mono,JetBrains Mono,monospace;font-size:9.5px;overflow:hidden}.call-presence__dot{background:#0ae8dc;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite rp-blink;box-shadow:0 0 12px #0ae8dccc}.call-focus{grid-template-columns:78px minmax(0,1fr);align-items:center;gap:16px;margin-top:16px;display:grid}.voice-core{place-items:center;width:70px;height:70px;display:grid;position:relative}.voice-core__ring{border:1px solid #0ae8dc3d;border-radius:50%;position:absolute}.voice-core__ring--outer{background:radial-gradient(circle,#0ae8dc29,#3b82f60d 58%,#0000 68%);inset:0}.voice-core__ring--inner{background:#05070eb8;border-color:#ffffff1a;inset:12px}.call-stage[data-state=live] .voice-core__ring--outer,.call-stage[data-state=connecting] .voice-core__ring--outer{animation:1.65s ease-in-out infinite call-pulse}@keyframes call-pulse{0%,to{opacity:.72;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.voice-core__glyph{z-index:1;color:#0ae8dc;font-family:SF Mono,JetBrains Mono,monospace;font-size:18px;font-weight:800;position:relative}.call-focus__copy{flex-direction:column;gap:5px;min-width:0;display:flex}.call-focus__copy span{color:#6b7280;text-transform:uppercase;font-family:SF Mono,JetBrains Mono,monospace;font-size:10px}.call-focus__copy strong{color:#f8fafc;font-size:clamp(23px,5.2vw,31px);line-height:1}.call-focus__copy em{color:#0ae8dc;font-size:12.5px;font-style:normal;line-height:1.35}.call-wave{align-items:end;gap:4px;height:32px;margin-top:12px;display:flex}.call-wave__bar{background:linear-gradient(#22d3ee,#2563eb);border-radius:4px 4px 1px 1px;flex:1;min-width:3px;animation:1.35s ease-in-out infinite call-wave-idle}@keyframes call-wave-idle{0%,to{opacity:.55;height:8px}50%{opacity:1;height:35px}}.call-level{grid-template-columns:56px 1fr;align-items:center;gap:10px;margin-top:10px;display:grid}.call-level span{color:#6b7280;text-align:right;font-family:SF Mono,JetBrains Mono,monospace;font-size:10px}.call-level__track{background:#fff1;border-radius:999px;height:5px;overflow:hidden}.call-level__fill{border-radius:inherit;background:linear-gradient(90deg,#0ae8dc,#3b82f6);height:100%;transition:width .1s linear}.call-transcript{background:#ffffff06;border:.5px solid #ffffff14;border-radius:8px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.call-transcript__head{color:#6b7280;text-transform:uppercase;border-bottom:.5px solid #ffffff14;justify-content:space-between;gap:10px;padding:10px 12px;font-family:SF Mono,JetBrains Mono,monospace;font-size:10px;display:flex}.call-transcript__head span:last-child{color:#0ae8dc}.call-transcript__feed{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;gap:10px;min-height:0;padding:12px 12px 16px;display:flex;overflow-y:auto}.call-tools__head{color:#8b949e;text-transform:uppercase;justify-content:space-between;gap:10px;font-family:SF Mono,JetBrains Mono,monospace;font-size:10px;display:flex}.call-tool-strip{flex-wrap:wrap;gap:6px;display:flex}.call-tool-strip button{color:#a5f3fc;cursor:pointer;background:#22d3ee14;border:.5px solid #22d3ee40;border-radius:999px;padding:6px 9px;font-family:inherit;font-size:11px;font-weight:750}.call-tool-strip button.is-active{color:#ecfeff;background:#0ae8dc24;border-color:#0ae8dcb3;box-shadow:0 0 18px #0ae8dc24}.call-tools__head strong{color:#a5f3fc;text-transform:none;font-weight:600}.call-tool-preview{background:linear-gradient(135deg,#0ae8dc14,#3b82f60b),#ffffff05;border:.5px solid #0ae8dc2e;border-radius:9px;gap:4px;padding:9px 10px;display:grid}.call-tool-preview span{color:#0ae8dc;letter-spacing:.04em;text-transform:uppercase;font-family:SF Mono,JetBrains Mono,monospace;font-size:10px;font-weight:800}.call-tool-preview strong{color:#f8fafc;font-size:12.8px;line-height:1.25}.call-tool-preview small{color:#9ca3af;font-size:11.2px;line-height:1.35}.call-tools__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.call-tool-card{color:#cbd5e1;text-align:left;cursor:pointer;background:#ffffff09;border:.5px solid #22d3ee38;border-radius:8px;min-width:0;padding:8px 9px;font-family:inherit}.call-tool-card span{color:#a5f3fc;font-size:11.5px;font-weight:800;display:block}.call-tool-card small{color:#8b949e;margin-top:3px;font-size:10px;line-height:1.35;display:block}.call-tools__events{flex-wrap:wrap;gap:5px;display:flex}.call-tools__events span{color:#a5f3fc;border:.5px solid #22d3ee2e;border-radius:999px;padding:3px 7px;font-family:SF Mono,JetBrains Mono,monospace;font-size:10px}.call-line{grid-template-columns:62px minmax(0,1fr);align-items:start;gap:10px;display:grid}.call-line__who{color:#6b7280;text-align:right;padding-top:2px;font-family:SF Mono,JetBrains Mono,monospace;font-size:10px}.call-line p{color:#cbd5e1;margin:0;font-size:13.5px;line-height:1.45}.call-line--ai p{color:#0ae8dc;font-weight:650}.call-line__pending{color:#6b7280;grid-column:2;width:max-content;font-family:SF Mono,JetBrains Mono,monospace;font-size:10px}.call-dock{background:#ffffff06;border:.5px solid #ffffff14;border-radius:8px;flex-direction:column;gap:9px;padding:11px;display:flex}.call-dock__controls,.call-dock__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.call-control,.call-select{color:#cbd5e1;background:#ffffff0b;border:.5px solid #ffffff1f;border-radius:7px;height:34px;font-family:inherit;font-size:12px}.call-control{cursor:pointer;padding:0 13px}.call-control:disabled,.call-select:disabled{opacity:.42;cursor:not-allowed}.call-control--primary{color:#061013;background:#0ae8dc;border-color:#0000;font-weight:800}.call-control--danger{color:#fecaca;background:#ef44441c;border-color:#ef44444d}.call-select{max-width:150px;padding:0 9px}.call-select--mic{max-width:120px}.call-dock__meta span{color:#8b949e;background:#ffffff09;border:.5px solid #ffffff14;border-radius:999px;padding:3px 8px;font-family:SF Mono,JetBrains Mono,monospace;font-size:10.5px}@media (width<=768px){.clone-layout{padding:0}.legacy-viewport{border:0;border-radius:0;min-height:100vh}.rp-header{gap:8px;padding:10px 12px}.rp-title{font-size:10.5px}.rp-body{padding:12px}.call-body{gap:9px;padding:11px}.call-stage{min-height:0;padding:12px}.call-focus{grid-template-columns:58px minmax(0,1fr);gap:12px}.voice-core{width:58px;height:58px}.voice-core__ring--inner{inset:10px}.call-focus__copy strong{overflow-wrap:anywhere;font-size:24px}.call-live-line{margin-top:12px;padding:11px}.call-live-line p{font-size:16px}.call-provider{max-width:118px}.call-line{grid-template-columns:50px minmax(0,1fr);gap:8px}.call-line p{overflow-wrap:break-word;font-size:13px}.call-tool-strip button{flex:100px}.call-dock__controls{gap:6px}.call-control,.call-select{min-width:0;font-size:11.5px}.call-control{padding:0 10px}.call-select{flex:108px;max-width:none}.call-dock__meta span{text-overflow:ellipsis;max-width:100%;overflow:hidden}}