html,body{margin:0;padding:0;overflow:hidden;width:100%;height:100%;touch-action:manipulation}#Load{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000ab;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,Noto Sans SC,sans-serif}#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}#logo{position:fixed;width:15vw;height:13vw;right:10px;top:10px}#logo2{position:absolute;width:12vw;height:10vw;right:44.5%;top:44%}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:9999;font-family:Roboto Condensed,Noto Sans SC,sans-serif}#html-element{position:fixed;top:0;left:0;z-index:100;width:100%;height:100dvh;display:flex;flex-direction:column;justify-content:end;align-items:center}#player-container{position:relative;width:100%;height:100%}canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}#videoPlayer{position:absolute;top:0;left:0;width:100vw;height:100%;z-index:1;pointer-events:none;object-fit:cover}.chat-container{display:flex;flex-direction:column-reverse;gap:10px;padding:10px;z-index:1;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 80%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to top,#000 80%,#0000)}.chat-container::-webkit-scrollbar{width:.52vw}.chat-container::-webkit-scrollbar-thumb{background-color:#ffffff6f;border-radius:10px}.chat-container::-webkit-scrollbar-track{background-color:#000000c3}.chat-bubble{padding:.52vw .78vw;border-radius:.78vw;max-width:80%;word-wrap:break-word;font-size:3vw;font-weight:0;letter-spacing:.05em;font-family:Roboto Condensed,Noto Sans SC,sans-serif}.user{align-self:flex-end;background-color:#0009;color:#fff;border-radius:5px;padding:8px}.ai{align-self:flex-start;background-color:#0009;color:#fff;border-radius:5px;padding:8px;border:1px solid #ff0000}.input-container{display:none;flex-direction:column;align-items:center;gap:10px;z-index:10;justify-content:center;padding:40px}.input-wrap{width:85vw;display:flex;flex-direction:column;align-items:end;gap:0px}#for-micUI{display:flex;align-items:center;flex-direction:row;width:100%;height:30%;justify-content:space-between}#ChatText{align-content:center;font-size:.5em;color:red;user-select:none;-webkit-user-select:none;font-family:Roboto Condensed,Noto Sans SC,sans-serif}#TextChat{width:100%;display:none;align-items:center;flex-direction:column;justify-content:center;margin-left:20px}#TextChatbutton{display:flex;justify-content:center;align-items:center;background:none;border:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#VoiceChat{width:100%;display:none;align-items:center;flex-direction:column;justify-content:center}#VoiceChatbutton{display:none;justify-content:center;align-items:center;background:none;border:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#PresstoTalk{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;margin-right:0}#PresstoTalkbutton{display:flex;justify-content:center;align-items:center;background:none;border:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#button-img{width:20vw;height:20vw}#sendIcon{width:30px;height:60px;border:none;margin:none}.input-box{width:100%;background-color:#000;color:#000;border-radius:30px}.close-button{width:30px;border:none;margin:none;background-color:#0b143300}#closeIcon{width:20px;height:20px;border:none;margin:none}.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}.slider-container{position:fixed;bottom:3vh;right:50%;transform:translate(50%);z-index:5;color:#fff}@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:80vw;height:30vw;display:flex;flex-direction:column-reverse;align-content:center;overflow-y:auto;gap:10px;padding:10px;z-index:1;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 80%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to top,#000 80%,#0000)}.input-container{width:100%}.send-button{width:30px;height:60px;padding:0;margin:0;border:none;border-radius:50%;background-color:#0e46fc00;color:#fff;cursor:pointer}.mic-button{flex:0 0 auto;width:40px;height:40px;background:none;border:none;padding:0;border:5px solid #1544dd}.mic-button img{width:100%;height:100%}.input-box-inner{background-color:#000;border-radius:30px;display:flex;justify-content:space-between}.myinput{height:30px;border:none;padding:0 px;margin:auto;font-size:.8rem;color:red;background-color:#000;width:100%}.myinput:focus{outline:none;box-shadow:none;border:none}.myinput::placeholder{color:red}#ChatIcon{width:60px;height:60px;border:none;margin:auto}.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}#videoPlayer{width:100vw;height:auto}#waveform{position:absolute;width:30%;height:3%;left:35%;top:72%;display:none}}@media (max-width: 480px){#videoPlayer{width:100vw;height:auto}}