body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{margin:0;padding:0}#app,body{height:100vh;overflow:hidden}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;color:#2c3e50;display:flex;flex-direction:column;font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;width:100%}.button{height:40px;margin:10px auto;width:100px}.button:hover{background-color:#2980b9!important;box-shadow:0 6px 16px #3498db66!important;transform:translateY(-2px)}.button:active{transform:translateY(0)}.hidden{display:none}.task-container{flex-grow:1;height:80vh;margin:0;overflow:hidden;width:100%}.button-container{align-items:flex-start;display:flex;height:20vh;justify-content:center}.text-task-container{box-sizing:border-box;flex-direction:column;font-family:Arial,sans-serif;overflow:hidden;position:relative}.cross-container,.instruction-container,.text-task-container{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center;width:100vw}.cross-container,.instruction-container{left:0;position:absolute;top:0;z-index:9999}.cross{color:#000;font-size:100px;font-weight:700}.instruction-text{font-size:32px;font-weight:400;margin:0;text-align:center}.text-task-form{height:80vh;justify-content:space-between;margin:0 auto;max-width:900px}.text-block,.text-task-form{align-items:center;display:flex;flex-direction:column;width:100%}.text-block{margin-bottom:10px}.formatted-text{display:flex;flex-wrap:wrap;font-size:24px;justify-content:flex-start;line-height:2.5;max-width:100%;text-align:left}.formatted-text,.question{margin-bottom:20px;width:100%}.question{color:#2c3e50;font-size:20px;text-align:center}.radio-group{align-items:flex-start;display:flex;flex-direction:column;gap:15px}.radio-label{align-items:center;border-radius:5px;cursor:pointer;display:flex;font-size:18px;gap:15px;padding:10px;transition:background-color .2s}.radio{margin:0;transform:scale(1.2)}.button-row{display:flex;justify-content:center;margin-top:10px;width:100%}.text-task-button{background-color:#3498db;border:none;border-radius:5px;box-shadow:0 4px 8px #0003;color:#fff;font-size:18px;margin:0 auto;min-width:120px;padding:12px 32px;transition:all .3s ease}.text-task-button:disabled{cursor:not-allowed;opacity:.5}.completion-block{color:#2c3e50;font-size:22px;margin:60px auto;text-align:center}.word-block{display:inline-flex;flex-wrap:nowrap}.letter{font-size:1em}.space{width:4px}.instruction-survey-container{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center;padding:20px;width:100vw}.instruction-survey-form{display:flex;flex-direction:column;gap:30px;max-width:600px;width:100%}.instruction-survey-title{color:#2c3e50;font-size:28px;margin-bottom:20px;text-align:center}.instruction-survey-question-group{display:flex;flex-direction:column;gap:15px}.instruction-survey-question{color:#2c3e50;font-size:20px;margin-bottom:10px;text-align:center}.instruction-survey-input{align-self:center;border:2px solid #ddd;border-radius:8px;font-size:16px;max-width:200px;outline:none;padding:12px;text-align:center;transition:border-color .3s}.instruction-survey-radio-group{display:flex;gap:30px;justify-content:center}.instruction-survey-radio-label{align-items:center;border-radius:5px;cursor:pointer;display:flex;font-size:18px;gap:8px;padding:10px 15px;transition:background-color .2s}.instruction-survey-radio{margin:0;transform:scale(1.2)}.instruction-survey-button{align-self:center;background-color:#3498db;border:none;border-radius:5px;box-shadow:0 4px 8px #0003;color:#fff;font-size:18px;margin-top:20px;min-width:140px;padding:15px 40px;transition:all .3s ease}.instruction-task-container{box-sizing:border-box;flex-direction:column;overflow:hidden;position:relative}.instruction-cross-container,.instruction-task-container{background-color:#fff;display:flex;height:100vh;width:100vw}.instruction-cross-container{align-items:center;justify-content:center;left:0;position:absolute;top:0;z-index:9999}.instruction-cross{color:#000;font-size:100px;font-weight:700}.instruction-instruction-container{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:9999}.instruction-instruction-text{font-size:32px;font-weight:400;margin:0;text-align:center}.instruction-video-section{align-items:center;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;padding:20px}.instruction-video{background:#fff;height:90%;max-height:80vh;max-width:1000px;object-fit:contain;width:90%}.instruction-plyr{height:90%!important;max-height:80vh!important;max-width:1000px!important;width:90%!important}.instruction-error-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;max-width:500px;padding:40px;text-align:center}.video-task-container{box-sizing:border-box;flex-direction:column;overflow:hidden;position:relative}.video-task-container,.video-task-cross-container{background-color:#fff;display:flex;height:100vh;width:100vw}.video-task-cross-container{align-items:center;justify-content:center;left:0;position:absolute;top:0;z-index:9999}.video-task-cross{color:#000;font-size:100px;font-weight:700}.video-task-instruction-container{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:9999}.video-task-instruction-text{font-size:32px;font-weight:400;margin:0;text-align:center}.video-task-video-section{align-items:center;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;padding:20px}.video-task-video{background:#fff;height:90%;max-height:80vh;max-width:1000px;object-fit:contain;width:90%}.video-task-plyr{height:90%!important;max-height:80vh!important;max-width:1000px!important;width:90%!important}.plyr video,.plyr__video-wrapper{height:100%!important;width:100%!important}.plyr video{object-fit:contain!important}.video-task-error-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;max-width:500px;padding:40px;text-align:center}.video-task-survey-container{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center;padding:20px;width:100vw}.video-task-survey-form{display:flex;flex-direction:column;gap:30px;max-width:600px;width:100%}.video-task-survey-title{color:#2c3e50;font-size:28px;margin-bottom:20px;text-align:center}.video-task-survey-question{color:#2c3e50;font-size:20px;margin-bottom:20px;text-align:center}.video-task-radio-group{display:flex;flex-direction:column;gap:15px}.video-task-radio-label{align-items:center;border-radius:5px;cursor:pointer;display:flex;font-size:18px;gap:15px;padding:10px;transition:background-color .2s}.video-task-radio{margin:0;transform:scale(1.2)}.video-task-survey-button{align-self:center;background-color:#3498db;border:none;border-radius:5px;box-shadow:0 4px 8px #0003;color:#fff;font-size:18px;margin-top:20px;min-width:140px;padding:15px 40px;transition:all .3s ease}.validation-grid-container{align-items:center;background:#444;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.validation-grid-prompt{color:#fff;font-size:2rem;text-align:center}.validation-grid-start-button{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;margin-top:2rem;padding:1rem 2rem}.validation-grid-image{background:#444;height:100vh;object-fit:contain;width:100vw}
/*# sourceMappingURL=main.e2758196.css.map*/