html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{height:100%;width:100%;margin:0}canvas{display:block}body{margin:0}.hideUI{display:none}.chat-container{position:absolute;top:5.2vw;right:0%;transform:translate(-50%);width:25%;height:33.25vw;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:10px;z-index:1}.chat-container::-webkit-scrollbar{width:.52vw}.chat-bubble{padding:.52vw .78vw;border-radius:.78vw;max-width:80%;word-wrap:break-word;font-size:.9vw;font-weight:0;letter-spacing:.05em;font-family:Roboto Condensed,sans-serif}.chat-letter{opacity:0;transition:opacity 1s ease-in-out;display:inline-block;word-wrap:break-word;word-break:break-all}.user{align-self:flex-end;background-color:#0009;color:#fff;border-radius:0}.ai{align-self:flex-start;background-color:#0009;color:#fff;border-radius:0;border:2px solid #ff0000}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bg-gradient-to-l{position:fixed;bottom:20px;right:33vw;display:flex;align-items:center;gap:10px;z-index:10;width:40px;height:40px;border-radius:6px;background:linear-gradient(to left,#2a2a2a,#474747);animation:spin 2s linear infinite}.input-container{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:10px;z-index:10}.mic-button img{width:2.5vw;height:2.5vw;vertical-align:middle}.mic-button{background:none;border:none;padding:0}.send-button{background-color:#3498db;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;width:8vw;max-width:80px;font-size:.5em}.myinput{padding:8px;background-color:#2c3e50;border:1px solid #34495e;color:#fff;border-radius:5px;width:20vw;height:2vh;max-width:80vw;font-size:.5em}.volume-container{position:fixed;right:30px;bottom:60px;left:auto;display:flex;align-items:center;gap:10px;width:60vw;max-width:300px;z-index:10}.volume-label{white-space:nowrap;color:#fff}#volume-bar{width:100%;height:10px;background:#555;border-radius:5px;overflow:hidden}#volume-indicator{height:100%;width:20%;background-color:#135dcb;border-radius:10px}#video{position:absolute;right:40%}#Version{position:absolute;bottom:20px;left:2%;font-size:1em}#Load{position:fixed;top:0;width:100%;height:100%;background-color:#000;z-index:9999;display:flex;align-items:center;justify-content:center}#Loadbutton{width:100%;height:100%;background-color:#00000050;color:#fff;font-family:Roboto Condensed,sans-serif;display:none}#loading-bar{width:120px;height:8px;border-radius:8px;background-color:#222;-webkit-appearance:none;-moz-appearance:none;appearance:none}#loading-bar::-webkit-progress-bar{background-color:#222;border-radius:6px}#loading-bar::-webkit-progress-value{background-color:red;border-radius:8px}#loading-progress{text-align:center;right:10px;color:#fff}.slider-container{position:fixed;bottom:3vh;right:50%;transform:translate(50%);z-index:5;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){body{flex-direction:column;align-items:stretch}.STT-button{display:flex;justify-content:center;align-items:center;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;width:50vw;height:3vh;font-size:10px;text-align:center}.chat-container{width:90vw;height:30vh;right:5vw;top:2vh;transform:none}.input-container{display:inline-flex;flex-direction:row;bottom:2vh;left:50%;transform:translate(-50%);width:90vw;right:auto;justify-content:flex-start}.send-button{flex:0 0 auto;width:80vw;padding:8px 16px;border:none;border-radius:8px;background-color:#2196f3;color:#fff;cursor:pointer}.mic-button{flex:0 0 auto;width:40px;height:40px;background:none;border:none;padding:0}.mic-button img{width:100%;height:100%}.myinput{flex:1 1 auto;height:20px;border-radius:8px;padding:0 10px;margin:auto;font-size:1rem;border:1px solid #ccc;background-color:#2c3e50;color:#fff}.slider-container{position:fixed;transform:translate(-50%);width:90vw;left:50%;bottom:20vh;margin:0 auto}.volume-container{position:fixed;right:30px;bottom:60px;left:auto;display:flex;align-items:center;gap:10px;width:60vw;max-width:300px;z-index:10}.volume-label{white-space:nowrap;color:#fff}#volume-bar{width:100%;height:10px;background:#555;border-radius:5px;overflow:hidden}#volume-indicator{height:100%;width:20%;background-color:#135dcb;border-radius:10px}#Version{top:auto;bottom:1vh;font-size:12px;left:5vw}}