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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--text:#333;--gray-200:#f5f5f5;--gray-300:#e0e0e0;--gray-500:#9e9e9e;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--gray-1000:#121212;--border-stroke:#e0e0e0;--accent-blue:#2196f3;--accent-blue-active-bg:#e3f2fd;--accent-blue-active:#1976d2;--accent-blue-headers:#2196f3;--accent-green:#4caf50;--midnight-blue:#1976d2;--blue-30:#64b5f6;--accent-red:#f44336;--background:var(--gray-200);--color:var(--text);--Neutral-00:#fff;--Neutral-5:#fafafa;--Neutral-10:#f5f5f5;--Neutral-15:#eee;--Neutral-20:#e0e0e0;--Neutral-30:#bdbdbd;--Neutral-50:#9e9e9e;--Neutral-60:#757575;--Neutral-80:#424242;--Neutral-90:#212121;--Green-500:#4caf50;--Green-700:#388e3c;--Blue-500:#2196f3;--Blue-800:#1565c0;--Red-400:#ef5350;--Red-500:#f44336;--Red-600:#e53935;--Red-700:#d32f2f;scrollbar-color:#9e9e9e #f5f5f5;scrollbar-color:var(--gray-500) var(--gray-200);scrollbar-width:thin}body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);background:#bdbdbd;background:var(--Neutral-30);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;padding:0}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.space-mono-regular{font-style:normal;font-weight:400}.space-mono-bold{font-style:normal;font-weight:700}.space-mono-regular-italic{font-style:italic;font-weight:400}.space-mono-bold-italic{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:#fafafa;background:var(--Neutral-5);display:flex;height:100vh;overflow:hidden;position:relative;width:100vw}.streaming-console,.streaming-console a,.streaming-console a:active,.streaming-console a:visited{color:#e0e0e0;color:var(--gray-300)}.streaming-console .disabled,.streaming-console .disabled>*{pointer-events:none}.streaming-console main{display:flex;flex-direction:column;flex-grow:1;height:100%;max-width:100%;overflow:hidden;padding:.75rem .75rem 7rem;position:relative;transition:margin-left .3s ease}@media(min-width:768px){.streaming-console main{padding:2rem 2rem 8rem}}@media(max-width:480px){.streaming-console main{padding:.5rem .5rem 6.5rem}}.streaming-console .app-header{margin-bottom:1rem;text-align:center}@media(min-width:768px){.streaming-console .app-header{margin-bottom:1.5rem}}.streaming-console .app-header h2{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(135deg,#2196f3,#00bcd4,#4caf50);color:#0000;display:inline-block;font-size:1.8rem;font-weight:700;letter-spacing:-.5px;margin:0;position:relative;text-shadow:0 2px 10px #2196f333}@media(min-width:768px){.streaming-console .app-header h2{font-size:2.5rem}}.streaming-console .app-header h2:after{background:linear-gradient(90deg,#0000,#2196f380,#0000);bottom:-5px;content:"";height:2px;left:0;position:absolute;width:100%}.streaming-console .app-header .subtitle{color:#757575;color:var(--Neutral-60);font-size:1rem;margin-top:.5rem}@media(min-width:768px){.streaming-console .app-header .subtitle{font-size:1.1rem}}.streaming-console .main-app-area{-webkit-overflow-scrolling:touch;align-items:center;display:flex;justify-content:center;margin-bottom:1rem;min-height:0;overflow-y:auto;position:relative;width:100%}@media(max-width:480px){.streaming-console .main-app-area{margin-bottom:.5rem}}.streaming-console .welcome-container{-webkit-overflow-scrolling:touch;background:#f5f5f5;background:var(--Neutral-10);border:1px solid #e0e0e0;border:1px solid var(--Neutral-20);border-radius:16px;box-sizing:border-box;margin:0 auto;max-height:calc(100vh - 15rem);max-width:800px;overflow-y:auto;padding:1.5rem;width:100%}@media(min-width:768px){.streaming-console .welcome-container{margin-bottom:0;max-height:calc(100vh - 18rem);padding:2rem}}@media(max-width:480px){.streaming-console .welcome-container{border-radius:12px;max-height:calc(100vh - 13rem);padding:1rem .75rem}}.streaming-console .welcome-content{align-items:center;display:flex;flex-direction:column;padding-bottom:.5rem;text-align:center}.streaming-console .welcome-content h3{color:#212121;color:var(--Neutral-90);font-size:1.5rem;margin:1.25rem 0 .75rem}@media(min-width:768px){.streaming-console .welcome-content h3{font-size:1.8rem;margin:1.5rem 0 1rem}}.streaming-console .welcome-content p{color:#212121;color:var(--Neutral-90);font-size:1rem;line-height:1.6;margin-bottom:1.25rem;max-width:600px}@media(min-width:768px){.streaming-console .welcome-content p{font-size:1.1rem;margin-bottom:1.5rem}}.streaming-console .welcome-icon{align-items:center;border:1px solid #2196f3;border:1px solid var(--Blue-500);border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:1rem;width:60px}@media(min-width:768px){.streaming-console .welcome-icon{height:80px;width:80px}}.streaming-console .welcome-icon .material-symbols-outlined{color:#fff;font-size:30px}@media(min-width:768px){.streaming-console .welcome-icon .material-symbols-outlined{font-size:40px}}.streaming-console .subtitle{font-size:14px!important}.streaming-console .feature-list{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:.5rem;margin-top:.75rem}@media(min-width:768px){.streaming-console .feature-list{gap:1.5rem;margin-bottom:1rem}}@media(max-width:480px){.streaming-console .feature-list{gap:.5rem;margin-bottom:.25rem;margin-top:.5rem}}.streaming-console .feature-item{align-items:center;background:#eee;background:var(--Neutral-15);border-radius:12px;display:flex;flex-direction:column;min-width:120px;padding:.8rem 1rem;transition:transform .2s ease,box-shadow .2s ease}@media(min-width:768px){.streaming-console .feature-item{min-width:150px;padding:1rem 1.5rem}}@media(max-width:480px){.streaming-console .feature-item{border-radius:8px;min-width:90px;padding:.6rem .8rem}}.streaming-console .feature-item:hover{box-shadow:0 5px 15px #0003;transform:translateY(-5px)}.streaming-console .feature-item .material-symbols-outlined{color:#212121;color:var(--Neutral-90);font-size:24px;margin-bottom:.5rem}@media(min-width:768px){.streaming-console .feature-item .material-symbols-outlined{font-size:28px}}@media(max-width:480px){.streaming-console .feature-item .material-symbols-outlined{font-size:20px;margin-bottom:.3rem}}.streaming-console .feature-item span:not(.material-symbols-outlined){color:#424242;color:var(--Neutral-80);font-size:.8rem}@media(min-width:768px){.streaming-console .feature-item span:not(.material-symbols-outlined){font-size:.9rem}}@media(max-width:480px){.streaming-console .feature-item span:not(.material-symbols-outlined){font-size:.7rem}}.streaming-console .video-container{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow:hidden;padding:.5rem;position:relative;width:65%}.streaming-console .function-call{-webkit-overflow-scrolling:touch;height:50%;overflow-y:auto;position:absolute;top:0;width:100%}.streaming-console .control-tray{align-items:center;background:#f5f5f5;background:var(--Neutral-10);border-top:1px solid #e0e0e0;border-top:1px solid var(--Neutral-20);bottom:0;box-shadow:0 -4px 12px #0000001a;display:flex;gap:.5rem;justify-content:center;left:0;padding:.75rem .5rem;position:fixed;right:0;z-index:10}@media(min-width:768px){.streaming-console .control-tray{gap:1rem;padding:1rem}}@media(max-width:480px){.streaming-console .control-tray{padding:.5rem .25rem}}.streaming-console .control-tray .control-button{align-items:center;background:#eee;background:var(--Neutral-15);border:1px solid #e0e0e0;border:1px solid var(--Neutral-20);border-radius:8px;color:#212121;color:var(--Neutral-90);cursor:pointer;display:inline-flex;flex-direction:column;gap:.25rem;justify-content:center;min-width:60px;padding:.6rem 1rem;text-align:center;transition:all .2s ease}@media(min-width:768px){.streaming-console .control-tray .control-button{flex-direction:row;gap:.5rem;min-width:auto;padding:.75rem 1.25rem}}.streaming-console .control-tray .control-button:hover{background:#e0e0e0;background:var(--Neutral-20);transform:translateY(-2px)}.streaming-console .control-tray .control-button:active{transform:translateY(0)}.streaming-console .control-tray .control-button .material-symbols-outlined{font-size:1.1rem;margin-bottom:0}@media(min-width:768px){.streaming-console .control-tray .control-button .material-symbols-outlined{font-size:1.25rem}}.streaming-console .control-tray .control-button span{font-size:.75rem;font-weight:500;line-height:1.2}@media(min-width:768px){.streaming-console .control-tray .control-button span{font-size:.9rem}}.stream{border:1px solid #e0e0e0;border:1px solid var(--Neutral-20);border-radius:16px;box-shadow:0 8px 32px #0000004d;flex-grow:1;max-height:100%;max-width:100%;object-fit:contain;width:100%}.side-panel{border-right:1px solid #e0e0e0;border-right:1px solid var(--Neutral-20);box-shadow:2px 0 10px #0000001a;z-index:20}.side-panel.open{width:320px}@media(max-width:767px){.side-panel.open{height:100%;position:absolute;width:100%}}.side-panel.closed{width:40px}@media(max-width:767px){.side-panel.closed{width:0}}@supports(-webkit-touch-callout:none){.h-screen-full,.streaming-console{height:-webkit-fill-available}}.welcome-title{-webkit-text-fill-color:#0000;animation:titleFadeIn 1.2s ease-out;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(135deg,#1565c0,#2196f3,#64b5f6);background-image:linear-gradient(135deg,var(--Blue-800),var(--Blue-500),#64b5f6);color:#0000;display:inline-block;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin:0;padding:.5rem 0;position:relative;text-shadow:0 2px 10px #2196f333}@media(min-width:768px){.welcome-title{font-size:3.2rem}}.welcome-title:after{background:linear-gradient(90deg,#0000,#2196f3,#0000);background:linear-gradient(90deg,#0000,var(--Blue-500),#0000);bottom:0;transform:scaleX(0);transform-origin:left}.welcome-title:after,.welcome-title:before{animation:lineGrow 1.5s ease-out .5s forwards;content:"";height:3px;left:0;position:absolute;width:100%}.welcome-title:before{background:linear-gradient(90deg,#0000,#1565c0,#0000);background:linear-gradient(90deg,#0000,var(--Blue-800),#0000);top:0;transform:scaleX(0);transform-origin:right}.welcome-title:hover{animation:titleTyping 2s steps(40) infinite}.welcome-title:hover:after,.welcome-title:hover:before{animation:lineTyping 2s steps(40) infinite}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes lineGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes titleTyping{0%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes lineTyping{0%{transform:scaleX(0)}50%{transform:scaleX(1)}to{transform:scaleX(1)}}.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(--Blue-500);border-radius:1000px;margin:2px;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(--Blue-500)}@keyframes hover{0%{transform:translateY(0)}to{transform:translateY(-3.5px)}}@keyframes pulse{0%{scale:1 1}to{scale:1.2 1.2}}.action-button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-sizing:border-box;color:var(--Neutral-60);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:70px;min-width:80px;padding:12px 8px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(max-width:480px){.action-button{border-radius:8px;min-height:60px;min-width:60px;padding:6px 4px}}.action-button:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.action-button:active{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.action-button .material-symbols-outlined{align-items:center;color:var(--Blue-500);display:flex;font-size:28px;height:auto;justify-content:center;margin:0;transition:all .3s ease}@media(max-width:480px){.action-button .material-symbols-outlined{font-size:22px}}.action-button .button-label{color:var(--Neutral-80);font-size:13px;font-weight:800;height:auto;line-height:1.2;margin:6px 0 0;text-align:center;transition:all .3s ease;width:100%}@media(max-width:480px){.action-button .button-label{font-size:11px;margin-top:4px}}.action-button:focus{border:2px solid var(--Blue-500);box-shadow:0 0 0 3px #4299e14d;outline:none}.action-button.outlined{background:#ffffff0d;border:1px solid #fff3}.action-button.active{background:#ffffff26;border-color:#ffffff4d}.action-button.active .material-symbols-outlined{color:var(--Blue-500)}.action-button.active .button-label{color:var(--Neutral-90)}.action-button.no-action{pointer-events:none}.action-button:hover:after{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;border:1px solid #ffffff1a;border-radius:6px;bottom:calc(100% + 12px);box-shadow:0 4px 12px #0003;color:#fff;content:attr(data-tooltip);font-size:12px;font-weight:500;padding:8px 12px;white-space:nowrap}.action-button:hover:after,.action-button:hover:before{left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:10000}.action-button:hover:before{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #000c;bottom:calc(100% + 8px);content:"";height:0;width:0}.action-button.connected{background:#4299e11a;border:1px solid #4299e133}.action-button.disabled,.disabled .action-button{background:var(--Neutral-15);border:1px solid var(--Neutral-30);color:var(--Neutral-30);cursor:not-allowed;pointer-events:none}.action-button.disabled .button-label,.action-button.disabled .material-symbols-outlined,.disabled .action-button .button-label,.disabled .action-button .material-symbols-outlined{color:var(--Neutral-50)}.action-button.disabled:hover,.disabled .action-button:hover{box-shadow:none;transform:none}@property --volume{syntax:"length";inherit:false;initial-value:0}.mic-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-sizing:border-box;color:var(--Neutral-60);min-height:70px;min-width:80px;padding:12px 8px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}@media(max-width:480px){.mic-button{border-radius:8px;min-height:60px;min-width:60px;padding:6px 4px}}.mic-button:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.mic-button:active{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.mic-button:focus{border:2px solid var(--Neutral-20);box-shadow:0 0 0 3px #0000001a;outline:none}.mic-button .material-symbols-outlined{align-items:center;color:var(--Blue-500);display:flex;font-size:28px;height:auto;justify-content:center;margin:0;transition:all .3s ease}@media(max-width:480px){.mic-button .material-symbols-outlined{font-size:22px}}.mic-button .button-label{color:var(--Neutral-80);font-size:13px;font-weight:800;height:auto;line-height:1.2;margin:6px 0 0;text-align:center;transition:all .3s ease;width:100%}@media(max-width:480px){.mic-button .button-label{font-size:11px;margin-top:4px}}.mic-button:before{background-color:#fff3;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}.disabled .mic-button,.mic-button.disabled{background:var(--Neutral-15);border:1px solid var(--Neutral-30);color:var(--Neutral-30);cursor:not-allowed;pointer-events:none}.disabled .mic-button .button-label,.disabled .mic-button .material-symbols-outlined,.mic-button.disabled .button-label,.mic-button.disabled .material-symbols-outlined{color:var(--Neutral-50)}.disabled .mic-button:hover,.mic-button.disabled:hover{box-shadow:none;transform:none}.disabled .mic-button:before,.mic-button.disabled:before{background:#0000}.mic-button.active{background:#ffffff26;border-color:#ffffff4d}.mic-button.active .material-symbols-outlined{color:var(--Blue-500)}.mic-button.active .button-label{color:var(--Neutral-90)}.connect-toggle{background:linear-gradient(135deg,var(--Blue-500),var(--Blue-600));border:none;border:1px solid var(--Neutral-30);border-radius:8px;color:#fff;font-weight:600;padding:12px 24px;transition:all .3s ease}.connect-toggle:hover{box-shadow:0 4px 12px #4299e14d;transform:translateY(-2px)}.connect-toggle.connected{background:linear-gradient(135deg,var(--Blue-500),var(--Blue-600))}.control-tray{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:16px;position:relative;transition:all .3s ease;width:100%}@media(max-width:768px){.control-tray{border-radius:12px;padding:12px}}.control-tray .control-tray-buttons{align-items:center;display:flex;flex-direction:row;gap:16px}@media(min-width:768px){.control-tray .control-tray-buttons{flex-direction:row;justify-content:space-between}}.control-tray .actions-nav{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:8px;transition:all .3s ease}@media(max-width:480px){.control-tray .actions-nav{gap:8px;padding:6px}}.control-tray .actions-nav.disabled{opacity:.6;pointer-events:none}.control-tray .connection-container{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.control-tray .connection-container.connected{background:#4299e11a;border:1px solid #4299e133}.control-tray .action-button.disabled,.control-tray .disabled .action-button{background:var(--Neutral-15);border:1px solid var(--Neutral-30);color:var(--Neutral-30)}.control-tray .action-button.disabled .button-label,.control-tray .action-button.disabled .material-symbols-outlined,.control-tray .disabled .action-button .button-label,.control-tray .disabled .action-button .material-symbols-outlined{color:var(--Neutral-50)}.connection-button-container{display:flex;justify-content:center}.control-tray-status{align-items:center;color:var(--Neutral-60);display:flex;font-size:.9rem;gap:.5rem}.control-tray-status .status-indicator{background:var(--Neutral-50);border-radius:50%;height:8px;width:8px}.control-tray-status .status-indicator.active{background:var(--Green-500);box-shadow:0 0 8px var(--Green-500)}@keyframes opacity-pulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.action-button.no-action{background:#ffffff1a;border:1px solid #fff3}.action-button.no-action .audioPulse{align-items:center;display:flex;height:28px;justify-content:center;margin:0}.action-button.no-action:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.action-button.no-action:active{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}
/*# sourceMappingURL=main.1afbdddd.css.map*/