body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-content-zooming:none;color:#18181b;font-family:Assistant,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;margin:0;padding:0;touch-action:pan-x pan-y}#root,body,html{height:100%;position:relative;width:100%}[data-component=Button]{align-items:center;background-color:#ececf1;border:none;border-radius:1000px;color:#101010;display:flex;font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-size:12px;font-style:normal;font-weight:400;gap:8px;min-height:42px;outline:none;padding:8px 24px;transition:transform .1s ease-in-out,background-color .1s ease-in-out}[data-component=Button].button-style-action{background-color:#101010;color:#ececf1}[data-component=Button].button-style-action:hover:not([disabled]){background-color:#404040}[data-component=Button].button-style-alert{background-color:red;color:#ececf1}[data-component=Button].button-style-alert:hover:not([disabled]){background-color:red}[data-component=Button].button-style-flush{background-color:#fff0}[data-component=Button][disabled]{color:#999}[data-component=Button]:not([disabled]){cursor:pointer}[data-component=Button]:hover:not([disabled]){background-color:#d8d8d8}[data-component=Button]:active:not([disabled]){transform:translateY(1px)}[data-component=Button] .icon{display:flex}[data-component=Button] .icon.icon-start{margin-left:-8px}[data-component=Button] .icon.icon-end{margin-right:-8px}[data-component=Button] .icon svg{height:16px;width:16px}[data-component=Button].icon-red .icon{color:#c00}[data-component=Button].icon-green .icon{color:#090}[data-component=Button].icon-grey .icon{color:#909090}[data-component=Button].icon-fill svg{fill:currentColor}.microphone-button{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-items:center;border-radius:50%;display:flex;height:500px;justify-content:center;touch-action:manipulation;transition:background-color .3s ease,transform .2s ease;user-select:none;-webkit-user-select:none;width:500px}.microphone-button.idle{background-color:#009dff66}.microphone-button.preparing{background-color:red}.microphone-button.active{background-color:green}.pulse{animation:pulseEffect 1.5s ease-in-out infinite}@keyframes pulseEffect{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.microphone-button:focus{outline:none}.microphone-button::-moz-focus-inner{border:0;padding:0}@media (hover:hover) and (pointer:fine){.microphone-button:hover{background-color:#009dff80;cursor:pointer;transform:scale(1.1)}.microphone-button.preparing:hover{background-color:#ff000080}.microphone-button.active:hover{background-color:#00800080}}.mic-hint{color:#000;display:block;font-family:Roboto Mono,monospace;font-size:1.4rem;font-weight:500;margin-bottom:3rem;pointer-events:none;text-align:center;text-shadow:0 0 6px #0009;transition:opacity .2s ease;-webkit-user-select:none;user-select:none;width:100%}.top-menu-exit-container{left:8px;position:absolute;top:8px;z-index:50}.top-menu-exit-button{background:#0000;border:none;cursor:pointer;margin:0;padding:0;transition:transform .2s}.top-menu-exit-button:hover{transform:scale(1.1)}.top-menu-exit-icon{height:60px;transform:rotate(180deg);width:60px}.top-menu-status{border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:14px;left:50%;padding:4px 8px;position:absolute;top:8px;transform:translateX(-50%);z-index:50}.status-talking{background-color:#60a5fa}.status-active{background-color:#34d399}.status-loading{background-color:#f87171}.top-menu-language-container{position:absolute;right:8px;top:8px;z-index:50}.top-menu-language-button{background:#0000;border:none;cursor:pointer;margin:0;padding:0;transition:opacity .2s}.top-menu-language-button:hover{opacity:.8}.top-menu-language-icon{border-radius:4px;height:40px;width:40px}.chat-window{height:100%;width:100%}.chat-window,.messages-container{display:flex;flex-direction:column}.messages-container{flex:1 1;overflow-y:auto;padding:5rem 1rem 1rem}.message{border-radius:1rem;margin-bottom:.5rem;max-width:80%;padding:.75rem;white-space:pre-wrap;word-break:break-word}.user-message{align-self:flex-end;background-color:#e5e7eb;color:#000}.assistant-message{align-self:flex-start;background-color:#3b82f6;color:#fff}[data-component=Main]{display:flex;flex-direction:column;font-family:Roboto Mono,monospace;font-size:12px;font-style:normal;font-weight:400;height:100%;margin:0 8px;overflow:hidden}[data-component=Main]>div{flex-shrink:0}[data-component=App]{height:100%;position:relative;width:100%}