@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Lato,sans-serif;font-size:16px;color:#8a8a8a;background-color:#252525;width:100%;margin:0;position:fixed;overflow:hidden;-webkit-overflow-scrolling:touch}#root{height:100vh;height:100dvh;display:flex;flex-direction:column;width:100%;position:relative;overflow:hidden}a{color:#32cd32;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#252525}::-webkit-scrollbar-thumb{background:#32CD32;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#09C409}.audio-controls{display:flex;align-items:center;gap:4px;margin-left:8px}.audio-controls__button{display:flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(50,205,50,.1);border:1px solid rgba(50,205,50,.3);border-radius:12px;color:#32cd32;cursor:pointer;transition:all .2s ease;font-size:12px}.audio-controls__button:hover{background:rgba(50,205,50,.2);border-color:#32cd32}.audio-controls__button:disabled{cursor:not-allowed;opacity:.6}.audio-controls__button--playing{background:rgba(50,205,50,.2);border-color:#32cd32}.audio-controls__button--error{background:rgba(255,107,107,.1);border-color:#ff6b6b4d;color:#ff6b6b}.audio-controls__icon{opacity:.7}.audio-controls__error{font-size:10px;color:#ff6b6b;margin-left:4px}.audio-controls__badge{font-size:10px;background:rgba(50,205,50,.8);color:#252525;padding:2px 6px;border-radius:8px;font-weight:500}.message__audio-controls{flex-shrink:0}.message__footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.chat-input__controls{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:0 16px}@media (max-width: 768px){.chat-input__controls{padding:0 12px}}.chat-input__control-btn{display:flex;align-items:center;gap:4px;padding:6px 8px;background:rgba(138,138,138,.1);border:1px solid rgba(138,138,138,.2);border-radius:8px;color:#8a8a8a;cursor:pointer;transition:all .2s ease;font-size:12px}.chat-input__control-btn:hover{background:rgba(50,205,50,.1);border-color:#32cd324d;color:#32cd32}.chat-input__control-btn--active{background:rgba(50,205,50,.1);border-color:#32cd32;color:#32cd32}.chat-input__control-btn--small{padding:4px 6px;min-width:24px;justify-content:center;font-weight:600}.chat-input__streaming-badge{font-size:9px;background:#32CD32;color:#252525;padding:1px 4px;border-radius:4px;margin-left:2px}.chat{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;background-color:#252525;position:relative;overflow:hidden}.chat__main{display:flex;flex-direction:column;height:100%;flex:1;min-height:0}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem;padding-top:max(1rem,env(safe-area-inset-top));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));border-bottom:1px solid #383838;background-color:#252525;width:100%;flex-shrink:0}.header__left{display:flex;align-items:center;gap:1rem}.header__title{font-size:1.25rem;font-weight:700;font-family:Montserrat,sans-serif;color:#dfdfdf;margin:0}.header__right{display:flex;align-items:center;gap:1rem}@media (min-width: 768px){.header{padding:1rem 2rem;padding-top:max(1rem,env(safe-area-inset-top));padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right))}}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;max-width:100%;margin:0 auto;-webkit-overflow-scrolling:touch;min-height:0}@media (min-width: 768px){.messages{padding:2rem;max-width:900px}}@media (min-width: 992px){.messages{max-width:1000px;padding:2rem 3rem}}@media (min-width: 1200px){.messages{max-width:1200px;padding:2rem 4rem}}.message{display:flex;max-width:85%;word-wrap:break-word}.message--user{align-self:flex-end!important;flex-direction:row-reverse!important;margin-left:auto!important;margin-right:0!important}.message--assistant{align-self:flex-start}.message__bubble{padding:.75rem 1rem;border-radius:1rem;line-height:1.4;position:relative}.message--user .message__bubble{background-color:#32cd32;color:#fff;border-bottom-right-radius:.25rem;font-weight:500}.message--assistant .message__bubble{background-color:#383838;color:#dfdfdf;border-bottom-left-radius:.25rem}.message__footer{margin-top:.5rem;display:flex;justify-content:space-between;align-items:center}.message__timestamp{font-size:.75rem;opacity:.7;display:flex;align-items:center;gap:.25rem}.message__status-spinner{width:12px;height:12px;border:2px solid rgba(138,138,138,.3);border-top:2px solid #8a8a8a;border-radius:50%;animation:spin 1s linear infinite}.message__status-icon--success{color:#32cd32}.message__status-icon--error{color:#ff3e3e}.message__actions{display:flex;gap:.25rem;margin-top:.5rem;opacity:0;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.message__action-btn{padding:.25rem;border:none;border-radius:.25rem;background-color:transparent;color:#8a8a8a;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:color .2s}.message__action-btn:hover{color:#dfdfdf}.message__action-btn:active{transform:scale(.95)}.message--loading .message__bubble{display:flex;align-items:center;gap:.5rem}@media (min-width: 768px){.message{max-width:75%}}@media (min-width: 992px){.message{max-width:70%}}@media (min-width: 1200px){.message{max-width:65%}}.message:hover .message__actions{opacity:1}.message--sending{opacity:.8}.message--error .message__bubble{border-left:3px solid #FF3E3E}.messages .message.message--user.message--sending,.messages .message.message--user.message--sent,.messages .message.message--user.message--delivered,.messages .message.message--user.message--error{align-self:flex-end!important;flex-direction:row-reverse!important}.chat-input{padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));border-top:1px solid #383838;background-color:#252525;flex-shrink:0;width:100%;position:relative;z-index:10}.chat-input__container{display:flex;gap:.5rem;align-items:flex-end;width:100%;max-width:none;margin:0}.chat-input__field{flex:1;min-height:44px;max-height:120px;padding:.75rem;border:1px solid #383838;border-radius:1rem;background-color:#383838;color:#dfdfdf;resize:none;font-family:Lato,sans-serif;font-size:1rem;line-height:1.4;-webkit-appearance:none;-webkit-border-radius:1rem;-webkit-transition:border-color .2s;-moz-transition:border-color .2s;-ms-transition:border-color .2s;-o-transition:border-color .2s;transition:border-color .2s}.chat-input__field:focus{outline:none;border-color:#32cd32;box-shadow:0 0 0 2px #32cd3233}.chat-input__field::placeholder{color:#8a8a8a}.chat-input__send-btn{width:44px;height:44px;border:none;border-radius:50%;background-color:#32cd32;color:#252525;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}.chat-input__send-btn:hover:not(:disabled){background-color:#09c409;transform:scale(1.05)}.chat-input__send-btn:disabled{background-color:#383838;cursor:not-allowed;color:#8a8a8a}@media (min-width: 768px){.chat-input{padding:1rem 2rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right))}}.provider{display:flex;align-items:center;gap:.5rem}.provider__dropdown{padding:.5rem;border:1px solid #383838;border-radius:.5rem;background-color:#383838;color:#dfdfdf;cursor:pointer;font-family:Lato,sans-serif;-webkit-transition:border-color .2s;-moz-transition:border-color .2s;-ms-transition:border-color .2s;-o-transition:border-color .2s;transition:border-color .2s}.provider__dropdown:focus,.provider__dropdown:hover{outline:none;border-color:#32cd32}.health{display:flex;align-items:center;gap:.25rem;font-size:.875rem}.health__dot{width:8px;height:8px;border-radius:50%}.health__dot--healthy{background-color:#32cd32}.health__dot--degraded{background-color:#ff963e}.health__dot--offline{background-color:#ff3e3e}.sidebar{position:fixed;top:0;left:0;width:300px;height:100vh;height:100dvh;background-color:#383838;border-right:1px solid #2a2a2a;transform:translate(-100%);-webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.sidebar--open{transform:translate(0)}.sidebar__overlay{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;background-color:#00000080;z-index:999;opacity:0;pointer-events:none;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.sidebar__overlay--visible{opacity:1;pointer-events:all}.sidebar__header{padding:1rem;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;align-items:center;background-color:#252525}.sidebar__header h2{color:#dfdfdf;font-size:1.1rem;font-weight:700;font-family:Montserrat,sans-serif;margin:0}.sidebar__content{padding:1rem}@media (min-width: 768px){.sidebar{width:320px}}@media (min-width: 992px){.sidebar{width:350px}}@media (min-width: 1200px){.sidebar{width:380px}}@media (min-width: 992px){.sidebar{position:static;transform:none;border-right:1px solid #2a2a2a}.sidebar--open{transform:none}}.chat-list{display:flex;flex-direction:column;gap:.5rem}.chat-item{padding:.75rem;border-radius:.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border:1px solid transparent;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}.chat-item:hover{background-color:#3e3e3e;border-color:#32cd32}.chat-item--active{background-color:#32cd32;color:#252525;font-weight:500}.chat-item__title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item__meta{font-size:.75rem;color:#8a8a8a;margin-top:.25rem}.btn{border:none;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:Lato,sans-serif;font-weight:500;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}.btn--menu{width:44px;height:44px;background-color:transparent;color:#dfdfdf}.btn--menu:hover{background-color:#32cd32;color:#252525}.btn--menu:active{background-color:#09c409;color:#252525}.btn--new-chat{width:100%;padding:.75rem;margin-bottom:1rem;border:2px solid #32CD32;background-color:transparent;color:#32cd32;font-family:Montserrat,sans-serif;font-weight:700}.btn--new-chat:hover{background-color:#32cd32;color:#252525}.btn--delete{padding:.25rem;background-color:transparent;color:#ff3e3e;opacity:0;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.btn--delete:hover{background-color:#ff3e3e1a}.btn--live-chat{width:44px;height:44px;padding:.5rem;background-color:transparent;color:#dfdfdf;border:1px solid transparent;border-radius:.5rem}.btn--live-chat:hover{background-color:#32cd321a;color:#32cd32;border-color:#32cd324d}.btn--live-chat--active{background-color:#32cd32;color:#252525;border-color:#32cd32}.btn--live-chat--active:hover{background-color:#09c409;border-color:#09c409}.chat-item:hover .btn--delete{opacity:1}.btn--close{position:relative;z-index:1001}.btn--close:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:transparent}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid #383838;border-top:2px solid #dfdfdf;border-radius:50%;animation:spin 1s linear infinite}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background-color:#252525}.error-boundary__content{max-width:500px;text-align:center;background-color:#383838;padding:2rem;border-radius:1rem;border:1px solid #FF3E3E}.error-boundary__title{color:#ff3e3e;font-family:Montserrat,sans-serif;font-size:1.5rem;margin-bottom:1rem}.error-boundary__message{color:#dfdfdf;margin-bottom:1.5rem;line-height:1.6}.error-boundary__button{padding:.75rem 1.5rem;background-color:#32cd32;color:#252525;border:none;border-radius:.5rem;font-family:Montserrat,sans-serif;font-weight:700;cursor:pointer;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-ms-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s}.error-boundary__button:hover{background-color:#09c409}.error-boundary__details{margin-top:1rem;text-align:left}.error-boundary__details summary{color:#8a8a8a;cursor:pointer;margin-bottom:.5rem}.error-boundary__details summary:hover{color:#dfdfdf}.error-boundary__error{background-color:#2a2a2a;padding:1rem;border-radius:.5rem;font-size:.875rem;color:#ff8c8c;overflow-x:auto;max-height:200px;overflow-y:auto}.version-warning{padding:1rem;border-radius:.5rem;margin:1rem;border:1px solid;display:flex;flex-direction:column}.version-warning__content{display:flex;align-items:flex-start;gap:.75rem}.version-warning__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:.125rem}.version-warning__checkmark{font-weight:700;font-size:1.2rem}.version-warning__details{flex:1;min-width:0}.version-warning__title{font-weight:600;margin-bottom:.25rem}.version-warning__versions{font-size:.875rem;opacity:.8;margin-bottom:.5rem}.version-warning__issues{margin:.5rem 0}.version-warning__issue{font-size:.875rem;margin:.25rem 0;line-height:1.4}.version-warning__recommendation{font-size:.875rem;margin-top:.5rem;padding:.5rem;border-radius:.25rem;background-color:#ff963e1a;border-left:3px solid #FF963E}.version-warning__close{background:transparent;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-ms-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s}.version-warning__close:hover{background-color:#ffffff1a}.version-warning--error{background-color:#ff3e3e1a;border-color:#ff3e3e;color:#ff8c8c}.version-warning--error .version-warning__icon{color:#ff3e3e}.version-warning--error .version-warning__close{color:#ff8c8c}.version-warning--success{background-color:#32cd321a;border-color:#32cd32;color:#7fe77f}.version-warning--success .version-warning__icon{color:#32cd32}.version-warning--success .version-warning__close{color:#7fe77f}.live-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem}.live-chat__call-button-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.live-chat__call-button{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;background:linear-gradient(135deg,#32CD32,#09C409);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .3s ease;width:120px;height:120px;font-size:1.1rem;font-weight:600;box-shadow:0 10px 30px #32cd324d}.live-chat__call-button:hover{transform:scale(1.05);box-shadow:0 15px 40px #32cd3266}.live-chat__call-button:active{transform:scale(.95)}.live-chat__call-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.live-chat__calling{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.live-chat__avatar{position:relative;display:flex;align-items:center;justify-content:center}.live-chat__avatar-image{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#383838,#2a2a2a);display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;z-index:2}.live-chat__avatar-image--connected{background:linear-gradient(135deg,#32CD32,#09C409);box-shadow:0 0 30px #32cd324d}.live-chat__avatar-image--ended{background:linear-gradient(135deg,#FF3E3E,#FF8C8C);opacity:.7}.live-chat__calling-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;pointer-events:none}.live-chat__ring{position:absolute;border:2px solid #32CD32;border-radius:50%;opacity:0;animation:ring-pulse 2s infinite}.live-chat__ring:nth-child(1){width:140px;height:140px;top:30px;left:30px;animation-delay:0s}.live-chat__ring:nth-child(2){width:160px;height:160px;top:20px;left:20px;animation-delay:.5s}.live-chat__ring:nth-child(3){width:180px;height:180px;top:10px;left:10px;animation-delay:1s}.live-chat__status-indicator{position:absolute;bottom:10px;right:10px;width:20px;height:20px;background:#32CD32;border:3px solid #252525;border-radius:50%;animation:pulse 2s infinite}.live-chat__calling-text{font-size:1.5rem;font-weight:700;color:#dfdfdf;margin:0}.live-chat__calling-subtitle{font-size:1rem;color:#8a8a8a;margin:0}.live-chat__connected{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:400px}.live-chat__header{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.live-chat__call-info{display:flex;flex-direction:column;align-items:center;gap:.5rem}.live-chat__call-info h2{font-size:1.25rem;font-weight:700;color:#dfdfdf;margin:0}.live-chat__duration{font-size:1rem;color:#32cd32;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,Courier New,monospace}.live-chat__content{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:200px}.live-chat__conversation{width:100%;display:flex;flex-direction:column;gap:1rem}.live-chat__transcription{min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;background:rgba(56,56,56,.3);border-radius:1rem;border:2px dashed rgba(50,205,50,.3)}.live-chat__transcript-container{width:100%;text-align:center}.live-chat__final-transcript{font-size:1.1rem;color:#dfdfdf;margin-bottom:.5rem;padding:.75rem;background:rgba(50,205,50,.1);border-radius:.5rem;border-left:3px solid #32CD32}.live-chat__live-transcript{font-size:1.1rem;color:#32cd32;padding:.75rem;background:rgba(50,205,50,.05);border-radius:.5rem;border:1px solid rgba(50,205,50,.3);position:relative}.live-chat__speaker{font-weight:600;opacity:.8;margin-right:.5rem}.live-chat__cursor{animation:blink 1s infinite;color:#32cd32;font-weight:700;margin-left:2px}.live-chat__stt-fallback{text-align:center;color:#8a8a8a;font-size:.9rem;line-height:1.4}.live-chat__stt-fallback p{margin:.25rem 0}.live-chat__visualizer{width:100%;height:100px;display:flex;align-items:center;justify-content:center;background:rgba(56,56,56,.5);border-radius:1rem;padding:1rem}.live-chat__waveform{display:flex;align-items:center;gap:.25rem;height:60px}.live-chat__wave{width:4px;background:#32CD32;border-radius:2px;animation:wave-pulse 1.5s infinite ease-in-out;opacity:.5}.live-chat__wave:nth-child(1){animation-delay:0s}.live-chat__wave:nth-child(2){animation-delay:.3s}.live-chat__wave:nth-child(3){animation-delay:.6s}.live-chat__wave:nth-child(4){animation-delay:.3s}.live-chat__wave:nth-child(5){animation-delay:0s}.live-chat__wave--active{opacity:1;animation:wave-pulse-active .8s infinite ease-in-out}.live-chat__controls{display:flex;align-items:center;justify-content:center;gap:2rem}.live-chat__calling-controls{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:2rem}.live-chat__control-button{width:60px;height:60px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:#383838;color:#dfdfdf}.live-chat__control-button:hover{transform:scale(1.1);background:#2a2a2a}.live-chat__control-button:active{transform:scale(.95)}.live-chat__control-button--active,.live-chat__control-button--end{background:#FF3E3E;color:#fff}.live-chat__control-button--end:hover{background:#FF8C8C;transform:scale(1.1)}.live-chat__ended{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.live-chat__ended h2{font-size:1.5rem;font-weight:700;color:#dfdfdf;margin:0}.live-chat__ended p{color:#8a8a8a;margin:0}@keyframes ring-pulse{0%{opacity:0;transform:scale(.8)}50%{opacity:.8}to{opacity:0;transform:scale(1.2)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes wave-pulse{0%,to{height:20px;opacity:.7}50%{height:60px;opacity:1}}@keyframes wave-pulse-active{0%,to{height:30px;opacity:.8}50%{height:70px;opacity:1}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (min-width: 992px){.chat{flex-direction:row}.chat__main{flex:1;display:flex;flex-direction:column}}