@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap";body{background-color:#1a2a45;color:#f8f9fa;font-family:Open Sans,sans-serif;display:flex;flex-direction:column;min-height:100vh;margin:0;place-items:center}a{font-weight:500;color:#90b0ff;text-decoration:inherit}a:hover{color:#a4c1ff}.main-container{flex-grow:1;padding-top:2rem;padding-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;width:90%}h1{font-size:2rem;line-height:1.3;font-weight:700;color:#fff;margin-bottom:1.5rem}h1.page-title{padding-bottom:10px;text-align:center}.question-heading{color:#e9ecef;text-align:center;margin-bottom:.5rem;font-weight:600;font-size:1.3rem;padding-bottom:10px}.user-info{text-align:center;color:#adb5bd;font-size:.9em;margin-bottom:2rem;padding-bottom:10px}.video-container{margin-bottom:1.5rem;background-color:#2b3e5f;border-radius:5px;box-shadow:0 2px 5px #0003;display:flex;justify-content:center;align-items:center;width:100%;padding:10px}video,#questionVideo,#preview{max-width:100%;height:auto;display:block;border-radius:4px}#preview{max-width:320px;width:100%;padding:10px}.controls-container{display:flex;flex-direction:column;align-items:center;margin-top:1.5rem;margin-bottom:1.5rem;gap:.8rem;padding:10px}button{border-radius:50px;border:1px solid transparent;padding:.6rem 1.5rem;font-size:1rem;font-weight:600;font-family:inherit;background-color:#4a5a7a;color:#fff;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}button:hover:not(:disabled){background-color:#5a6a8a;border-color:#7a8ab0}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{background-color:#6c757d;border-color:#6c757d;opacity:.7;cursor:not-allowed}#recordButton{background-color:#e83e8c;border-color:#e83e8c}#recordButton:not(:disabled):hover{background-color:#d9307b;border-color:#d9307b}#recordButton.recording{background-color:#dc3545;border-color:#dc3545}#recordButton.recording:hover{background-color:#c82333;border-color:#bd2130}#nextButton{background-color:#28a745;border-color:#28a745}.user-info-form,#submitButton,.video-container,#errorMessage{padding:10px;margin-bottom:10px}.user-info-form input,.user-info-form select,button{padding:8px;border-radius:4px;border:1px solid #ccc}button#nextButton,button#submitButton{background-color:#28a745}button#nextButton .timer-display,button#submitButton .timer-display{font-size:1.8em;color:#fff;font-weight:700;color:#ffc107}button#nextButton #status,button#submitButton #status{color:#ced4da;font-style:italic;min-height:1.5em}button#nextButton .white-text,button#submitButton .white-text{color:#fff;text-align:center;padding-bottom:10px;font-size:.8rem!important}button#nextButton #uploadProgressContainer,button#submitButton #uploadProgressContainer{width:80%;margin-top:.5rem;max-width:400px;background-color:#3a4d6f;padding:10px;border-radius:5px;overflow:hidden;height:10px}button#nextButton #uploadProgressBar,button#submitButton #uploadProgressBar{background-color:#28a745;height:100%;width:0%;transition:width .3s ease-in-out}button#nextButton #errorMessage,button#submitButton #errorMessage{width:80%;margin:1rem auto;padding:.8rem 1rem;max-width:400px;text-align:center;border:none;border-radius:5px;background-color:#dc354533;color:#f8d7da}button#nextButton .thank-you-container,button#submitButton .thank-you-container{text-align:center;padding:3rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1}button#nextButton .thank-you-container h1,button#submitButton .thank-you-container h1{color:#28a745;margin-bottom:1rem}button#nextButton .thank-you-container p,button#submitButton .thank-you-container p{font-size:1.2rem;color:#e9ecef}@media (max-width: 768px){button#nextButton h1,button#nextButton h1.page-title,button#submitButton h1,button#submitButton h1.page-title{font-size:1.8rem}button#nextButton .question-heading,button#submitButton .question-heading{font-size:1.1rem}button#nextButton .main-container,button#submitButton .main-container{padding-top:1rem;padding-bottom:1rem}}@media (max-width: 480px){button#nextButton body,button#submitButton body{display:flex;justify-content:center;align-items:center}button#nextButton h1,button#nextButton h1.page-title,button#submitButton h1,button#submitButton h1.page-title{font-size:1.5rem}button#nextButton .timer-display,button#submitButton .timer-display{font-size:1.2em}button#nextButton button,button#nextButton #recordButton,button#submitButton button,button#submitButton #recordButton{padding:.5rem 1.2rem;font-size:.9rem}button#nextButton #preview,button#submitButton #preview{max-width:280px}button#nextButton .main-container,button#submitButton .main-container{width:95%}}button#nextButton .user-info-form-container input,button#submitButton .user-info-form-container input{margin-bottom:10px}