body{font-family:sans-serif;margin:0;background-color:#f0f0f0;overflow:hidden}button{font-size:large;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.recording-background{background-color:#00f!important}#app{display:flex;flex-direction:column;align-items:center;padding:0;width:100vw;height:100vh;position:relative}#video{width:100vw;height:100vh;object-fit:cover;border-radius:0;margin-bottom:0}#overlay-buttons{position:absolute;top:10px;left:10px;z-index:1001;display:flex;gap:10px}#settings-button,#camera-switch-button{background-color:#00000080;color:#fff;border:none;border-radius:5px;padding:10px 15px;cursor:pointer;font-size:1rem}#settings-button:hover,#camera-switch-button:hover{background-color:#000000b3}#chat-container{position:absolute;bottom:0;left:0;width:90vw;height:50vh;background-color:#0a0000a6;border:none;border-radius:0;padding:1rem;display:flex;flex-direction:column}#chat-history{color:#fff;flex-grow:1;overflow-y:auto;margin-bottom:1rem;padding-right:10px;padding-bottom:200px}.chat-message{margin-bottom:10px;padding:5px;border-radius:5px}.you-message{text-align:right;background-color:#007bff1a}.ai-message{text-align:left;background-color:#28a7451a}.message-image-wrapper,.message-audio-wrapper{margin-top:5px}#input-container{display:flex;width:90vw;margin-bottom:10px}#text-input{font-size:large;background-color:#0a0000a6;color:#fff;flex-grow:1;border:1px solid #ccc;border-radius:4px;padding:.5rem}#button-container{display:flex;width:100%;gap:.5rem;padding-right:1rem}#send-button{border:none;background-color:#010912;color:#fff;border-radius:4px;padding:.5rem 1rem;cursor:pointer;margin-left:0}#voice-button{border:none;background-color:#000;color:#fff;border-radius:4px;padding:.5rem 1rem;cursor:pointer;font-weight:700;transition:background-color .2s ease;margin-left:0}#voice-button:hover{background-color:#218838}.thumbnail{width:100px;height:100px;object-fit:cover;cursor:pointer;border-radius:4px;opacity:.3}.modal{display:flex;justify-content:center;align-items:center;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000c}.modal-content{margin:auto;display:block;width:80%;max-width:700px}#settings-container{display:none;position:absolute;top:50px;left:10px;right:10px;background-color:#000c;color:#fff;padding:20px;border-radius:8px;z-index:1000;flex-direction:column;gap:15px;max-height:80vh;overflow-y:auto}#settings-container h3{color:#fff;margin-top:0;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:5px}#settings-container label{display:block;margin-bottom:5px;font-weight:700}#settings-container select,#settings-container input[type=number],#settings-container input[type=text],#settings-container textarea{width:calc(100% - 20px);padding:8px 10px;margin-bottom:10px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background-color:#ffffff1a;color:#fff;font-size:1rem}#settings-container select:focus,#settings-container input:focus,#settings-container textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}#settings-container textarea{resize:vertical;min-height:60px}#settings-container option{background-color:#333;color:#fff}