*{box-sizing:border-box;margin:0;padding:0}body{color:#79ebbb;background-color:#020725;flex-direction:column;height:100vh;margin:0;font-family:Arial,sans-serif;display:flex}.content-wrapper{flex-direction:column;width:100%;max-width:800px;height:100vh;margin:0 auto;padding:0 20px;display:flex}.button-container{background-color:#0000;justify-content:center;align-items:center;gap:20px;padding:20px;display:flex}#image-container{z-index:1;flex-shrink:0;justify-content:center;align-items:center;margin-top:20px;display:flex;position:relative}#tesla-image{object-fit:cover;border-radius:10px;max-width:100%;height:auto;max-height:30vh;box-shadow:0 4px 8px #0003}#transcript-container{z-index:0;flex-direction:column-reverse;flex-grow:1;padding:20px;display:flex;position:relative;overflow:hidden}#transcript{flex-direction:column;gap:8px;max-height:100%;padding-right:10px;display:flex;overflow-y:auto}#transcript::-webkit-scrollbar{width:8px}#transcript::-webkit-scrollbar-track{background:#79ebbb1a;border-radius:4px}#transcript::-webkit-scrollbar-thumb{background:#79ebbb4d;border-radius:4px}#transcript::-webkit-scrollbar-thumb:hover{background:#79ebbb80}.transcript-entry{word-wrap:break-word;border-radius:20px;max-width:95%;margin:0 0 4px;padding:10px 15px;font-size:16px;line-height:1.4}.user{color:#79ebbb;background-color:#0b93f633;border-bottom-right-radius:5px;align-self:flex-end}.assistant{color:#79ebbb;background-color:#e5e5ea33;border-bottom-left-radius:5px;align-self:flex-start}.partial{opacity:.7}#chat-input-container{background-color:#0000;justify-content:center;align-items:center;gap:10px;width:100%;max-width:800px;margin:0 auto;padding:20px;display:flex}#chat-input{color:#79ebbb;background-color:#ffffff1a;border:2px solid #79ebbb;border-radius:25px;outline:none;flex:1;min-width:0;padding:10px 15px;font-size:16px}#send-message{cursor:pointer;color:#79ebbb;background-color:#79ebbb1a;border:2px solid #79ebbb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;padding:10px;font-size:16px;transition:background-color .3s,color .3s;display:flex}#start-mic{cursor:pointer;color:#79ebbb;background-color:#79ebbb1a;border:2px solid #79ebbb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;padding:10px;font-size:16px;transition:all .3s;display:flex;position:relative}#start-mic.recording{background-color:#79ebbb33;animation:2s infinite pulse}#start-mic.active-recording{background-color:#f003;border-color:#f00c;animation:1s infinite pulse}#start-mic.processing{background-color:#ffa50033;border-color:#ffa500cc;animation:2s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}#send-message:hover,#start-mic:hover{color:#020725;background-color:#79ebbb}@media (width<=600px){body{width:100%;height:100%;position:fixed}.content-wrapper{height:100%}#transcript-container{flex:1;min-height:0}#chat-input-container{background-color:#020725;padding:10px;position:sticky;bottom:0}}#language-container{z-index:100;position:absolute;top:20px;right:20px}#language-select{color:#79ebbb;cursor:pointer;text-align:center;appearance:none;background-color:#ffffff1a;border:2px solid #79ebbb;border-radius:50%;outline:none;width:40px;height:40px;padding:0;font-size:12px}#language-select::-ms-expand{display:none}#language-select:not(:focus):before{content:attr(value);text-indent:0;text-transform:uppercase;width:auto;position:absolute;left:50%;transform:translate(-50%)}#language-select option{color:#79ebbb;background-color:#020725;padding:8px 12px;font-size:14px}#language-select:hover{color:#020725;background-color:#79ebbb}#suggestion-container{justify-content:center;gap:10px;margin-bottom:10px;padding:10px 20px;display:flex}.suggestion-bubble{cursor:pointer;color:#79ebbb;text-align:center;background-color:#79ebbb1a;border:2px solid #79ebbb;border-radius:20px;padding:8px 15px;font-size:14px;transition:all .3s}.suggestion-bubble:hover{color:#020725;background-color:#79ebbb}@media (width<=600px){#suggestion-container{flex-direction:column}}
/*# sourceMappingURL=repo.7c245604.css.map */