body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;height:100vh;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,html{height:100%;max-width:100%}.webcam-container{margin:0 auto}.webcam-video{border-radius:4px;height:auto}.alert-warning{background-color:#ffad331a;border-left:4px solid #ffad33}.alert-error,.alert-warning{border-radius:4px;margin-bottom:10px;padding:10px}.alert-error{background-color:#ff4d4d1a;border-left:4px solid #ff4d4d}.alert-info{background-color:#3399ff1a;border-left:4px solid #39f;border-radius:4px;margin-bottom:10px;padding:10px}.timestamp{color:#666;font-size:.8rem}.alert-content{margin:5px 0}.question{border:1px solid #ddd;border-radius:4px;margin-bottom:20px;padding:15px}.question-text{font-weight:500;margin-bottom:10px}textarea.answer-input{border:1px solid #ddd;border-radius:4px;font-family:inherit;min-height:100px;padding:8px;resize:vertical;width:100%}.answer-input{margin-top:5px}@media screen and (min-width:1200px){body{font-size:18px}.question{padding:20px}textarea.answer-input{min-height:120px}}@media screen and (min-width:992px) and (max-width:1199px){body{font-size:16px}}@media screen and (min-width:768px) and (max-width:991px){body{font-size:15px}.question{padding:12px}textarea.answer-input{min-height:90px}}@media screen and (min-width:576px) and (max-width:767px){body{font-size:14px}.question{margin-bottom:15px;padding:10px}textarea.answer-input{min-height:80px}.timestamp{font-size:.7rem}}@media screen and (max-width:575px){body{font-size:14px}.question{margin-bottom:12px;padding:8px}textarea.answer-input{min-height:70px}.timestamp{font-size:.7rem}}@media screen and (orientation:landscape) and (max-height:500px){.question{margin-bottom:10px}textarea.answer-input{min-height:60px}}.webcam-container{background-color:#f0f0f0;border:1px solid #ddd;border-radius:8px;height:100%;min-height:320px;overflow:hidden;position:relative;width:100%}.webcam-video{background-color:#333;display:block!important;height:100%;min-height:240px;object-fit:cover;width:100%;z-index:1}@media screen and (max-width:992px){.webcam-container{min-height:280px}.webcam-video{min-height:220px}}@media screen and (max-width:768px){.webcam-container{min-height:240px}.webcam-video{min-height:200px}}@media screen and (max-width:576px){.webcam-container{min-height:200px}.webcam-video{min-height:180px}}@media screen and (orientation:landscape) and (max-height:500px){.webcam-container{min-height:160px}.webcam-video{min-height:140px}}.video-playing .webcam-video{border:2px solid #4caf50}.has-error.video-playing .error-overlay{background-color:#ff00000d;opacity:.8}.webcam-container.video-playing .webcam-video{display:block!important;visibility:visible!important}.loading-overlay{align-items:center;background-color:#000000b3;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{margin:8px 0}.error-text,.loading-text{font-size:14px;max-width:80%;text-align:center}.error-text{color:#ff6b6b;margin-top:8px}.error-overlay{align-items:center;background-color:#ff00001a;color:red;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:20px;position:absolute;text-align:center;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:10}
/*# sourceMappingURL=main.2bbe7e2d.css.map*/