.record-page[data-v-d4ccade2]{min-height:100vh;background-color:var(--viva-cream)}.start-section[data-v-d4ccade2]{text-align:center}.start-question-btn[data-v-d4ccade2]{font-size:20px;font-weight:600;padding:25px 50px;min-width:320px;position:relative}.start-arrow[data-v-d4ccade2]{margin-top:10px;font-size:24px;color:var(--viva-white)}.questions-error[data-v-d4ccade2]{margin-top:15px;padding:15px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:14px;max-width:400px;margin-left:auto;margin-right:auto;text-align:center}.questions-error i[data-v-d4ccade2]{margin-right:5px}.start-question-btn[data-v-d4ccade2]:disabled{opacity:.7;cursor:not-allowed}.input-section[data-v-d4ccade2]{margin:20px 0}.modal-input[data-v-d4ccade2]{width:100%;max-width:300px;margin:0 auto;padding:12px;font-size:16px;border:2px solid var(--viva-green);border-radius:6px;text-align:center}.modal-input[data-v-d4ccade2]:focus{outline:none;border-color:var(--viva-orange);box-shadow:0 0 5px rgba(245,176,65,.3)}.countdown-overlay[data-v-d4ccade2]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:10000}.countdown-content[data-v-d4ccade2]{background:var(--viva-white);border-radius:20px;padding:60px 80px;text-align:center;border:4px solid var(--viva-green);box-shadow:0 10px 30px rgba(0,0,0,.3)}.countdown-content h2[data-v-d4ccade2]{font-size:28px;font-weight:700;color:var(--viva-dark);margin:0 0 30px 0}.countdown-number[data-v-d4ccade2]{font-size:120px;font-weight:900;color:var(--viva-orange);margin:20px 0;line-height:1;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.countdown-content p[data-v-d4ccade2]{font-size:18px;color:var(--viva-dark);margin:20px 0 0 0;font-weight:500}.upload-progress-overlay[data-v-d4ccade2]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999}.upload-progress-content[data-v-d4ccade2]{background:var(--viva-white);border-radius:12px;padding:40px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;text-align:center;border:3px solid var(--viva-green)}.upload-progress-content h3[data-v-d4ccade2]{font-size:24px;font-weight:600;color:var(--viva-dark);margin-bottom:30px}.upload-progress[data-v-d4ccade2]{margin-bottom:20px}.progress[data-v-d4ccade2]{height:20px;background-color:#f5f5f5;border-radius:10px;overflow:hidden;margin-bottom:15px}.progress-bar[data-v-d4ccade2]{height:100%;background-color:var(--viva-green);border-radius:10px;transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.progress-bar.active[data-v-d4ccade2]{animation:progress-bar-stripes-d4ccade2 2s linear infinite}@keyframes progress-bar-stripes-d4ccade2{0%{background-position:40px 0}to{background-position:0 0}}.processing-phase[data-v-d4ccade2],.upload-complete[data-v-d4ccade2]{padding:20px}.success-icon[data-v-d4ccade2]{font-size:64px;color:var(--viva-green);margin-bottom:20px}.upload-progress-content p[data-v-d4ccade2]{font-size:16px;color:var(--viva-dark);margin:0}.reassurance-header[data-v-d4ccade2]{margin-bottom:25px;padding:20px;background:linear-gradient(135deg,#f5eee8,#f8f9fa);border-radius:10px;border:2px solid var(--viva-orange)}.backup-shield-icon[data-v-d4ccade2]{font-size:48px;color:var(--viva-orange);margin-bottom:15px;display:block}.reassurance-header h3[data-v-d4ccade2]{font-size:22px;color:var(--viva-orange);margin:0 0 10px 0;font-weight:700}.backup-message[data-v-d4ccade2]{font-size:14px;color:var(--viva-dark);margin:0;line-height:1.4}.upload-error-state[data-v-d4ccade2]{text-align:center}.error-icon[data-v-d4ccade2]{font-size:48px;color:#dc3545;margin-bottom:15px;display:block}.upload-error-state h4[data-v-d4ccade2]{color:var(--viva-dark);font-size:20px;margin:0 0 15px 0;font-weight:600}.error-message[data-v-d4ccade2]{font-size:14px;color:#6c757d;margin:0 0 20px 0;padding:10px;background:#f8f9fa;border-radius:6px;font-family:monospace}.error-reassurance[data-v-d4ccade2]{background:#d1edff;border:1px solid #b3d9ff;border-radius:8px;padding:20px;margin:20px 0}.error-reassurance p[data-v-d4ccade2]{margin:0 0 10px 0;font-size:15px;line-height:1.4}.error-reassurance p[data-v-d4ccade2]:last-child{margin-bottom:0}.error-actions[data-v-d4ccade2]{display:flex;gap:15px;justify-content:center;margin-top:25px;flex-wrap:wrap}.error-actions button[data-v-d4ccade2]{min-width:180px}.backup-status[data-v-d4ccade2]{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;padding:10px 15px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:8px}.backup-check[data-v-d4ccade2]{color:var(--viva-green);font-size:16px}.backup-status span[data-v-d4ccade2]{font-size:14px;font-weight:600;color:var(--viva-dark)}.progress-stalled[data-v-d4ccade2]{background-color:#ffc107!important}.upload-status-text[data-v-d4ccade2]{margin:10px 0}.upload-stalled-text[data-v-d4ccade2]{color:#856404;font-weight:500;text-align:center}.upload-time[data-v-d4ccade2]{font-size:12px;color:var(--viva-grey);margin:10px 0 0 0;text-align:center}.stalled-instructions[data-v-d4ccade2]{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:20px;margin-top:20px;text-align:left}.stalled-help[data-v-d4ccade2]{display:flex;gap:15px;align-items:flex-start;margin-bottom:20px}.stalled-help i[data-v-d4ccade2]{color:#856404;font-size:20px;margin-top:3px;flex-shrink:0}.stalled-content h5[data-v-d4ccade2]{font-size:16px;font-weight:600;color:var(--viva-dark);margin:0 0 10px 0}.stalled-content p[data-v-d4ccade2]{font-size:14px;color:var(--viva-dark);margin:0 0 10px 0}.stalled-content ul[data-v-d4ccade2]{font-size:13px;color:var(--viva-dark);margin:0;padding-left:18px;line-height:1.4}.stalled-content li[data-v-d4ccade2]{margin-bottom:4px}.retry-btn[data-v-d4ccade2]{width:100%;text-align:center}.viva-btn-secondary[data-v-d4ccade2]{background-color:#6c757d;border-color:#6c757d;color:#fff}.viva-btn-secondary[data-v-d4ccade2]:hover{background-color:#5a6268;border-color:#545b62}.viva-btn-secondary[data-v-d4ccade2]:disabled{opacity:.7;cursor:not-allowed}.question-text-section[data-v-d4ccade2]{margin:0}.question-text-box[data-v-d4ccade2]{background:linear-gradient(135deg,#f5b041,#f39c12);border-radius:12px;padding:25px 30px;box-shadow:0 4px 12px rgba(0,0,0,.1);border:3px solid #e67e22}.question-text-content[data-v-d4ccade2]{font-size:20px;font-weight:600;color:var(--viva-white);margin:0 0 15px 0;line-height:1.5;text-align:center}.question-text-note[data-v-d4ccade2]{font-size:14px;color:hsla(0,0%,100%,.9);margin:0;text-align:center;font-style:italic}.question-text-note i[data-v-d4ccade2]{margin-right:5px}.question-text-ready[data-v-d4ccade2]{color:#d4edda;font-weight:700}@media (max-width:1024px){.recording-layout[data-v-d4ccade2]{gap:40px;max-width:1000px}.controls-panel[data-v-d4ccade2]{max-width:450px}.video-panel[data-v-d4ccade2]{max-width:550px}}@media (max-width:768px){.recording-interface[data-v-d4ccade2]{min-height:calc(100vh - 100px);align-items:flex-start;padding-top:40px}.recording-layout[data-v-d4ccade2]{flex-direction:column;gap:30px;max-width:100%;padding:0 20px}.controls-panel[data-v-d4ccade2],.video-panel[data-v-d4ccade2]{max-width:100%}.start-question-btn[data-v-d4ccade2]{min-width:280px;font-size:18px;padding:20px 40px}.timer-value[data-v-d4ccade2]{font-size:36px}.control-btn[data-v-d4ccade2]{font-size:13px;padding:12px 16px}.video-container[data-v-d4ccade2]{aspect-ratio:16/9}}