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;padding-bottom:70px;padding-top:70px}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}.h-screen-full{height:100vh}.w-screen-full{width:100vw}.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;max-height:fit-content;max-width:90%}*,:after,:before{box-sizing:border-box}.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)}}:root{--color-primary:#1f94ff;--color-primary-light:#3ba3ff;--color-primary-dark:#1884e8;--color-secondary:#0d9c53;--color-secondary-light:#10b561;--color-secondary-dark:#0b8847;--color-accent:#ff4600;--color-accent-light:#ff5c1f;--color-accent-dark:#e63e00;--color-background:#121212;--color-surface:#1e1e1e;--color-surface-rgb:30,30,30;--color-text:#fff;--color-text-secondary:#b4b8bb;--color-border:#333;--font-family:"Roboto",sans-serif;--transition-speed:0.3s;--transition-function:cubic-bezier(0.4,0,0.2,1)}body{background-color:#121212;background-color:var(--color-background);font-family:Roboto,sans-serif;font-family:var(--font-family);margin:0;padding:0;transition:background-color .3s,color .3s;transition:background-color var(--transition-speed),color var(--transition-speed)}.action-button,body{color:#fff;color:var(--color-text)}.action-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;font-size:1.4rem;height:52px;justify-content:center;outline:none;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--transition-function);-webkit-user-select:none;user-select:none;width:52px}.action-button .material-icons{font-size:1.35rem;transition:transform .2s ease}.action-button:hover{background:#1f94ff;background:var(--color-primary);box-shadow:0 6px 16px #2196f34d;color:#fff;transform:translateY(-3px)}.action-button:hover .material-icons{transform:scale(1.1)}.action-button:active{box-shadow:0 2px 8px #0003;transform:translateY(0)}.action-button:focus-visible{box-shadow:0 0 0 3px #2196f366,0 4px 12px #00000026}.action-button.outlined{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1.5px solid #ffffff1a}.action-button.outlined:hover{background:#ffffff1f;border-color:#3ba3ff;border-color:var(--color-primary-light);color:#fff}.action-button.outlined:active{background:#ffffff26}.action-button.mic-button{background:linear-gradient(135deg,#ff416c,#ff4b2b);box-shadow:0 4px 15px #ff4b2b4d;color:#fff;position:relative;transition:all .2s ease-in;z-index:1}.action-button.mic-button:focus{border:2px solid #fff3;outline:2px solid #ff4600;outline:2px solid var(--color-accent)}.action-button.mic-button:hover{background:linear-gradient(135deg,#ff512f,#f09819);box-shadow:0 6px 20px #ff4b2b66}.action-button.mic-button:before{animation:pulse 2s infinite;background:radial-gradient(circle,#ff4b2bcc 0,#ff4b2b00 70%);border-radius:50%;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 .1s ease-in-out;width:calc(100% + var(--volume)*2);z-index:-1}.action-button.connect-toggle{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 4px 15px #38ef7d4d;color:#fff}.action-button.connect-toggle:hover{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 6px 20px #38ef7d66}.action-button.connect-toggle.connected{background:linear-gradient(135deg,#ff512f,#f09819);box-shadow:0 4px 15px #f098194d}.action-button.connect-toggle.connected:hover{box-shadow:0 6px 20px #f0981966}@media(max-width:600px){.action-button{height:45px;width:45px}.action-button,.action-button .material-icons{font-size:1.2rem}}.control-tray{align-items:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f172abf;border:1px solid #ffffff14;border-radius:20px;bottom:60px;box-shadow:0 10px 30px #0003,0 4px 12px #00000026,inset 0 1px 1px #ffffff0d;display:flex;gap:18px;justify-content:center;left:50%;margin-bottom:12px;padding:10px;position:absolute;transform:translateX(-50%);transition:transform .3s ease,box-shadow .3s ease}.control-tray:hover{box-shadow:0 12px 35px #00000040,0 5px 15px #0000002e,inset 0 1px 1px #ffffff0f}.control-tray .actions-nav{align-items:center;display:flex;gap:16px}.control-tray .actions-nav.disabled{filter:grayscale(.8);opacity:.5;pointer-events:none;transition:opacity .3s ease,filter .3s ease}.control-tray .connection-container{align-items:center;display:flex;flex-direction:column;gap:10px;margin-left:8px;position:relative}.control-tray .connection-container .connection-button-container{background:#ffffff1a;border-radius:50%;box-shadow:0 6px 16px #0003,inset 0 1px 1px #ffffff0d;padding:10px;transition:transform .3s ease,box-shadow .3s ease}.control-tray .connection-container .connection-button-container:hover{transform:scale(1.03)}.control-tray .connection-container .text-indicator{color:#fff;color:var(--color-text);font-size:.75rem;font-weight:600;letter-spacing:.8px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--transition-function)}.control-tray .connection-container .text-indicator:after{animation:blink 2s infinite;background-color:#00e676;border-radius:50%;box-shadow:0 0 8px #00e676;content:"";height:6px;position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:6px}.control-tray .connection-container.connected .text-indicator{opacity:1;transform:translateY(0)}.control-tray .connection-container:not(.connected) .text-indicator{opacity:0;transform:translateY(-4px)}.control-tray .connection-container:not(.connected) .text-indicator:after{background-color:#ff5252;box-shadow:0 0 8px #ff5252}.stream{border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 30px #0000004d;overflow:hidden;transition:all .4s ease}.stream:hover{box-shadow:0 12px 40px #00000059;transform:scale(1.01)}.hidden{display:none}.flex{display:flex}.content,.flex-col{flex-direction:column}.content{display:flex;min-height:100vh}main{align-items:center;background-image:linear-gradient(135deg,#1e2b3c,#2d3a4f);box-shadow:0 4px 8px #0000004d;display:flex;flex:1 1;justify-content:center;padding:20px;position:relative}.stream{border-radius:12px;flex-grow:1;margin-bottom:auto;max-height:80vh;max-width:100%;transition:opacity .3s;transition:opacity var(--transition-speed)}@keyframes pulse{0%{opacity:.35;transform:scale(1)}50%{opacity:.2;transform:scale(1.05)}to{opacity:.35;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes opacity-pulse{0%,to{opacity:.8;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}@media(max-width:768px){main{flex-direction:column}.stream{max-height:50vh;max-width:96%}.control-tray{gap:14px;padding:14px 18px}}@media(max-width:600px){.control-tray{bottom:10px;gap:12px;left:0;margin-left:auto;margin-right:auto;margin-top:10px;padding:12px 16px;position:fixed;right:0;transform:none;width:85%}}.control-focus-active:after{background:#0006;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:5}.control-tray:hover+.control-focus-active:after{opacity:1}.app-header{background-color:#1a1a2e;box-shadow:0 2px 10px #0000001a;color:#fff;padding:1.25rem 0;position:sticky;top:0;z-index:100}.app-header .header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;min-height:60px;padding:0 1.5rem}.app-header .logo{color:#fff;text-decoration:none}.app-header .logo .logo-wrapper{align-items:center;display:flex}.app-header .logo .logo-wrapper .logo-icon{height:48px;margin-right:12px}.app-header .logo .logo-wrapper h1{font-size:1.75rem;font-weight:600;margin:0}.app-header .header-right{align-items:center;display:flex}.app-header .navigation{display:flex;gap:1.5rem}.app-header .navigation a{color:#fff;font-size:1.1rem;padding:.5rem 0;text-decoration:none;transition:color .2s ease}.app-header .navigation a:hover{color:#4cc9f0}@media(max-width:768px){.app-header{padding:1rem 0}.app-header .header-container{align-items:center;flex-direction:row;gap:0;justify-content:space-between;min-height:50px}.app-header .logo .logo-wrapper .logo-icon{height:42px;margin-right:8px}.app-header .logo .logo-wrapper h1{font-size:1.4rem}.app-header .header-right{justify-content:flex-end}.app-header .navigation{display:none}}.language-selector{margin-left:1rem;position:relative;z-index:100}.language-selector .language-selector-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:flex;padding:.5rem .75rem;transition:all .2s ease}.language-selector .language-selector-btn:focus,.language-selector .language-selector-btn:hover{background:#fff3;border-color:#ffffff4d}.language-selector .language-selector-btn .flag-icon{border-radius:2px;box-shadow:0 1px 2px #0003;height:15px;margin-right:8px;object-fit:cover;width:20px}.language-selector .language-selector-btn .language-name{font-size:14px;font-weight:500}.language-selector .language-dropdown-container{animation:fadeIn .2s ease-out;background:#fff;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 5px)}.language-selector .language-dropdown{list-style:none;margin:0;padding:0}.language-selector .language-dropdown li{border-bottom:1px solid #f0f0f0}.language-selector .language-dropdown li:last-child{border-bottom:none}.language-selector .language-dropdown li button{align-items:center;background:#0000;border:none;color:#333;cursor:pointer;display:flex;padding:.75rem 1rem;text-align:left;transition:background .2s ease;width:100%}.language-selector .language-dropdown li button:hover{background:#f5f5f5}.language-selector .language-dropdown li button.active{background:#f0f7ff;color:#06c;font-weight:600}.language-selector .language-dropdown li button .flag-icon{border-radius:2px;box-shadow:0 1px 2px #0000001a;height:15px;margin-right:10px;object-fit:cover;width:20px}.language-selector .language-dropdown li button .language-name{font-size:14px}@media(max-width:768px){.language-selector{margin-left:.5rem}.language-selector .language-selector-btn{justify-content:center;min-width:36px;padding:.4rem}.language-selector .language-selector-btn .flag-icon{height:13px;margin-right:0;width:18px}.language-selector .language-selector-btn .language-name{display:none}.language-selector .language-dropdown-container{min-width:130px;right:-8px}.language-selector .language-dropdown li button{padding:.6rem .75rem}.language-selector .language-dropdown li button .flag-icon{margin-right:8px}.language-selector .language-dropdown li button .language-name{display:block}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.footer{background-color:#0f172af2;border-top:1px solid #ffffff0d;margin-top:auto;position:relative}.footer:before{background-image:linear-gradient(90deg,#0f172ae6,#1e293be6);content:"";inset:0;position:absolute;z-index:-1}.footer-container{margin:0 auto;max-width:80rem;padding:1.5rem 1.5rem 1rem}@media(min-width:1024px){.footer-container{padding:1.75rem 2rem 1rem}}.footer-grid{text-align:center}.footer-column,.footer-grid{align-items:center;display:flex;flex-direction:column}.footer-column{gap:.5rem;max-width:30rem}.footer .logo-container{align-items:center;display:flex;margin-bottom:.25rem}.footer-logo{filter:drop-shadow(0 0 8px rgba(59,130,246,.3));height:2rem;object-fit:contain;transition:all .3s ease;width:auto}.footer-logo:hover{filter:drop-shadow(0 0 12px rgba(59,130,246,.5));transform:scale(1.05)}.footer-tagline{color:#ffffffbf;font-size:.9rem;font-weight:300;line-height:1.5;margin-bottom:.75rem}.footer-social{display:flex;gap:1rem;margin-top:0}.footer-social a{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#fffc;display:flex;height:34px;justify-content:center;transition:all .3s ease;width:34px}.footer-social a svg{height:18px;transition:all .3s ease;width:18px}.footer-social a:hover{background:linear-gradient(135deg,#3b82f6,#10b981);box-shadow:0 5px 15px #0003;color:#fff;transform:translateY(-3px)}.footer-social a:hover svg{transform:scale(1.1)}.footer-bottom{border-top:1px solid #ffffff14;color:#fff9;font-size:.875rem;margin-top:1.25rem;padding-top:.75rem;text-align:center}.footer-bottom span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#3b82f6,#10b981);background-clip:text;-webkit-background-clip:text;font-weight:500}@media(max-width:640px){.footer-container{padding:1.25rem 1rem .75rem}.footer-logo{height:1.75rem}.footer-tagline{font-size:.85rem;margin-bottom:.5rem}.footer-social a{height:32px;width:32px}.footer-social a svg{height:16px;width:16px}.footer-bottom{margin-top:.75rem;padding-top:.75rem}}.text-response{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 8px 32px #0006;color:#fff;font-family:Space Mono,monospace;max-height:60vh;max-width:400px;overflow:hidden;padding:20px;position:fixed;right:20px;top:120px;transition:all .3s ease;z-index:9998}.text-response.visible{opacity:1;transform:translateY(0)}.text-response.collapsed{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;max-height:50px;max-width:200px;padding:8px 12px}.text-response.collapsed:hover{background:#000000f2!important;transform:scale(1.02)}.text-response .text-response-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;justify-content:center;margin-bottom:15px;padding-bottom:10px;transition:all .2s ease}.collapsed .text-response .text-response-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.text-response .text-response-header h3{font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.collapsed .text-response .text-response-header h3{font-size:12px}.text-response .text-response-header:hover{background:#ffffff1a;color:var(--text)}.text-response .text-response-header .material-symbols-outlined{font-size:18px}.text-response .text-response-content{max-height:calc(60vh - 60px);overflow-y:auto;padding:12px 16px;scrollbar-color:var(--gray-600) #0000;scrollbar-width:thin}.text-response .text-response-content::-webkit-scrollbar{width:6px}.text-response .text-response-content::-webkit-scrollbar-track{background:#0000}.text-response .text-response-content::-webkit-scrollbar-thumb{background:var(--gray-600);border-radius:3px}.text-response .text-response-content::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.text-response .message{animation:fadeInUp .3s ease-out;margin-bottom:12px}.text-response .message:last-child{margin-bottom:0}.text-response .message .message-text{word-wrap:break-word;border-radius:8px;font-size:13px;line-height:1.4;padding:10px 12px;position:relative}.text-response .message.completed .message-text{background:#38ef7d1a;border:1px solid #38ef7d33;color:var(--accent-green)}.text-response .message.current .message-text{background:#a1e4f21a;border:1px solid #a1e4f233;color:var(--accent-blue)}.text-response .typing-indicator{animation:blink 1s infinite;color:var(--accent-blue);margin-left:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media(max-width:768px){.text-response{bottom:140px;left:10px;max-height:40vh;position:fixed;right:10px;top:auto;width:auto}.text-response .text-response-header h3{font-size:13px}.text-response .message .message-text{font-size:12px;padding:8px 10px}}@media(max-width:480px){.text-response{bottom:160px;max-height:35vh}}
/*# sourceMappingURL=main.c9213328.css.map*/