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}.App{background-color:#1a1a1a;display:grid;grid-template-columns:1fr;height:100vh;height:100dvh;left:0;overflow:hidden;position:fixed;top:0;width:100%}.App .logo-container{left:20px;position:fixed;top:20px;z-index:10}.App .logo-container .ss-logo{filter:drop-shadow(0 0 8px rgba(255,255,255,.2));height:35px;opacity:.9;transition:all .3s ease;width:auto}@media(max-width:768px){.App .logo-container .ss-logo{height:30px}}@media(max-width:480px){.App .logo-container .ss-logo{height:25px}}.App .logo-container .ss-logo:hover{filter:drop-shadow(0 0 12px rgba(255,255,255,.4));opacity:1;transform:scale(1.02)}.App .memory-manager-container{inset:0;pointer-events:none;position:absolute;z-index:1}.App .memory-manager-container .memory-manager,.App .memory-manager-container .memory-manager .blob-wrapper{pointer-events:none}.App .streaming-console{height:100%;position:relative;width:100%;z-index:2}.App .streaming-console main{height:100%}.App .streaming-console main .main-app-area{height:100%;position:relative}.App .streaming-console main .streaming-icons{bottom:20px;display:flex;gap:10px;pointer-events:auto;position:fixed;right:20px;z-index:100}.App .streaming-console main .streaming-icons .icon-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;pointer-events:auto;transition:all .2s ease;width:48px}.App .streaming-console main .streaming-icons .icon-button:hover{background:#fff3;transform:scale(1.05)}.App .streaming-console main .streaming-icons .icon-button:active{transform:scale(.95)}.App .streaming-console main .streaming-icons .icon-button.active{background:#7c3aed;color:#fff}.App .streaming-console main .streaming-icons .icon-button.active:hover{background:#6d28d9}.App .streaming-console main .streaming-icons .icon-button span{font-size:24px}.App .app-content,.App .app-content .app-content-inner{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.App .app-content .app-content-inner{padding:20px}.App .input-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:12px;margin-top:auto;padding:20px}.App .video-container{bottom:80px;position:fixed;right:20px;z-index:1000}.App .video-container video{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:2px solid #ffffff1a;border-radius:50%;box-shadow:0 8px 32px #0003;height:200px;object-fit:cover;transition:all .3s ease;width:200px}.App .video-container video:hover{border-color:#fff3;box-shadow:0 12px 48px #0000004d;transform:scale(1.05)}@media(max-width:768px){.App .video-container video{height:150px;width:150px}}@media(max-width:480px){.App .video-container video{height:120px;width:120px}}.material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.chat-toggle-button{align-items:center;background:linear-gradient(120deg,#8b5cf6,#7c3aed);border:none;border-radius:50%;box-shadow:0 2px 10px #0000001a;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s ease;width:48px;z-index:1000}.chat-toggle-button:hover{box-shadow:0 4px 15px #8b5cf64d;transform:scale(1.05)}.chat-toggle-button .material-symbols-outlined{font-size:24px}@media(max-width:768px){.chat-toggle-button{bottom:90px;right:20px;top:auto}}.chat-history{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1af2;border:1px solid #8b5cf633;border-radius:16px;box-shadow:0 4px 24px #0003;display:flex;flex-direction:column;height:0;max-height:calc(100vh - 180px);opacity:0;overflow:hidden;position:fixed;right:20px;top:80px;transition:all .3s ease;visibility:hidden;width:320px;z-index:100}.chat-history.visible{height:calc(100vh - 180px);opacity:1;visibility:visible}@media(max-width:768px){.chat-history{bottom:150px;max-height:calc(100vh - 250px);right:20px;top:auto;width:calc(100% - 40px)}.chat-history.visible{height:calc(100vh - 250px)}}.chat-history .chat-header{align-items:center;border-bottom:1px solid #8b5cf633;display:flex;justify-content:space-between;padding:16px}.chat-history .chat-header h2{color:#fff;font-size:1rem;font-weight:500;margin:0}.chat-history .chat-header .clear-button{align-items:center;background:none;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.chat-history .chat-header .clear-button:hover{background:#8b5cf61a;color:#fff}.chat-history .messages-container{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chat-history .messages-container::-webkit-scrollbar{width:6px}.chat-history .messages-container::-webkit-scrollbar-track{background:#0000}.chat-history .messages-container::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.chat-history .message{display:flex;flex-direction:column;max-width:85%}.chat-history .message.user-message{align-self:flex-end}.chat-history .message.user-message .message-content{background:linear-gradient(120deg,#8b5cf6,#7c3aed);border-radius:16px 16px 4px 16px}.chat-history .message.assistant-message{align-self:flex-start}.chat-history .message.assistant-message .message-content{background:#ffffff1a;border-radius:16px 16px 16px 4px}.chat-history .message .message-content{padding:12px 16px;position:relative}.chat-history .message .message-content .message-text{color:#fff;font-size:.9rem;line-height:1.4;word-break:break-word}.chat-history .message .message-content .message-time{color:#fff9;display:block;font-size:.7rem;margin-top:4px}.blob-container{align-items:center;display:flex;height:200px;justify-content:center;margin:auto;pointer-events:none;position:relative;width:200px}.blob-container.active .blob{animation:morph 15s ease-in-out infinite,pulse 8s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf6cc,#7c3aede6,#6d28d9f2);box-shadow:0 0 30px #8b5cf64d,0 0 60px #7c3aed33,inset 0 0 40px #6d28d94d;filter:blur(6px) contrast(150%);opacity:.9}.blob-container.active .blob-glow{animation:glow 6s ease-in-out infinite alternate;background:radial-gradient(circle at center,#8b5cf6cc,#7c3aed66 40%,#6d28d91a 60%,#0000 80%);filter:blur(25px) brightness(1.5);opacity:.6;transform:scale(1.4)}.blob-container .blob,.blob-container .blob-glow{backface-visibility:hidden;border-radius:50%;height:100%;pointer-events:none;position:absolute;transform-style:preserve-3d;transition:all 1.5s cubic-bezier(.4,0,.2,1);width:100%;will-change:transform,opacity,filter}.blob-container .blob{animation:morph 20s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf633,#7c3aed26,#6d28d91a);filter:blur(4px);mix-blend-mode:screen;opacity:.4;transform-origin:center}.blob-container .blob-glow{background:radial-gradient(circle at center,#8b5cf666,#7c3aed33 40%,#6d28d90d 60%,#0000 80%);filter:blur(20px);opacity:.2;transform:scale(1.1)}@media(max-width:768px){.blob-container{height:150px;width:150px}}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(0deg) scale(1)}25%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%;transform:rotate(90deg) scale(1.1)}50%{border-radius:40% 60% 30% 70%/60% 40% 60% 40%;transform:rotate(180deg) scale(1)}75%{border-radius:60% 40% 70% 30%/40% 50% 60% 50%;transform:rotate(270deg) scale(1.1)}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(1turn) scale(1)}}@keyframes glow{0%{filter:blur(25px) brightness(1);transform:scale(1.3)}to{filter:blur(25px) brightness(1.5);transform:scale(1.5)}}.memory-manager{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:1}.memory-manager>*{pointer-events:auto}.memory-manager .blob-wrapper{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.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)}}@keyframes pulse{0%{scale:1 1}to{scale:1.2 1.2}}.action-button{align-items:center;background:linear-gradient(120deg,#8b5cf6,#7c3aed);border:1px solid #ffffff1a;border-radius:18px;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:48px;justify-content:center;line-height:1.75rem;text-transform:lowercase;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;width:48px}@media(max-width:768px){.action-button{font-size:1.1rem;height:44px;width:44px}}@media(max-width:480px){.action-button{border-radius:15px;font-size:1rem;height:40px;width:40px}}.action-button:focus{border:2px solid #8b5cf680;outline:2px solid #7c3aed}.action-button.outlined{background:var(--Neutral-2);border:1px solid #8b5cf6}.action-button:hover{border:1px solid #fff3;box-shadow:0 4px 12px #7c3aed33;transform:translateY(-1px)}.action-button.connected,.action-button:hover{background:linear-gradient(120deg,#7c3aed,#6d28d9)}.action-button.connected{color:#fff}.action-button.connected:hover{border:1px solid #ffffff4d}@media(hover:none){.action-button:hover{box-shadow:none;transform:none}}.camera-action-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--gray-200);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.camera-action-button:hover{background:#ffffff1a}.camera-action-button:active{background:#fff3}.camera-action-button .material-symbols-outlined{font-size:24px}.camera-action-button .material-symbols-outlined.filled{font-variation-settings:"FILL" 1}@media(max-width:768px){.camera-action-button{height:36px;width:36px}.camera-action-button .material-symbols-outlined{font-size:22px}}@media(max-width:480px){.camera-action-button{height:32px;width:32px}.camera-action-button .material-symbols-outlined{font-size:20px}}@property --volume{syntax:"length";inherit:false;initial-value:0}.disabled .mic-button:before,.mic-button.disabled:before{background:#0000}.mic-button{background:linear-gradient(120deg,#8b5cf6,#7c3aed);color:#fff;position:relative;transition:all .2s ease-in;z-index:1}.mic-button:focus{border:2px solid #8b5cf680;outline:2px solid #7c3aed}.mic-button:hover{background:linear-gradient(120deg,#7c3aed,#6d28d9)}.mic-button:before{background:linear-gradient(120deg,#8b5cf6,#7c3aed);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 #8b5cf680;outline:2px solid #7c3aed}.connect-toggle:not(.connected){background:linear-gradient(120deg,#8b5cf6,#7c3aed);color:#fff}.control-tray{align-items:flex-start;bottom:env(safe-area-inset-bottom,0);box-sizing:border-box;display:inline-flex;gap:8px;justify-content:center;left:50%;max-width:95vw;padding-bottom:max(18px,env(safe-area-inset-bottom,18px));position:fixed;transform:translate(-50%);width:auto}@media(max-width:768px){.control-tray{gap:6px;padding-bottom:max(15px,env(safe-area-inset-bottom,15px))}}@media(max-width:480px){.control-tray{gap:4px;padding-bottom:max(12px,env(safe-area-inset-bottom,12px))}}.control-tray .action-button.disabled,.control-tray .disabled .action-button{background:#8b5cf61a;border:1px solid #8b5cf633;color:#8b5cf666}.control-tray .connection-container{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center}.control-tray .connection-container .connection-button-container{background:#7c3aed0d;border:1px solid #8b5cf633;border-radius:27px;padding:10px}@media(max-width:768px){.control-tray .connection-container .connection-button-container{border-radius:24px;padding:8px}}@media(max-width:480px){.control-tray .connection-container .connection-button-container{border-radius:21px;padding:6px}}.control-tray .connection-container .text-indicator{color:#8b5cf6;font-size:11px;-webkit-user-select:none;user-select:none}@media(max-width:480px){.control-tray .connection-container .text-indicator{font-size:10px}}.control-tray .connection-container:not(.connected) .text-indicator{opacity:0}.actions-nav{align-items:center;background:#7c3aed0d;border:1px solid #8b5cf633;border-radius:27px;display:inline-flex;gap:12px;overflow:clip;padding:10px;transition:all .6s ease-in}@media(max-width:768px){.actions-nav{border-radius:24px;gap:10px;padding:8px}}@media(max-width:480px){.actions-nav{border-radius:21px;gap:8px;padding:6px}}.actions-nav>*{align-items:center;display:flex;flex-direction:column;gap:1rem}@media(max-width:480px){.actions-nav>*{gap:.75rem}}@keyframes opacity-pulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}
/*# sourceMappingURL=main.a1020a0d.css.map*/