.video-container[data-v-235a317d]{position:relative;width:100%;height:100%}.skip-button-overlay[data-v-235a317d]{position:absolute;top:16px;right:16px;z-index:10}.skip-button[data-v-235a317d]{background-color:#000000b3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .2s}.skip-button[data-v-235a317d]:hover{background-color:#000c}.play-button-overlay[data-v-235a317d]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#0000004d;cursor:pointer}.play-triangle[data-v-235a317d]{width:0;height:0;border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:40px solid rgba(255,255,255,.8);margin-left:8px}.loading-overlay[data-v-235a317d]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:5}.loading-spinner[data-v-235a317d]{color:#fff;font-size:16px}.debug-info[data-v-235a317d]{position:absolute;top:0;left:0;background-color:#000c;color:#fff;padding:8px;font-size:12px;z-index:20;max-width:300px}.debug-info p[data-v-235a317d]{margin:2px 0}.audio-container[data-v-bf25f2bd]{position:relative;width:100%;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin:8px 0}.loading-overlay[data-v-bf25f2bd]{display:flex;justify-content:center;align-items:center;padding:32px;color:#6c757d}.loading-spinner[data-v-bf25f2bd]{font-size:14px}.audio-controls[data-v-bf25f2bd]{display:flex;align-items:center;gap:12px;width:100%}.play-pause-btn[data-v-bf25f2bd]{background:#007bff;color:#fff;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:background-color .2s ease;flex-shrink:0}.play-pause-btn[data-v-bf25f2bd]:hover{background:#0056b3}.progress-container[data-v-bf25f2bd]{flex:1;cursor:pointer;padding:8px 0}.progress-bar[data-v-bf25f2bd]{width:100%;height:6px;background-color:#e9ecef;border-radius:3px;overflow:hidden;position:relative}.progress-fill[data-v-bf25f2bd]{height:100%;background-color:#007bff;transition:width .1s ease}.time-display[data-v-bf25f2bd]{font-size:14px;color:#495057;font-family:monospace;white-space:nowrap;flex-shrink:0}.skip-button[data-v-bf25f2bd]{background-color:#6c757d;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.skip-button[data-v-bf25f2bd]:hover{background-color:#5a6268}.audio-container.error[data-v-bf25f2bd]{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.survey-audio[data-v-bf25f2bd]{display:none}.dev .survey-audio[data-v-bf25f2bd]{display:block;width:100%;margin-bottom:12px}