:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#appContainer{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background:#fff;color:#4c1d95;position:relative;overflow:hidden}#appContainer:before{content:"";position:absolute;inset:-15%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='200' viewBox='0 0 600 200' fill='none' stroke='%234c1d95'><path d='M0 100 C 100 80 200 120 300 100 S 500 120 600 100' stroke-width='1.95'/><path d='M0 120 C 100 100 200 140 300 120 S 500 140 600 120' stroke-width='1.56' opacity='0.5'/><path d='M0 80 C 100 60 200 100 300 80 S 500 100 600 80' stroke-width='1.56' opacity='0.4'/></svg>");background-size:600px 200px;background-repeat:repeat;opacity:.14;filter:blur(.2px);transform:rotate(-6deg) translateY(-1%);animation:waveDrift 18s linear infinite;will-change:background-position;pointer-events:none;z-index:0}#appContainer:after{content:"";position:absolute;inset:-20%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='200' viewBox='0 0 600 200' fill='none' stroke='%232e1065'><path d='M0 100 C 100 80 200 120 300 100 S 500 120 600 100' stroke-width='1.2' opacity='0.35'/><path d='M0 120 C 100 100 200 140 300 120 S 500 140 600 120' stroke-width='1.0' opacity='0.25'/><path d='M0 80 C 100 60 200 100 300 80 S 500 100 600 80' stroke-width='1.0' opacity='0.2'/></svg>");background-size:600px 200px;background-repeat:repeat;opacity:.1;filter:blur(.4px);transform:rotate(-4deg) translateY(-2%);animation:waveDrift2 26s linear infinite;will-change:background-position;pointer-events:none;z-index:0}@keyframes waveDrift{0%{background-position:0 0}to{background-position:600px 0}}@keyframes waveDrift2{0%{background-position:0 0}to{background-position:-600px 0}}#panel{text-align:center;max-width:560px;padding:24px;border-radius:16px;background:transparent;box-shadow:none;position:relative;z-index:1}#title{font-size:20px;font-weight:800;margin-bottom:16px;color:#4c1d95}#subtitle{font-size:14px;opacity:.85;margin-bottom:24px}#agentBubble{margin:0 auto;width:252px;height:252px;border-radius:50%;border:none;background:radial-gradient(140px 120px at 62% 40%,rgba(250,245,255,.75) 0%,rgba(238,229,255,.38) 42%,transparent 70%),radial-gradient(120px 100px at 40% 62%,rgba(31,10,92,.55) 0%,rgba(31,10,92,.28) 38%,transparent 68%),linear-gradient(135deg,#936affa6,#3a1a878c);background-blend-mode:screen,screen,screen;background-size:100% 100%,100% 100%,cover;background-position:center;filter:none;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:visible;transition:transform .18s ease,filter .18s ease;-webkit-mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 58%,rgba(0,0,0,.7) 72%,rgba(0,0,0,.35) 88%,rgba(0,0,0,0) 100%);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:radial-gradient(circle at 50% 50%,#000 58%,#000000b3 72%,#00000059 88%,#0000);mask-size:100% 100%;mask-repeat:no-repeat;mask-position:center}#agentBubble:before{content:"";position:absolute;inset:-24%;background:radial-gradient(180px 150px at 68% 42%,rgba(178,144,255,.1) 0%,rgba(178,144,255,.05) 35%,transparent 70%),radial-gradient(160px 140px at 38% 70%,rgba(76,29,149,.08) 0%,rgba(76,29,149,.04) 32%,transparent 68%);background-blend-mode:screen;background-size:110% 110%,110% 110%;background-position:50% 50%,50% 50%;opacity:1;pointer-events:none;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,.5) 78%,rgba(0,0,0,1) 100%);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:radial-gradient(circle at 50% 50%,#0000 0% 60%,#00000080 78%,#000);mask-size:100% 100%;mask-repeat:no-repeat;mask-position:center}#agentBubble:after{content:"";position:absolute;inset:-10%;background:radial-gradient(120px 100px at 28% 38%,rgba(206,189,255,.22) 0%,rgba(206,189,255,.1) 40%,transparent 70%),radial-gradient(160px 120px at 66% 54%,rgba(62,22,128,.16) 0%,rgba(62,22,128,.08) 45%,transparent 72%),radial-gradient(100px 130px at 50% 70%,rgba(178,144,255,.18) 0%,rgba(178,144,255,.08) 42%,transparent 70%);background-blend-mode:screen,overlay,screen;background-size:160% 130%,180% 160%,140% 180%;background-position:30% 42%,62% 54%,46% 72%;opacity:.9;pointer-events:none;mix-blend-mode:screen}#agentBubble.active:after{animation:cloudDrift 14s linear infinite}#agentBubble.active:before{animation:cloudDriftOuter 22s linear infinite}@keyframes cloudDrift{0%{background-position:28% 40%,64% 56%,44% 74%}33%{background-position:34% 46%,59% 52%,49% 68%}66%{background-position:31% 44%,61% 50%,47% 70%}to{background-position:28% 40%,64% 56%,44% 74%}}@keyframes cloudDriftOuter{0%{background-position:50% 50%,50% 50%}50%{background-position:54% 46%,46% 54%}to{background-position:50% 50%,50% 50%}}#agentBubble:active{transform:scale(.98)}#agentBubble.active{filter:saturate(1.2) brightness(1.08);animation:blobMorph 5s ease-in-out infinite,gradientShift 8s linear infinite}#agentBubble.active:after{content:"";position:absolute;inset:-12%;background:conic-gradient(from 0deg at 50% 50%,rgba(255,255,255,.05) 0deg,transparent 60deg,rgba(255,255,255,.08) 120deg,transparent 180deg,rgba(255,255,255,.05) 240deg,transparent 300deg,rgba(255,255,255,.06) 360deg);opacity:.35;mix-blend-mode:screen;filter:blur(2px);animation:vortex 6s linear infinite;pointer-events:none;-webkit-mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 58%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(circle at 50% 50%,#000 58%,#0000)}@keyframes vortex{to{transform:rotate(360deg) scale(1.02)}}@keyframes pulseGlow{0%,to{filter:saturate(1.2) brightness(1.06)}50%{filter:saturate(1.35) brightness(1.14)}}@keyframes wave1{0%{transform:translate(-50%,-50%) scale(1);opacity:.45}70%{opacity:.08}to{transform:translate(-50%,-50%) scale(1.9);opacity:0}}@keyframes wave2{0%{transform:translate(-50%,-50%) scale(1);opacity:.35}70%{opacity:.06}to{transform:translate(-50%,-50%) scale(2.2);opacity:0}}#hint{margin-top:14px;font-size:14px;opacity:.95;color:#4c1d95}#footerCopy{margin-top:10px;font-size:13px;color:#4c1d95;opacity:.9}@keyframes blobMorph{0%{border-radius:50%;transform:scale(1)}10%{border-radius:58% 52% 55% 50%/52% 58% 48% 55%;transform:scale(1.01)}20%{border-radius:66% 46% 60% 44%/44% 60% 56% 40%;transform:scale(1.03)}30%{border-radius:60% 50% 68% 42%/48% 56% 44% 52%;transform:scale(1.04)}40%{border-radius:54% 62% 72% 38%/62% 38% 58% 42%;transform:scale(1.05)}50%{border-radius:70% 40% 46% 64%/40% 60% 66% 34%;transform:scale(1.06)}60%{border-radius:62% 48% 56% 52%/52% 48% 60% 40%;transform:scale(1.05)}70%{border-radius:48% 60% 72% 38%/56% 44% 42% 58%;transform:scale(1.04)}80%{border-radius:56% 58% 62% 44%/58% 42% 50% 56%;transform:scale(1.03)}90%{border-radius:52% 54% 58% 46%/54% 46% 52% 48%;transform:scale(1.01)}to{border-radius:50%;transform:scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#status{margin-top:16px;font-size:13px;opacity:.9}#controls{margin-top:20px;display:flex;gap:10px;justify-content:center}#endCallButton{padding:10px 14px;border:none;border-radius:8px;background:#e11d48;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 6px 20px #0003;display:none}#endCallButton.show{display:inline-block}