:root{font-family:Roboto Condensed,sans-serif;line-height:1.5;color:#213547}html,body{margin:0;padding:0;overflow:hidden;width:100%;height:100%;touch-action:manipulation}#app{display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-color:#f0f0f0}#logoicon{position:fixed;width:10vw;max-width:441px;height:auto;right:10px;top:10px}#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}#waveform{position:fixed;width:20%;height:10%;right:2.5vw;bottom:5.5vh;display:flex;z-index:100}#background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:bottom;z-index:0;object-fit:fill}#player-container{position:absolute;bottom:10vh;left:0;width:100%;display:flex;justify-content:center;align-items:center;z-index:1;pointer-events:none}#video-player{max-width:100%;max-height:100%;width:30vw;height:auto}#video-player_standby{max-width:100%;max-height:100%;width:450px;height:auto}#sidebar{opacity:0;position:absolute;top:0;right:0;width:120px;height:100%;background-color:#0000005c;padding:15px;box-sizing:border-box;overflow-y:auto;z-index:2;display:flex;flex-direction:column;color:#fff}#for-micUI{z-index:1000;display:flex;position:fixed;right:0;padding-right:1.7vw;align-items:center;flex-direction:row;width:30%;height:25%}#ChatText{white-space:nowrap;align-content:center;font-size:.5em;color:#254af0;user-select:none;-webkit-user-select:none;font-family:Roboto Condensed,sans-serif}#TextChat{display:none;align-items:center;flex-direction:column;justify-content:center}#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:flex;justify-content:center;align-items:center;background:none;border:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#PresstoTalk{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center}#PresstoTalkbutton{display:flex;justify-content:center;align-items:center;background:none;border:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#PresstoTalkbutton:focus{outline:none}#button-img{width:6vw;height:6vw;pointer-events:none}#sendIcon{width:30px;height:60px;border:none;margin:none}.input-box{width:100%;background-color:#000;color:#000;border-radius:30px}.input-box-inner{background-color:#000;border-radius:30px;display:flex;justify-content:space-between}.close-button{width:30px;border:none;margin:none;background-color:#0b143300}#closeIcon{width:20px;height:20px;border:none;margin:none}#ChatIcon{width:60px;height:60px;border:none;margin:auto}#background-list{order:1;margin-bottom:10px}#video-list{order:2;margin-bottom:px}.list-container h3{margin-top:0;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:1dvb;font-size:.6rem}ul{list-style:none;padding:0;margin:0}li{padding:4px;margin-bottom:1px;background-color:#fff3;border-radius:3px;cursor:pointer;transition:background-color .3s;font-size:.6rem;word-wrap:break-word}li:hover{background-color:#79bcff4d}li.active{background-color:#4a89dcb3;color:#fff}#sidebar{transition:opacity .3s ease}#sidebar.hidden{opacity:0;pointer-events:none}#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}.input-container{display:none;flex-direction:column;align-items:center;gap:10px;z-index:10;justify-content:center;padding-top:25px;padding-right:20px}.input-wrap{width:30vw;display:flex;flex-direction:column;align-items:end;gap:0px}.send-button{width:30px;height:60px;padding:0;margin:0;border:none;border-radius:50%;background-color:#0e46fc00;color:#fff;cursor:pointer}.myinput{height:30px;border:none;padding:0 px;margin:auto;font-size:.8rem;color:#254af0;background-color:#000;width:100%}.myinput:focus{outline:none;box-shadow:none;border:none}.myinput::placeholder{color:#254af0}.chat-container{position:fixed;width:30vw;height:70vh;right:1vw;top:5vh;overflow-y:auto;display:flex;flex-direction:column-reverse;align-content:center;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:1.2vw;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{font-family:Roboto Condensed,sans-serif;align-self:flex-end;background-color:#0009;color:#fff;border-radius:5px;padding:8px}.ai{font-family:Roboto Condensed,sans-serif;align-self:flex-start;background-color:#0009;color:#fff;border-radius:5px;padding:8px;border:2px solid rgb(37,74,240)}#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,sans-serif}