@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap);:root{--font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--bg-color:#f8f8f8;--header-footer-bg:#fff;--text-primary:#222;--text-secondary:#666;--border-color:#eaeaea;--user-bubble-bg:tan;--user-bubble-text:#fff;--assistant-bubble-bg:#eaeaea;--assistant-bubble-text:#222;--status-connected-color:#a5c8a5;--status-listening-color:#c0a0a0;--status-speaking-color:#a0b0c0;--status-disconnected-color:#b0b0b0;--mic-button-bg:#222;--mic-button-hover-bg:#444;--mic-button-listening-bg:tan}body{background-color:#f8f8f8;background-color:var(--bg-color);color:#222;color:var(--text-primary);font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);margin:0;padding:0}.app-container{box-shadow:0 4px 25px #0000000d;display:flex;flex-direction:column;margin:0 auto;max-width:800px;min-height:100vh}.app-container,.app-footer,.app-header{background-color:#fff;background-color:var(--header-footer-bg)}.app-footer,.app-header{flex-shrink:0;padding:1rem 1.5rem}.app-header{border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--border-color)}.app-footer{border-top:1px solid #eaeaea;border-top:1px solid var(--border-color);color:#666;color:var(--text-secondary);font-size:.8rem;text-align:center}.app-main{display:flex;flex-direction:column;flex-grow:1;gap:1.5rem;padding:1.5rem}.logo{height:35px}.visualizer-container{height:80px;width:100%}canvas{background-color:initial!important;border:1px solid #eaeaea;border:1px solid var(--border-color);border-radius:8px;height:100%;width:100%}.controls-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.status-indicator{align-items:center;border:1px solid #eaeaea;border:1px solid var(--border-color);border-radius:20px;color:#666;color:var(--text-secondary);display:flex;font-size:.85rem;font-weight:500;padding:.3rem .8rem}.status-dot{border-radius:50%;height:9px;margin-right:8px;transition:background-color .3s;width:9px}.status-connected{background-color:#a5c8a5;background-color:var(--status-connected-color)}.status-listening{animation:pulse 1.5s infinite;background-color:#c0a0a0;background-color:var(--status-listening-color)}.status-speaking{animation:pulse 1.5s infinite;background-color:#a0b0c0;background-color:var(--status-speaking-color)}.status-disconnected{background-color:#b0b0b0;background-color:var(--status-disconnected-color)}.action-area{gap:1rem}.action-area,.mic-button{align-items:center;display:flex}.mic-button{background-color:#222;background-color:var(--mic-button-bg);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:60px;justify-content:center;transition:background-color .2s,transform .2s;width:60px}.mic-button:hover:not(.disabled){background-color:#444;background-color:var(--mic-button-hover-bg);transform:scale(1.05)}.mic-button.listening{background-color:tan;background-color:var(--mic-button-listening-bg);color:#222;color:var(--mic-button-bg)}.mic-button.disabled{cursor:not-allowed;opacity:.5}.action-text p{color:#666;color:var(--text-secondary);font-weight:500;margin:0}.conversation-container{display:flex;flex-direction:column-reverse;flex-grow:1;min-height:200px;overflow-y:hidden}.conversation-scrollbox{overflow-y:auto;padding-right:10px}.message-bubble{border-radius:18px;margin-bottom:.8rem;max-width:80%;padding:.8rem 1rem}.user-bubble{background-color:tan;background-color:var(--user-bubble-bg);border-bottom-right-radius:4px;color:#fff;color:var(--user-bubble-text);margin-left:auto;text-align:right}.assistant-bubble{background-color:#eaeaea;background-color:var(--assistant-bubble-bg);border-bottom-left-radius:4px;color:#222;color:var(--assistant-bubble-text);margin-right:auto}.message-sender{font-size:.8rem;font-weight:600;margin:0 0 .3rem;opacity:.8}.message-text{font-size:.95rem;line-height:1.5;margin:0;white-space:pre-wrap}.footer-status{align-items:center;display:flex;font-size:.8rem;justify-content:center;margin-bottom:.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.conversation-scrollbox::-webkit-scrollbar{width:6px}.conversation-scrollbox::-webkit-scrollbar-track{background:#0000}.conversation-scrollbox::-webkit-scrollbar-thumb{background-color:#eaeaea;background-color:var(--border-color);border-radius:6px}
/*# sourceMappingURL=main.74f0338f.css.map*/