body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--indigo-500:#6366f1;--green-400:#34d399;--yellow-400:#f59e0b;--red-500:#ef4444;--amber-50:#fffbeb;--amber-100:#fef3c7;--g1:#20c1f5;--g2:#49b9f2;--g3:#7675ec;--g4:#a04ee1;--g5:#d225d7;--g6:#f009d5;--brand-gradient:linear-gradient(90deg,var(--g1),var(--g2),var(--g3),var(--g4),var(--g5),var(--g6));--brand-shadow:#20c1f51f;--warm-gradient:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb)}.app-container{align-items:center;background:linear-gradient(135deg,#e8f1f8,#f0e8f5 50%,#e8f5f0);display:flex;justify-content:center;max-height:100vh;min-height:100vh;overflow:hidden;padding:1rem;position:relative}.app-container:before{animation:blob-shift 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#667eea26 0,#0000 50%),radial-gradient(circle at 80% 70%,#a04ee11f 0,#0000 50%),radial-gradient(circle at 40% 80%,#7375ec1a 0,#0000 50%);height:200%;left:-50%;top:-50%;width:200%}.app-container:after,.app-container:before{content:"";pointer-events:none;position:absolute}.app-container:after{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#667eea05 0,#667eea05 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#667eea05 0,#667eea05 4px);background-size:60px 60px;inset:0;mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,#000 40%,#0000 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,#000 40%,#0000 70%)}@keyframes blob-shift{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(5%,-5%) rotate(5deg)}50%{transform:translate(-5%,5%) rotate(-5deg)}75%{transform:translate(5%,5%) rotate(3deg)}}.call-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#fffffff2;border:1px solid #ffffffe6;border-radius:1.25rem;box-shadow:0 25px 70px #0000001a,0 15px 40px #667eea14,0 0 0 1px #667eea0d,inset 0 1px 0 #fff,inset 0 -1px 0 #667eea0d;display:flex;flex-direction:column;max-height:calc(100vh - 2rem);max-width:36rem;overflow-y:auto;padding:1.5rem;position:relative;width:100%;z-index:10}@media (min-width:640px){.call-card{padding:2rem}}.flex{display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-right{text-align:right}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:col-span-1{grid-column:span 1/span 1}.md\:items-start{align-items:flex-start}.md\:justify-end{justify-content:flex-end}}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-8{margin-bottom:2rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.w-full{width:100%}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.w-12{width:3rem}.h-12{height:3rem}.w-7{width:1.75rem}.h-7{height:1.75rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-3{width:.75rem}.h-3{height:.75rem}.w-3\.5{width:.875rem}.h-3\.5{height:.875rem}.h-28{height:7rem}.rounded-2xl{border-radius:1rem}.rounded-md{border-radius:.375rem}.border{border:1px solid #e2e8f0;border:1px solid var(--slate-200)}.border-dashed{border-style:dashed}.border-slate-100{border-color:#f1f5f9;border-color:var(--slate-100)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-inner{box-shadow:inset 0 2px 4px #0000000f}.text-xl{font-size:1.25rem}.text-lg,.text-xl{line-height:1.75rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.status-badge-live{background:linear-gradient(135deg,#34d3991a,#10b98126);border:1px solid #34d3994d;box-shadow:0 2px 8px #34d39926;color:#059669}.status-badge-connecting{background:linear-gradient(135deg,#fbbf241a,#f59e0b26);border:1px solid #fbbf244d;box-shadow:0 2px 8px #fbbf2426;color:#d97706}.status-badge-idle{background:linear-gradient(135deg,#e2e8f080,#cbd5e199);border:1px solid #cbd5e180;box-shadow:0 2px 6px #64748b14;color:#475569;color:var(--slate-600)}.font-semibold{font-weight:600}.font-medium{font-weight:500}.bg-slate-100{background-color:#f1f5f9;background-color:var(--slate-100)}.bg-white{background-color:#fff}.bg-slate-50{background-color:#f8fafc;background-color:var(--slate-50)}.text-slate-800{color:#1e293b;color:var(--slate-800)}.text-slate-700{color:#334155;color:var(--slate-700)}.text-slate-600{color:#475569;color:var(--slate-600)}.text-slate-500{color:#64748b;color:var(--slate-500)}.text-slate-400{color:#94a3b8;color:var(--slate-400)}.opacity-50{opacity:.5}.text-green-600{color:#34d399;color:var(--green-400)}.text-yellow-600{color:#f59e0b;color:var(--yellow-400)}.text-red-600{color:#dc2626}.text-white{color:#fff}.bg-red-500{background-color:#ef4444;background-color:var(--red-500)}.hover\:bg-slate-200:hover{background-color:#e2e8f0;background-color:var(--slate-200)}.hover\:bg-slate-200{transition:background-color .12s ease}.footer-text{background:linear-gradient(135deg,#f8fafc80,#f1f5f980);border:1px solid #e2e8f080;border-radius:.5rem;color:#94a3b8;color:var(--slate-400);font-size:.75rem;margin-top:1.5rem;padding:.75rem;text-align:center}.min-h-screen{min-height:100vh}.inline-flex{display:inline-flex}.inline-block{display:inline-block}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 4px #6366f11f}.hidden{display:none!important}.w-36{width:9rem}.h-36{height:9rem}.text-center{text-align:center}.gap-2{gap:.5rem}.mb-4{margin-bottom:1rem}.rounded-full{border-radius:9999px}.w-2{width:.5rem}.h-2{height:.5rem}.col-span-1{grid-column:span 1/span 1}.call-circle{align-items:center;background:#fff;border-radius:50%;box-shadow:0 20px 60px #20c1f526;display:flex;height:180px;justify-content:center;position:relative;transition:all .3s ease;width:180px}@media (min-width:640px){.call-circle{height:200px;width:200px}}@media (min-width:768px){.call-circle{height:220px;width:220px}}.call-circle:before{animation:border-glow 3s ease-in-out infinite;inset:-2px;transition:opacity .3s ease;z-index:-1}.call-circle:after,.call-circle:before{background:linear-gradient(90deg,#20c1f5,#49b9f2,#7675ec,#a04ee1,#d225d7,#f009d5);background:var(--brand-gradient);border-radius:50%;content:"";position:absolute}.call-circle:after{animation:pulse-glow-always 3s ease-in-out infinite;filter:blur(25px);inset:-15px;opacity:.3;z-index:-2}.call-circle.active:after{animation:pulse-glow 2s ease-in-out infinite;opacity:.4}.call-circle.speaking{animation:speaking-pulse .6s ease-in-out infinite}.call-circle.speaking:after{animation:pulse-glow-speaking .6s ease-in-out infinite;opacity:.55}.call-circle-inner{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:50%;box-shadow:inset 0 2px 10px #0000000d;display:flex;height:176px;justify-content:center;position:relative;width:176px;z-index:1}@media (min-width:640px){.call-circle-inner{height:196px;width:196px}}@media (min-width:768px){.call-circle-inner{height:216px;width:216px}}.circle-waves{align-items:center;display:flex;gap:6px;height:80px;justify-content:center}.wave-bar{animation:wave-idle 1.5s ease-in-out infinite;background:linear-gradient(90deg,#20c1f5,#49b9f2,#7675ec,#a04ee1,#d225d7,#f009d5);background:var(--brand-gradient);border-radius:3px;box-shadow:0 2px 8px #20c1f533;display:inline-block;height:20px;width:5px}.wave-bar:first-child{animation-delay:0s}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}.wave-bar:nth-child(4){animation-delay:.3s}.wave-bar:nth-child(5){animation-delay:.4s}.wave-bar:nth-child(6){animation-delay:.5s}.wave-bar:nth-child(7){animation-delay:.6s}@keyframes wave-idle{0%,to{height:20px;opacity:.6}50%{height:35px;opacity:.9}}@keyframes wave-speaking{0%,to{height:15px;opacity:.7}25%{height:55px;opacity:1}50%{height:25px;opacity:.8}75%{height:45px;opacity:1}}.call-circle.speaking .wave-bar{animation:wave-speaking .7s ease-in-out infinite}.call-circle.speaking .wave-bar:first-child{animation-delay:0s}.call-circle.speaking .wave-bar:nth-child(2){animation-delay:.08s}.call-circle.speaking .wave-bar:nth-child(3){animation-delay:.16s}.call-circle.speaking .wave-bar:nth-child(4){animation-delay:.24s}.call-circle.speaking .wave-bar:nth-child(5){animation-delay:.32s}.call-circle.speaking .wave-bar:nth-child(6){animation-delay:.4s}.call-circle.speaking .wave-bar:nth-child(7){animation-delay:.48s}.call-circle.active:not(.speaking) .wave-bar{animation:wave-active 1.2s ease-in-out infinite}@keyframes wave-active{0%,to{height:25px;opacity:.7}50%{height:40px;opacity:.95}}@keyframes border-glow{0%,to{filter:drop-shadow(0 0 8px rgba(32,193,245,.4));opacity:.9}50%{filter:drop-shadow(0 0 15px rgba(32,193,245,.6));opacity:1}}@keyframes speaking-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes pulse-glow-always{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.4;transform:scale(1.03)}}@keyframes pulse-glow{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes pulse-glow-speaking{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.start-call-btn{align-items:center;background:#5920de;border:none;border-radius:50%;box-shadow:0 10px 30px #10b98159;color:#fff;cursor:pointer;display:flex;height:70px;justify-content:center;transition:all .3s ease;width:70px}@media (min-width:640px){.start-call-btn{height:80px;width:80px}}.start-call-btn:hover{background:#5920de;box-shadow:0 15px 45px #10b98173;transform:translateY(-4px) scale(1.05)}.start-call-btn:active{transform:translateY(-2px) scale(1.02)}.start-call-btn:focus{box-shadow:0 0 0 6px #10b98140,0 15px 45px #10b98173;outline:none}.control-btn-round{align-items:center;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--slate-200);border-radius:50%;box-shadow:0 4px 12px #00000014;color:#334155;color:var(--slate-700);cursor:pointer;display:flex;height:54px;justify-content:center;transition:all .25s ease;width:54px}@media (min-width:640px){.control-btn-round{height:60px;width:60px}}.control-btn-round:hover{border-color:#7675ec;border-color:var(--g3);box-shadow:0 8px 24px #0000001f;transform:translateY(-3px)}.control-btn-round.muted{background:#ef4444;background:var(--red-500);border-color:#ef4444;border-color:var(--red-500);color:#fff}.control-btn-round:focus{box-shadow:0 0 0 4px #20c1f533,0 8px 24px #0000001f;outline:none}.control-btn-round:active{transform:translateY(-1px)}.end-call-btn{align-items:center;background:#ef4444;background:var(--red-500);border:none;border-radius:50%;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;display:flex;height:54px;justify-content:center;transition:all .25s ease;width:54px}@media (min-width:640px){.end-call-btn{height:60px;width:60px}}.end-call-btn:hover{background:#dc2626;box-shadow:0 8px 24px #ef444466;transform:translateY(-3px)}.end-call-btn:focus{box-shadow:0 0 0 4px #ef444440,0 8px 24px #ef444466;outline:none}.end-call-btn:active{transform:translateY(-1px)}.pulse{animation:pulse 2s infinite;box-shadow:0 0 0 0 #00000026}@keyframes pulse{0%{box-shadow:0 0 0 0 #6366f133}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 0 0 #6366f100}}.wave>span{animation:wave 1s ease-in-out infinite;background:linear-gradient(180deg,#49b9f2,#d225d7);background:linear-gradient(180deg,var(--g2),var(--g5));border-radius:2px;display:inline-block;height:6px;margin:0 2px;width:4px}.wave>span:nth-child(2){animation-delay:.08s;height:10px}.wave>span:nth-child(3){animation-delay:.16s;height:8px}.wave>span:nth-child(4){animation-delay:.24s;height:12px}.wave>span:nth-child(5){animation-delay:.32s;height:7px}@keyframes wave{0%,to{opacity:.7;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1.4)}}.card-accent{background:linear-gradient(90deg,#20c1f5,#49b9f2,#7675ec,#a04ee1,#d225d7,#f009d5);background:var(--brand-gradient);border-top-left-radius:.75rem;border-top-right-radius:.75rem;box-shadow:0 2px 12px #667eea26;height:6px;margin:-1.5rem -1.5rem 1rem;position:relative}.card-accent:after{background:linear-gradient(180deg,#667eea0d,#0000);bottom:-6px;content:"";height:6px;left:0;position:absolute;right:0}.avatar-gradient{background:radial-gradient(circle at 30% 20%,#ffffff0f,#ffffff05),linear-gradient(90deg,#20c1f5,#49b9f2,#7675ec,#a04ee1,#d225d7,#f009d5);background:radial-gradient(circle at 30% 20%,#ffffff0f,#ffffff05),var(--brand-gradient);color:#fff}.control-btn{background:#fff;border:1px solid #0f172a0a;transition:transform .12s ease,box-shadow .12s ease}.control-btn:hover{box-shadow:0 10px 30px #20c1f51f;box-shadow:0 10px 30px var(--brand-shadow);transform:translateY(-3px)}.control-btn:focus{box-shadow:0 0 0 6px #20c1f51f;outline:none}#statusDot{background-image:linear-gradient(90deg,#20c1f5,#f009d5);background-image:linear-gradient(90deg,var(--g1),var(--g6))}#vapi-icon-container{background:#0000;color:#7675ec;color:var(--g3)}@media (max-width:640px){.card-accent{border-top-left-radius:1rem;border-top-right-radius:1rem;margin-left:-1rem;margin-right:-1rem}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.flex-col{flex-direction:column}.dial-end,.ute-button{font-size:.8rem;padding:.5rem}
/*# sourceMappingURL=main.fb5c1863.css.map*/