.text-overlay[data-v-b0a01774]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:15;display:flex;align-items:flex-start;justify-content:center;padding:20px;pointer-events:none}.text-content[data-v-b0a01774]{background:#000000d9;color:#fff;padding:16px 24px;border-radius:12px;font-size:18px;font-weight:500;text-align:center;box-shadow:0 4px 12px #0000004d;max-width:calc(100vw - 60px);width:fit-content;margin:0 auto;line-height:1.5;border:1px solid rgba(255,255,255,.2)}.text-content.long-text[data-v-b0a01774]{font-size:13px;max-width:calc(100vw - 40px);padding:16px 20px;line-height:1.4;text-align:left;max-height:35vh;overflow-y:auto;position:relative;top:-20px;margin:0 auto}.countdown-number[data-v-b0a01774]{color:#f44;font-weight:700;font-size:1.2em;text-shadow:0 0 4px rgba(255,68,68,.5)}.upload-progress[data-v-5211bfca]{position:absolute;bottom:100px;left:20px;right:20px;z-index:20}.progress-container[data-v-5211bfca]{background:#000000e6;padding:20px;border-radius:12px;color:#fff}.progress-text[data-v-5211bfca]{text-align:center;font-size:16px;font-weight:700;margin-bottom:12px}.progress-bar[data-v-5211bfca]{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-5211bfca]{height:100%;background:linear-gradient(90deg,#34c759,#30a14e);transition:width .3s ease;border-radius:4px}.progress-details[data-v-5211bfca]{text-align:center;font-size:14px;color:#fffc}.guidance-overlay[data-v-dc706b60]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.guidance-modal[data-v-dc706b60]{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.guidance-header[data-v-dc706b60]{padding:24px 24px 0;text-align:center;border-bottom:1px solid #f0f0f0;margin-bottom:24px}.guidance-header h2[data-v-dc706b60]{font-size:20px;font-weight:600;color:#000;margin:0 0 24px}.guidance-content[data-v-dc706b60]{padding:0 24px;min-height:200px}.guidance-step[data-v-dc706b60]{display:flex;flex-direction:column;gap:24px}.guidance-text[data-v-dc706b60]{font-size:16px;line-height:1.6;color:#333}.guidance-text p[data-v-dc706b60]{margin:0 0 12px}.guidance-text p[data-v-dc706b60]:last-child{margin-bottom:0}.highlight[data-v-dc706b60]{color:#000;font-weight:600}.highlight-red[data-v-dc706b60]{color:#f44;font-weight:600}.guidance-images[data-v-dc706b60]{display:flex;gap:20px;justify-content:space-between}.image-example[data-v-dc706b60]{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px}.example-image[data-v-dc706b60]{width:100%;height:120px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:2px solid #e5e5e5}.example-image.wrong[data-v-dc706b60]{border-color:#f44;background:#fff5f5}.example-image.correct[data-v-dc706b60]{border-color:#0a4;background:#f0fff4}.image-placeholder[data-v-dc706b60]{color:#999;font-size:14px}.demo-image[data-v-dc706b60]{width:100%;height:100%;object-fit:contain;border-radius:6px}.example-label[data-v-dc706b60]{font-size:14px;font-weight:500;text-align:center}.example-label.wrong[data-v-dc706b60]{color:#666}.example-label.correct[data-v-dc706b60]{color:#0a4;font-weight:600}.guidance-buttons[data-v-dc706b60]{padding:24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f0f0;margin-top:24px}.navigation-buttons[data-v-dc706b60]{display:flex;gap:12px}.btn[data-v-dc706b60]{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;min-width:80px}.btn-skip[data-v-dc706b60]{background:transparent;color:#666;border:1px solid #e5e5e5}.btn-skip[data-v-dc706b60]:hover{background:#f5f5f5;border-color:#d5d5d5}.btn-secondary[data-v-dc706b60]{background:#8e8e93;color:#fff}.btn-secondary[data-v-dc706b60]:hover{background:#6d6d70}.btn-primary[data-v-dc706b60]{background:#000;color:#fff}.btn-primary[data-v-dc706b60]:hover{background:#333}@media screen and (max-width: 768px){.guidance-overlay[data-v-dc706b60]{padding:10px}.guidance-modal[data-v-dc706b60]{max-height:95vh}.guidance-header[data-v-dc706b60]{padding:20px 20px 0}.guidance-header h2[data-v-dc706b60]{font-size:18px;margin-bottom:20px}.guidance-content[data-v-dc706b60]{padding:0 20px;min-height:180px}.guidance-text[data-v-dc706b60]{font-size:15px}.guidance-images[data-v-dc706b60]{gap:16px}.example-image[data-v-dc706b60]{height:100px}.guidance-buttons[data-v-dc706b60]{padding:20px;flex-direction:column;gap:16px;align-items:stretch}.navigation-buttons[data-v-dc706b60]{justify-content:center}.btn[data-v-dc706b60]{padding:14px 20px;font-size:16px}}@media screen and (max-width: 768px) and (orientation: landscape){.guidance-modal[data-v-dc706b60]{max-height:95vh}.guidance-content[data-v-dc706b60]{min-height:120px}.example-image[data-v-dc706b60]{height:80px}}.toast-overlay[data-v-a00396aa]{position:fixed;top:20px;right:20px;z-index:10000;pointer-events:none}.toast[data-v-a00396aa]{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border-left:4px solid #007AFF;min-width:300px;max-width:400px;display:flex;align-items:flex-start;gap:12px;padding:16px;pointer-events:auto;animation:slideIn-a00396aa .3s ease-out}.toast.error[data-v-a00396aa]{border-left-color:#ff3b30}.toast.success[data-v-a00396aa]{border-left-color:#34c759}.toast-content[data-v-a00396aa]{display:flex;align-items:flex-start;gap:12px;flex:1}.toast-icon[data-v-a00396aa]{font-size:20px;line-height:1}.toast-message[data-v-a00396aa]{font-size:14px;line-height:1.4;color:#333}.toast-close[data-v-a00396aa]{background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.toast-close[data-v-a00396aa]:hover{background:#f5f5f5;color:#666}@keyframes slideIn-a00396aa{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media screen and (max-width: 768px){.toast-overlay[data-v-a00396aa]{top:10px;right:10px;left:10px}.toast[data-v-a00396aa]{min-width:auto;max-width:none}}.camera-recorder[data-v-4fe53bd4]{position:relative;width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#000;overflow:hidden}.video-container[data-v-4fe53bd4]{position:relative;width:100vw;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}video[data-v-4fe53bd4]{width:100%;height:100%;object-fit:cover;object-position:center;transform:scaleX(-1)}video.recording[data-v-4fe53bd4]{border:2px solid #ff4444}.face-guide-overlay[data-v-4fe53bd4]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:10}.face-guide[data-v-4fe53bd4]{width:85%;height:85%;max-width:100%;max-height:100%}.face-outline[data-v-4fe53bd4]{filter:drop-shadow(0 0 6px rgba(0,255,136,.6));animation:pulse-outline-4fe53bd4 2.4s ease-in-out infinite;vector-effect:non-scaling-stroke}.corner[data-v-4fe53bd4]{animation:corner-glow-4fe53bd4 2.4s ease-in-out infinite;vector-effect:non-scaling-stroke}.guide-line[data-v-4fe53bd4]{stroke:#ffffff59;opacity:.5;vector-effect:non-scaling-stroke}@keyframes pulse-outline-4fe53bd4{0%,to{opacity:.85;stroke-width:.6}50%{opacity:1;stroke-width:.75}}@keyframes fade-pulse-4fe53bd4{0%,to{opacity:.4}50%{opacity:.7}}@keyframes corner-glow-4fe53bd4{0%,to{opacity:.8;filter:drop-shadow(0 0 2px #00FF88)}50%{opacity:1;filter:drop-shadow(0 0 5px #00FF88)}}.guide-text[data-v-4fe53bd4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;font-weight:500;text-align:center;background:#000c;border-radius:20px;display:flex;align-items:center;gap:12px;width:60%;height:80px}.guide-message[data-v-4fe53bd4]{display:flex;flex-direction:column;gap:4px;line-height:1.3}.guide-icon[data-v-4fe53bd4]{font-size:20px;line-height:1}@keyframes icon-pulse-4fe53bd4{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fade-in-out-4fe53bd4{0%,to{opacity:.7}50%{opacity:1}}.recording-indicator[data-v-4fe53bd4]{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:8px;background:#000000b3;padding:8px 16px;border-radius:20px;color:#fff;font-size:16px;font-weight:700}.recording-dot[data-v-4fe53bd4]{width:12px;height:12px;background:#f44;border-radius:50%}@keyframes pulse-4fe53bd4{0%,to{opacity:1}50%{opacity:.3}}.controls[data-v-4fe53bd4]{position:absolute;left:0;right:0;bottom:0;padding:20px 20px calc(env(safe-area-inset-bottom) + 20px) 20px;display:flex;justify-content:center;align-items:center;gap:16px;background:#000c;min-height:80px}.resolution-select[data-v-4fe53bd4]{display:flex;align-items:center;gap:8px;color:#fff}.select-label[data-v-4fe53bd4]{font-size:14px;opacity:.85}.select[data-v-4fe53bd4]{background:#1c1c1e;color:#fff;border:1px solid #2c2c2e;border-radius:8px;padding:8px 12px}.completed-controls[data-v-4fe53bd4]{display:flex;gap:16px}.btn[data-v-4fe53bd4]{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;min-width:120px}.btn[data-v-4fe53bd4]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-4fe53bd4]{background:#007aff;color:#fff}.btn-primary[data-v-4fe53bd4]:hover:not(:disabled){background:#0056cc}.btn-danger[data-v-4fe53bd4]{background:#ff3b30;color:#fff}.btn-danger[data-v-4fe53bd4]:hover{background:#d70015}.btn-secondary[data-v-4fe53bd4]{background:#8e8e93;color:#fff}.btn-secondary[data-v-4fe53bd4]:hover{background:#6d6d70}.btn-success[data-v-4fe53bd4]{background:#34c759;color:#fff}.btn-success[data-v-4fe53bd4]:hover:not(:disabled){background:#248a3d}.upload-success-overlay[data-v-4fe53bd4]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.upload-success-content[data-v-4fe53bd4]{background:#fff;border-radius:16px;padding:40px 32px;text-align:center;max-width:400px;width:90%;box-shadow:0 8px 32px #0000004d}.success-icon[data-v-4fe53bd4]{font-size:64px;margin-bottom:20px}.upload-success-content h2[data-v-4fe53bd4]{font-size:24px;font-weight:600;color:#000;margin:0 0 12px}.upload-success-content p[data-v-4fe53bd4]{font-size:16px;color:#666;margin:0 0 32px}.upload-success-content .btn[data-v-4fe53bd4]{min-width:120px}.region-selector[data-v-9c2a07da]{position:relative;z-index:1000}.region-button[data-v-9c2a07da]{position:fixed;top:16px;left:16px;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:2px solid #000000;border-radius:8px;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;z-index:1000;box-shadow:0 2px 4px #0000001a}.region-button[data-v-9c2a07da]:hover:not(.region-disabled){background:#f5f5f5;border-color:#000;box-shadow:0 4px 8px #00000026}.region-button.region-disabled[data-v-9c2a07da]{cursor:default;opacity:.8}.region-name[data-v-9c2a07da]{font-weight:500}.region-arrow[data-v-9c2a07da]{font-size:10px;transition:transform .2s}.region-arrow.open[data-v-9c2a07da]{transform:rotate(180deg)}.region-dropdown[data-v-9c2a07da]{position:fixed;top:56px;left:16px;min-width:120px;background:#fff;border:2px solid #000000;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026;z-index:1000}.region-option[data-v-9c2a07da]{display:block;width:100%;padding:12px 16px;background:transparent;border:none;color:#000;font-size:14px;text-align:left;cursor:pointer;transition:background .2s}.region-option[data-v-9c2a07da]:hover{background:#f5f5f5}.region-option.active[data-v-9c2a07da]{background:#000;color:#fff;font-weight:500}.region-option[data-v-9c2a07da]:not(:last-child){border-bottom:1px solid #e5e5e5}.app{width:100vw;min-height:100vh;min-height:100dvh;background:#000;display:flex;flex-direction:column;position:relative}.app.camera-mode{height:100vh;height:100dvh;overflow:hidden}.task-intro-page{width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:#fff;color:#000}.task-intro{width:100%;max-width:600px;padding:40px 20px}.task-intro-content{background:#fff;border-radius:8px;padding:48px 32px;border:1px solid #e5e5e5;box-shadow:0 2px 8px #00000014}.task-title{font-size:28px;font-weight:600;margin:0 0 24px;text-align:center;color:#000}.task-description{font-size:16px;line-height:1.6;margin:0 0 32px;color:#333;white-space:pre-wrap;text-align:left}.task-meta-info{margin-bottom:40px}.meta-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f5f5f5;border-radius:6px;margin-bottom:12px;border:1px solid #e5e5e5}.meta-label{font-size:14px;color:#666}.meta-value{font-size:16px;font-weight:500;color:#000}.start-button{width:100%;padding:16px 32px;font-size:16px;font-weight:500;color:#fff;background:#000;border:1px solid #000000;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s ease}.start-button:hover{background:#333;border-color:#333}.start-button:active{background:#000}.button-icon{font-size:20px}.task-loading,.task-error,.task-disabled{width:100%;max-width:500px;padding:40px 20px;text-align:center;color:#000}.loading-spinner{width:40px;height:40px;border:4px solid #e5e5e5;border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.task-error,.task-disabled{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:48px 32px;box-shadow:0 2px 8px #00000014}.error-icon,.disabled-icon{font-size:48px;margin-bottom:24px}.task-error h2,.task-disabled h2{margin:0 0 16px;font-size:24px;font-weight:600;color:#000}.task-error p,.task-disabled p{font-size:16px;color:#666;margin:0}.task-meta{margin-top:16px;font-size:14px;color:#666}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width: 768px){#app{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh}.btn{min-height:48px;font-size:18px;padding:14px 28px}.text-overlay .text-content{font-size:16px;padding:14px 20px;max-width:calc(100vw - 60px);margin:0 auto}.text-overlay .text-content.long-text{font-size:11px;padding:12px 16px;max-width:calc(100vw - 40px);max-height:30vh;line-height:1.3;top:-10px;margin:0 auto}.text-overlay .countdown-number{font-size:1.4em}.recording-indicator{top:env(safe-area-inset-top,20px);right:20px;font-size:14px;padding:6px 12px}.controls{padding:25px 20px max(25px,env(safe-area-inset-bottom) + 25px) 20px;min-height:90px}.guide-text{font-size:14px!important;padding:12px 18px!important;bottom:5%!important;max-width:calc(100vw - 40px)!important}.guide-message{gap:2px!important}.guide-icon{font-size:18px!important}.face-guide{width:90%!important;height:auto!important;max-height:95%!important}}@media screen and (max-width: 768px) and (orientation: portrait){.text-overlay{padding-top:max(20px,env(safe-area-inset-top,0px) + 10px)}.controls{padding:25px 20px max(25px,env(safe-area-inset-bottom) + 25px) 20px;min-height:90px}}@media screen and (max-width: 768px) and (orientation: landscape){.text-overlay{top:40px}.text-overlay .text-content{font-size:14px;padding:10px 16px}.controls{padding:15px;padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right))}.btn{min-height:40px;font-size:16px;padding:10px 20px}}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::-webkit-scrollbar{display:none}@supports (-webkit-touch-callout: none){.video-container video{-webkit-playsinline:true}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}