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{--text:#fff;--gray-200:#b4b8bb;--gray-300:#80868b;--gray-500:#5f6368;--gray-600:#444;--gray-700:#202020;--gray-800:#171717;--gray-900:#111;--gray-1000:#0a0a0a;--border-stroke:#444;--accent-blue:#a1e4f2;--accent-blue-active-bg:#001233;--accent-blue-active:#98beff;--accent-blue-headers:#448dff;--accent-green:#a8dab5;--midnight-blue:#001233;--blue-30:#99beff;--accent-red:#ff4600;--background:var(--gray-900);--color:var(--text);--font-family:"Space Mono",monospace;--Neutral-00:#000;--Neutral-5:#181a1b;--Neutral-10:#1c1f21;--Neutral-15:#232729;--Neutral-20:#2a2f31;--Neutral-30:#404547;--Neutral-50:#707577;--Neutral-60:#888d8f;--Neutral-80:#c3c6c7;--Neutral-90:#e1e2e3;--Green-500:#0d9c53;--Green-700:#025022;--Blue-500:#1f94ff;--Blue-800:#0f3557;--Red-400:#ff9c7a;--Red-500:#ff4600;--Red-600:#e03c00;--Red-700:#bd3000;scrollbar-color:#444 #111;scrollbar-color:var(--gray-600) var(--gray-900);scrollbar-width:thin}body{background:#404547;background:var(--Neutral-30);font-family:Space Mono,monospace}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.space-mono-regular{font-weight:400}.space-mono-bold,.space-mono-regular{font-family:Space Mono,monospace;font-style:normal}.space-mono-bold{font-weight:700}.space-mono-regular-italic{font-family:Space Mono,monospace;font-style:italic;font-weight:400}.space-mono-bold-italic{font-family:Space Mono,monospace;font-style:italic;font-weight:700}.hidden{display:none}.flex{display:flex}.h-screen-full{height:100vh}.w-screen-full{width:100vw}.flex-col{flex-direction:column}.streaming-console{background:#181a1b;background:var(--Neutral-5);display:flex;height:100vh;width:100vw}.streaming-console,.streaming-console a,.streaming-console a:active,.streaming-console a:visited{color:#80868b;color:var(--gray-300)}.streaming-console .disabled,.streaming-console .disabled>*{pointer-events:none}.streaming-console main{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:1rem;justify-content:center;max-width:100%;overflow:hidden;position:relative}.streaming-console .main-app-area{align-items:center;display:flex;flex:1 1;justify-content:center}.streaming-console .function-call{height:50%;overflow-y:auto;position:absolute;top:0;width:100%}.stream{border-radius:32px;flex-grow:1;max-height:fit-content;max-width:90%}@media(max-width:768px){.App{background:linear-gradient(135deg,#181a1b,#000);background:linear-gradient(135deg,var(--Neutral-5),var(--Neutral-00));height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.streaming-console{background:radial-gradient(circle at center,#1c1f21 0,#000 100%);background:radial-gradient(circle at center,var(--Neutral-10) 0,var(--Neutral-00) 100%);flex-direction:column;height:100%;overflow:hidden;width:100%}main{height:calc(100% - 40vh);padding-bottom:80px}.main-app-area,main{align-items:center;display:flex;justify-content:center;position:relative}.main-app-area{flex:1 1;flex-direction:column;height:100%;overflow:hidden;width:100%}.stream{animation:float 6s ease-in-out infinite!important;aspect-ratio:4/3!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;border:1.5px solid #ffffff1f!important;border-radius:22px!important;box-shadow:0 10px 20px #00000073,0 2px 6px #1f94ff26!important;height:auto!important;max-width:300px!important;object-fit:cover!important;position:fixed!important;right:50%!important;top:calc(env(safe-area-inset-top, 15px) + 65px)!important;transform:translateX(50%)!important;width:60%!important;z-index:1000!important}.stream-description{left:50%!important;position:fixed!important;text-align:center!important;top:calc(env(safe-area-inset-top, 10px) + 245px)!important;transform:translateX(-50%)!important;width:70%!important;z-index:999!important}.stream-description .description-text{animation:glow 4s ease-in-out infinite alternate!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;background:#00000059!important;border:1px solid #ffffff14!important;border-radius:14px!important;box-shadow:0 6px 12px #00000040!important;color:#ffffffeb!important;font-family:Space Mono,sans-serif!important;font-size:12px!important;font-weight:400!important;letter-spacing:.3px!important;line-height:1.5!important;padding:10px 14px!important;text-shadow:0 2px 4px #0006!important;transform:perspective(800px) rotateX(2deg)!important}.stream-description .description-text .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4fc3f7,#2196f3);-webkit-background-clip:text;font-weight:700;padding:0 2px}}@media(max-width:768px)and (orientation:portrait){.stream{aspect-ratio:4/3!important;border:1.5px solid #3da8f526!important;border-radius:24px!important;box-shadow:0 12px 24px #00000080,0 4px 12px #1f94ff33,0 0 30px #1f94ff14!important;max-width:350px!important;top:calc(env(safe-area-inset-top, 10px) + 35px)!important;width:70%!important}.stream-description{top:calc(env(safe-area-inset-top, 10px) + 285px)!important;width:80%!important}.stream-description .description-text{font-size:13px!important;padding:12px 16px!important}.vega-embed{margin-top:320px!important;transform:scale(.96)!important;transition:transform .3s ease!important}.vega-embed:hover{transform:scale(.98)!important}}@media(max-width:768px)and (orientation:landscape){.stream{border-radius:22px!important;box-shadow:0 10px 20px #00000080,0 3px 10px #1f94ff33!important;left:auto!important;right:15px!important;top:15px!important;transform:none!important;width:40%!important}.vega-embed{filter:drop-shadow(0 6px 12px rgba(0,0,0,.2))!important;margin-right:42%!important;margin-top:10px!important;transition:filter .3s ease!important}.vega-embed:hover{filter:drop-shadow(0 8px 16px rgba(0,0,0,.3))!important}}@media(max-width:768px){.side-panel{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#0a0a0ad9!important;border-radius:28px 28px 0 0!important;border-top:1px solid #ffffff1a!important;box-shadow:0 -10px 20px #0000004d!important;height:auto!important;max-height:40vh!important;position:relative!important;transition:all .3s cubic-bezier(.25,1,.5,1)!important;width:100%!important;z-index:999!important}.side-panel-container{max-height:30vh!important;overflow-y:auto!important;padding:0 10px!important;scrollbar-width:thin!important}.side-panel-container::-webkit-scrollbar{width:5px!important}.side-panel-container::-webkit-scrollbar-thumb{background:#fff3!important;border-radius:10px!important}.side-panel.open{height:40vh!important;transform:translateY(0)!important;width:100%!important}.control-tray{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background-color:#00000073;border-top:1px solid #ffffff0d;bottom:0;box-shadow:0 -4px 16px #0000004d;box-sizing:border-box;display:flex;height:50px;justify-content:center;left:50%;padding:6px;position:fixed;transform:translateX(-50%) translateY(5px);transition:all .3s ease;width:80%;z-index:1001}.control-tray:active,.control-tray:hover{transform:translateX(-50%) translateY(0)}.vega-embed{border-radius:18px!important;margin-top:200px!important;max-width:90vw!important;overflow:hidden!important;width:100%!important}}@keyframes float{0%{transform:translateX(50%) translateY(0)}50%{transform:translateX(50%) translateY(-8px)}to{transform:translateX(50%) translateY(0)}}@keyframes glow{0%{border-color:#ffffff14;box-shadow:0 8px 16px #0000004d,0 0 0 #3da8f500}to{border-color:#ffffff26;box-shadow:0 8px 20px #0006,0 0 15px #3da8f54d}}body,html{-ms-overflow-style:none;background:#404547;background:var(--Neutral-30);height:-webkit-fill-available;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}@supports(padding:max(0px)){.App{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}.control-tray{bottom:env(safe-area-inset-bottom,0);padding-bottom:calc(env(safe-area-inset-bottom) + 8px)}}.audioPulse{align-items:center;display:flex;height:4px;justify-content:space-evenly;transition:all .5s;transition:opacity .333s;width:24px}.audioPulse>div{background-color:var(--Neutral-30);border-radius:1000px;min-height:4px;transition:height .1s;width:4px}.audioPulse.hover>div{animation:hover 1.4s ease-in-out infinite alternate}.audioPulse.active{opacity:1}.audioPulse.active>div{background-color:var(--Neutral-80)}@keyframes hover{0%{transform:translateY(0)}to{transform:translateY(-3.5px)}}.action-button{align-items:center;animation:opacity-pulse 3s ease-in infinite;background:var(--Neutral-20);border:1px solid #ffffff0d;border-radius:18px;box-shadow:0 4px 8px #0003;color:var(--Neutral-60);cursor:pointer;display:flex;font-size:1.25rem;height:48px;justify-content:center;line-height:1.75rem;text-transform:lowercase;transition:all .25s cubic-bezier(.25,1,.5,1);-webkit-user-select:none;user-select:none;width:48px}.action-button:focus{border:2px solid var(--Neutral-20);outline:2px solid var(--Neutral-80)}.action-button.outlined{background:var(--Neutral-2);border:1px solid var(--Neutral-20)}.action-button .no-action{pointer-events:none}.action-button:hover{background:#0000;border:1px solid var(--Neutral-20);box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.action-button.connected{background:var(--Blue-800);color:var(--Blue-500)}.action-button.connected:hover{border:1px solid var(--Blue-500)}.action-button .material-symbols-outlined{font-size:24px}.action-button .material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}@property --volume{syntax:"length";inherit:false;initial-value:0}.disabled .mic-button:before,.mic-button.disabled:before{background:#0000}.mic-button{background-color:var(--accent-red);color:#000;position:relative;transition:all .2s ease-in;z-index:1}.mic-button:focus{border:2px solid var(--Neutral-20);outline:2px solid var(--Red-500)}.mic-button:hover{background-color:var(--Red-400)}.mic-button:before{background-color:var(--Red-500);border-radius:24px;content:"";display:block;height:calc(100% + var(--volume)*2);left:calc(var(--volume)*-1);opacity:.35;position:absolute;top:calc(var(--volume)*-1);transition:all .02s ease-in-out;width:calc(100% + var(--volume)*2);z-index:-1}.connect-toggle:focus{border:2px solid var(--Neutral-20);outline:2px solid var(--Neutral-80)}.connect-toggle:not(.connected){background:linear-gradient(135deg,var(--Blue-500),#4d5eff);border:none;border-radius:32px;box-shadow:0 6px 16px #1f94ff66;color:#fff;font-size:1.5rem;height:64px;overflow:hidden;position:relative;width:64px}.connect-toggle:not(.connected):after{animation:shine 3s infinite;background:linear-gradient(45deg,#fff0,#ffffff1a 50%,#fff0);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.connect-toggle:not(.connected) .material-symbols-outlined{font-size:32px}.connect-toggle:not(.connected):hover{box-shadow:0 8px 20px #1f94ff80;transform:scale(1.05) translateY(-3px)}.connect-toggle.connected{background:linear-gradient(135deg,var(--Red-500),#f74);border:none;border-radius:32px;box-shadow:0 6px 16px #ff46004d;color:#fff;font-size:1.5rem;height:64px;overflow:hidden;position:relative;width:64px}.connect-toggle.connected:after{animation:shine 3s infinite;background:linear-gradient(45deg,#fff0,#ffffff1a 50%,#fff0);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.connect-toggle.connected .material-symbols-outlined{font-size:32px}.connect-toggle.connected:hover{box-shadow:0 8px 20px #ff460066;transform:scale(1.05) translateY(-3px)}.connect-toggle .pulse-ring{animation:pulse 2s infinite;background:#0000;border:2px solid #fff6;border-radius:50%;height:100%;opacity:.7;position:absolute;width:100%}.control-tray{align-items:flex-start;bottom:0;display:inline-flex;gap:12px;justify-content:center;left:50%;padding-bottom:18px;position:absolute;transform:translate(-50%)}.control-tray .action-button.disabled,.control-tray .disabled .action-button{background:#0000;border:1px solid #404547;border:1px solid var(--Neutral-30,#404547);box-shadow:none;color:var(--Neutral-30)}.control-tray .connection-container{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center}.control-tray .connection-container .connection-button-container{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0000004d;border-radius:32px;box-shadow:0 4px 12px #0003;padding:10px}.control-tray .connection-container .text-indicator{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#0006;border-radius:12px;color:#fff;font-size:12px;font-weight:600;letter-spacing:1px;padding:3px 8px;text-shadow:0 1px 2px #00000080;text-transform:uppercase;-webkit-user-select:none;user-select:none}.control-tray .connection-container:not(.connected) .text-indicator{opacity:0}.actions-nav{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;border:1px solid #ffffff1a;border-radius:27px;box-shadow:0 4px 20px #0000004d;display:inline-flex;gap:15px;overflow:clip;padding:12px 15px;transition:all .6s ease-in}.actions-nav>*{align-items:center;display:flex;flex-direction:column;gap:1rem}@keyframes opacity-pulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}@keyframes pulse{0%{opacity:.7;transform:scale(1)}70%{opacity:0;transform:scale(1.15)}to{opacity:0;transform:scale(1)}}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}@media(max-width:768px){.action-button{background:linear-gradient(145deg,var(--Neutral-10),var(--Neutral-5));border:1px solid #ffffff0d;border-radius:14px;box-shadow:0 3px 8px #0003,0 1px 3px #0000001a;height:38px;width:38px}.action-button .material-symbols-outlined{font-size:20px}.action-button:active{box-shadow:0 1px 4px #0003;transform:translateY(1px) scale(.97)}.actions-nav{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 4px 12px #0000004d,0 1px 4px #0003,inset 0 1px 1px #ffffff0d;gap:12px;padding:8px 12px;transform:scale(.92)}.connect-toggle.connected,.connect-toggle:not(.connected){border-radius:23px;box-shadow:0 4px 10px #0000004d,0 1px 4px #0003,inset 0 1px 1px #ffffff1a;height:46px;width:46px}.connect-toggle.connected .material-symbols-outlined,.connect-toggle:not(.connected) .material-symbols-outlined{font-size:24px}.connect-toggle.connected:active,.connect-toggle:not(.connected):active{box-shadow:0 2px 6px #00000040;transform:scale(.95)}.connect-toggle:not(.connected){background:linear-gradient(135deg,#1565c0,#303f9f)}.connect-toggle:not(.connected):after{animation-duration:3s}.connect-toggle.connected{background:linear-gradient(135deg,#d32f2f,#f44336)}.connect-toggle.connected:after{animation-duration:3s}.connection-container .connection-button-container{box-shadow:0 4px 12px #00000040,inset 0 1px 1px #ffffff0d;padding:8px}.connection-container .text-indicator{border:1px solid #ffffff0d;box-shadow:0 2px 4px #0003;font-size:11px;font-weight:600;letter-spacing:.8px;padding:3px 8px}.pulse-ring{border-width:1.5px}}@media(orientation:landscape){.control-tray{flex-direction:row;height:50px;justify-content:space-between;left:50%;padding:6px 12px;transform:translateX(-50%) translateY(5px);width:80%}.control-tray:active,.control-tray:hover{transform:translateX(-50%) translateY(0)}.actions-nav{margin-left:0;padding:6px 10px;transform:scale(.9)}.connection-container{margin-right:0}.connect-toggle.connected,.connect-toggle:not(.connected){border-radius:21px;height:42px;width:42px}.connect-toggle.connected .material-symbols-outlined,.connect-toggle:not(.connected) .material-symbols-outlined{font-size:22px}.action-button{border-radius:12px;height:36px;width:36px}.action-button .material-symbols-outlined{font-size:18px}}
/*# sourceMappingURL=main.719b9e3d.css.map*/