html,body{color:#f7f2eb;background:#04070d;width:100%;min-height:100%;margin:0;padding:0;font-family:Noto Sans KR,sans-serif;overflow:hidden}body{overscroll-behavior:none;-webkit-text-size-adjust:100%;width:100vw;height:100dvh;min-height:100svh;position:fixed;inset:0}#camera-video{touch-action:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}#camera-canvas,#wing-overlay,#body-segmentation-overlay{touch-action:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#xr-camera-canvas{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:-10000px;left:-10000px}#camera-video{z-index:1;object-fit:cover;background:#000}#camera-canvas{z-index:1;background:#000}#wing-overlay{z-index:16;pointer-events:none;background:0 0}#body-segmentation-overlay{z-index:17;pointer-events:none;background:0 0}#camera-video[hidden],#camera-canvas[hidden],#wing-overlay[hidden],#body-segmentation-overlay[hidden]{display:none}#face-scene-host{z-index:16;background:0 0;position:fixed;inset:0}#face-scene-host[hidden]{display:none}#face-scene-host>a-scene,#face-scene-host .a-canvas,#face-scene-host canvas{width:100%;height:100%;position:absolute;inset:0}#ui-shell,.screen{width:100%;height:100%;position:fixed;inset:0}#ar-controls[hidden],.info-button[hidden],.guide-overlay[hidden],.service-guide-overlay[hidden],.ar-onboarding-visible #ar-controls,.ar-onboarding-visible .info-button,.ar-onboarding-visible #hat-adjust-panel,.ar-onboarding-visible #wing-adjust-panel,.ar-onboarding-visible #eagle-adjust-panel,.ar-onboarding-visible #mask-adjust-panel,.ar-onboarding-visible #alignment-guide,.ar-onboarding-visible #ar-loading,.ar-onboarding-visible #status-toast,.ar-onboarding-visible #recording-timer{display:none!important}body:has(.guide-overlay:not([hidden])) #ar-controls{display:none!important}body:has(.service-guide-overlay:not([hidden])) #ar-controls{display:none!important}body:has(.guide-overlay:not([hidden])) .info-button{display:none!important}body:has(.service-guide-overlay:not([hidden])) .info-button{display:none!important}body:has(.guide-overlay:not([hidden])) #hat-adjust-panel{display:none!important}body:has(.service-guide-overlay:not([hidden])) #hat-adjust-panel{display:none!important}body:has(.guide-overlay:not([hidden])) #wing-adjust-panel{display:none!important}body:has(.service-guide-overlay:not([hidden])) #wing-adjust-panel{display:none!important}body:has(.guide-overlay:not([hidden])) #eagle-adjust-panel{display:none!important}body:has(.service-guide-overlay:not([hidden])) #eagle-adjust-panel{display:none!important}body:has(.guide-overlay:not([hidden])) #mask-adjust-panel{display:none!important}body:has(.service-guide-overlay:not([hidden])) #mask-adjust-panel{display:none!important}body:has(.guide-overlay:not([hidden])) #alignment-guide{display:none!important}body:has(.service-guide-overlay:not([hidden])) #alignment-guide{display:none!important}body:has(.guide-overlay:not([hidden])) #ar-loading{display:none!important}body:has(.service-guide-overlay:not([hidden])) #ar-loading{display:none!important}body:has(.guide-overlay:not([hidden])) #status-toast{display:none!important}body:has(.service-guide-overlay:not([hidden])) #status-toast{display:none!important}body:has(.guide-overlay:not([hidden])) #recording-timer{display:none!important}body:has(.service-guide-overlay:not([hidden])) #recording-timer{display:none!important}#ui-shell{z-index:20;pointer-events:none}.screen{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s,visibility .26s}.screen-active{opacity:1;visibility:visible;pointer-events:auto}#intro-screen{box-sizing:border-box;padding:max(24px, env(safe-area-inset-top) + 16px) max(20px, env(safe-area-inset-right) + 16px) max(28px, env(safe-area-inset-bottom) + 20px) max(20px, env(safe-area-inset-left) + 16px);background:linear-gradient(#08132b1f,#08132b3d),url(/images/index_background.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;display:flex;overflow:hidden}.language-button{top:max(18px, env(safe-area-inset-top) + 10px);right:max(18px, env(safe-area-inset-right) + 10px);z-index:4;color:#fff;background:#0474ee;border:0;border-radius:999px;padding:11px 18px;font-size:.92rem;font-weight:700;line-height:1;position:absolute;box-shadow:0 12px 28px #0474ee47}.language-modal{z-index:5;place-items:center;display:grid;position:absolute;inset:0}.language-modal[hidden]{display:none}.language-modal-backdrop{background:#04070d75;border:0;position:absolute;inset:0}.language-modal-panel{z-index:1;box-sizing:border-box;text-align:center;background:#fff;border-radius:28px;width:min(100% - 40px,360px);padding:28px 22px 24px;position:relative;box-shadow:0 20px 48px #071f4c3d}.language-modal-panel h2{color:#111;margin:0;font-size:1.35rem;font-weight:800}.language-modal-panel p{color:#4d5a70;margin:12px 0 0;font-size:.96rem;line-height:1.5}.language-option-list{gap:10px;margin-top:18px;display:grid}.language-option-button{color:#fff;background:#0474ee;border:0;border-radius:16px;padding:14px 16px;font-size:.98rem;font-weight:700;line-height:1.2}.intro-layout{gap:18px;width:min(100%,330px);display:grid}.intro-card{z-index:1;box-sizing:border-box;text-align:center;background:#fff;border:0;border-radius:28px;flex-direction:column;justify-content:space-between;gap:18px;width:100%;min-height:510px;max-height:none;margin-inline:auto;padding:34px 22px 28px;display:flex;position:relative;overflow:auto;box-shadow:0 18px 48px #071f4c38}.intro-icon{width:76px;margin:0 auto;display:block}.intro-copy-group,.intro-highlight-group{gap:2px;display:grid}.intro-card h1{color:#0474ee;margin:0;font-size:clamp(1.8rem,8.5vw,2.45rem);font-weight:800;line-height:1.16}.lead{color:#111;margin:0;font-size:1rem;font-weight:500}.description{color:#111;margin:0;font-size:1rem;font-weight:500;line-height:1.5}.lead strong,.description strong{font-weight:800}.highlight-copy{color:#0474ee;margin:0;font-size:.98rem;font-weight:700;line-height:1.55}.permission-note{color:#222;text-align:center;background:#fff;border:1px solid #0474ee;border-radius:16px;justify-items:center;gap:6px;margin:0;padding:14px 16px;font-size:.92rem;display:grid}.start-button{box-sizing:border-box;color:#fff;text-align:center;cursor:pointer;width:100%;box-shadow:none;background:#0474ee;border:0;border-radius:999px;padding:14px 16px;font-size:1rem;font-weight:800;text-decoration:none;display:block}.start-button-group{gap:10px;display:grid}.start-button-muted{color:#f8f0e1;background:linear-gradient(135deg,#fff0d757,#eec27e7a)}.start-button:disabled{opacity:.6;cursor:wait}#status-toast{left:50%;top:max(24svh, calc(env(safe-area-inset-top) + 20px));z-index:24;color:#fff7ea;text-align:center;white-space:pre-line;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0f18c7;border-radius:18px;min-width:200px;max-width:min(440px,100vw - 28px);padding:12px 16px;position:fixed;transform:translate(-50%)}#recording-timer{left:50%;top:max(18px, env(safe-area-inset-top) + 10px);z-index:24;color:#fff;letter-spacing:.08em;text-align:center;background:#0000008c;border:0;border-radius:999px;min-width:110px;padding:8px 14px;font-size:.84rem;font-weight:800;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}#recording-timer.is-recording{color:#b6a6ae}#pose-debug{left:max(14px, env(safe-area-inset-left) + 8px);top:max(16px, env(safe-area-inset-top) + 8px);z-index:24;color:#fff7eaeb;pointer-events:none;white-space:pre-line;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070b12b3;border:1px solid #fff4e51f;border-radius:16px;max-width:min(240px,100vw - 28px);padding:10px 12px;font-size:.78rem;line-height:1.45;position:fixed}#hat-adjust-panel,#wing-adjust-panel,#eagle-adjust-panel,#mask-adjust-panel{top:max(16px, env(safe-area-inset-top) + 8px);right:max(14px, env(safe-area-inset-right) + 8px);z-index:24;pointer-events:auto;justify-items:end;gap:8px;display:grid;position:fixed}#wing-adjust-panel{top:max(58px, env(safe-area-inset-top) + 50px)}.hat-adjust-toggle,.hat-adjust-reset{color:#fff7eaf5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070b12d1;border:0;border-radius:999px}.hat-adjust-toggle{letter-spacing:.08em;cursor:pointer;min-width:46px;height:30px;padding:0 11px;font-size:.66rem;font-weight:800}.hat-adjust-toggle[aria-expanded=true]{color:#1b1308;background:#e8c98ef5}.hat-adjust-controls{color:#fff7eaf5;box-sizing:border-box;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070b12c7;border:1px solid #fff4e51f;border-radius:14px;width:min(220px,100vw - 28px);padding:10px 10px 12px}.hat-adjust-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.hat-adjust-header strong{font-size:.74rem;font-weight:800}.hat-adjust-reset{cursor:pointer;padding:5px 8px;font-size:.64rem;font-weight:700}.hat-adjust-field{gap:4px;display:grid}.hat-adjust-field+.hat-adjust-field{margin-top:8px}.hat-adjust-field span{justify-content:space-between;align-items:center;gap:10px;font-size:.68rem;font-weight:700;display:flex}.hat-adjust-field output{color:#e9c98e;font-variant-numeric:tabular-nums}.hat-adjust-field input[type=range]{width:100%;margin:0}.debug-toggle-button{left:max(14px, env(safe-area-inset-left) + 8px);top:max(16px, env(safe-area-inset-top) + 8px);z-index:25;color:#fff7eaeb;letter-spacing:.08em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#070b12c7;border:0;border-radius:999px;justify-content:center;align-items:center;min-width:44px;height:32px;padding:0 10px;font-size:.68rem;font-weight:800;display:inline-flex;position:fixed}.debug-toggle-button[aria-pressed=true]{color:#1b1308;background:#e8c98eeb}#face-diagnostics{left:max(14px, env(safe-area-inset-left) + 8px);top:calc(max(16px, env(safe-area-inset-top) + 8px) + 118px);z-index:24;color:#fff7eaeb;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070b12c2;border:1px solid #fff4e51f;border-radius:16px;max-width:min(280px,100vw - 28px);padding:10px 12px;position:fixed}.debug-title{color:#e9c98e;letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:.7rem;font-weight:800}.debug-line{color:#fff4e5e6;white-space:pre-line;margin:0;font-size:.78rem;line-height:1.45}.debug-line+.debug-line{margin-top:4px}#pose-debug-fps{color:#fff4e5db;letter-spacing:.04em;margin:0 0 6px;font-size:.74rem;font-weight:700}#pose-debug-text{white-space:pre-line;margin:0;font-size:.78rem;line-height:1.45}#face-diagnostics-text{white-space:pre-line;margin:0;font-size:.72rem;line-height:1.42}#ar-controls{left:50%;right:auto;bottom:max(22px, env(safe-area-inset-bottom) + 10px);z-index:24;width:100%;max-width:none;padding-inline:max(14px, env(safe-area-inset-left) + 6px) max(14px, env(safe-area-inset-right) + 6px);box-sizing:border-box;pointer-events:auto;position:fixed;transform:translate(-50%)}#capture-button:disabled,#capture-button[aria-disabled=true]{pointer-events:none;opacity:.55;cursor:not-allowed;filter:grayscale(.35)}body:has(#ar-loading:not([hidden])) #capture-button{pointer-events:none;opacity:.55;cursor:not-allowed;filter:grayscale(.35)}body:has(#alignment-guide:not([hidden]) .alignment-rect.is-searching) #capture-button{pointer-events:none;opacity:.55;cursor:not-allowed;filter:grayscale(.35)}#capture-button:disabled .capture-ring,#capture-button[aria-disabled=true] .capture-ring{opacity:1;border-color:#d6e0ee75}#capture-button:disabled .capture-core,#capture-button[aria-disabled=true] .capture-core{opacity:1;box-shadow:none;background:linear-gradient(135deg,#b0bccdcc,#8491a3d6)}#capture-button:disabled .capture-loader,#capture-button[aria-disabled=true] .capture-loader{opacity:0}#capture-button:disabled.is-locked .capture-loader,#capture-button[aria-disabled=true].is-locked .capture-loader{opacity:1}.gallery-toggle-button{cursor:pointer;background:#fffffff5;border:0;border-radius:50%;width:46px;height:46px;padding:0;position:absolute;bottom:calc(100% + 18px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 18px 36px #00000042}.gallery-toggle-button.has-item{border-color:#fff4e54d}.gallery-empty-state,.gallery-toggle-media{width:100%;height:100%;position:absolute;inset:0}.gallery-empty-state[hidden],.gallery-toggle-media[hidden]{display:none!important}.gallery-empty-state{color:#202020;letter-spacing:.04em;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.gallery-toggle-media{object-fit:cover}.gallery-count{color:#fff7ea;text-align:center;background:#0a0e16d6;border-radius:999px;min-width:18px;height:18px;padding-inline:4px;font-size:.64rem;font-weight:800;line-height:18px;position:absolute;bottom:4px;right:4px}.gallery-sheet{z-index:28;color:#000;pointer-events:auto;background:#fff;position:fixed;inset:0}.gallery-sheet[hidden]{display:none}.gallery-backdrop{pointer-events:auto;background:#fff;border:0;position:absolute;inset:0}.gallery-panel{width:100vw;height:100dvh;max-height:none;padding:calc(env(safe-area-inset-top) + 18px) 18px calc(max(18px, env(safe-area-inset-bottom) + 12px));color:#000;box-shadow:none;box-sizing:border-box;-webkit-overflow-scrolling:touch;pointer-events:auto;background:#fff;border-radius:0;position:absolute;inset:0;overflow-y:auto}.gallery-header{z-index:2;background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex;position:sticky;top:0}.gallery-heading,.gallery-list-empty,.gallery-viewer-meta{margin:0}.gallery-heading{color:#000;font-family:Marcellus,serif;font-size:1.2rem}.gallery-close-button,.gallery-action-button{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:0}.gallery-close-button{padding:10px 14px;font-size:.8rem;font-weight:700}.gallery-list-empty{color:#000;font-size:.88rem;line-height:1.5}.gallery-list{background:#fff;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:14px;display:grid}.gallery-thumb{aspect-ratio:1;cursor:pointer;background:#f1f1f1;border:0;border-radius:0;padding:0;position:relative;overflow:hidden}.gallery-thumb-media{object-fit:cover;background:#00000047;width:100%;height:100%;display:block}.gallery-thumb-badge{color:#fff7ea;letter-spacing:.06em;background:#080c13c7;border-radius:999px;padding:3px 6px;font-size:.58rem;font-weight:800;position:absolute;bottom:6px;right:6px}.gallery-viewer{z-index:2;pointer-events:auto;background:#fff;position:absolute;inset:0}.gallery-viewer-backdrop{background:#fff;border:0;position:absolute;inset:0}.gallery-viewer-dialog{padding:14px 12px calc(max(18px, env(safe-area-inset-bottom) + 12px));grid-template-rows:auto 1fr auto;gap:12px;display:grid;position:absolute;inset:0}.gallery-viewer-topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.gallery-viewer-meta{color:#000;font-size:.84rem;font-weight:600}.gallery-viewer-content{justify-content:center;align-items:center;min-height:0;display:flex}.gallery-viewer-image,.gallery-viewer-video{background:#f1f1f1;border-radius:0;max-width:100%;max-height:100%}.gallery-viewer-image[hidden],.gallery-viewer-video[hidden]{display:none}.gallery-viewer-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.gallery-action-button{min-width:62px;padding:12px;font-size:.84rem;font-weight:700}.gallery-action-button.is-secondary{color:#000;background:#f3f3f3}.control-row{grid-template-columns:1fr auto 1fr;place-items:center;gap:0;width:100%;display:grid}.hud-stack{justify-content:center;align-items:center;display:flex;position:relative}.hud-actions{justify-content:center;align-items:center;gap:10px;display:flex}.hud-circle{color:#1a1a1a;background:#fffffff5;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 10px 26px #0003}.utility-button{cursor:pointer;border:0;position:relative;box-shadow:0 14px 30px #00000038}.utility-label{letter-spacing:.02em;justify-content:center;align-items:center;min-width:0;font-size:.8rem;font-weight:800;display:inline-flex}.utility-icon{object-fit:contain;width:24px;height:24px}.utility-icon--blank{box-sizing:border-box;background:0 0;border:1.5px solid #1a1a1a73;border-radius:50%;display:inline-block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wing-button[aria-pressed=true],.debug-button[aria-pressed=true]{color:#16110b;background:linear-gradient(135deg,#fff0d7,#eec27e)}.mode-button[aria-pressed=true]{color:#1f0904;background:#fff}.wing-button .utility-label{font-size:1rem}.mode-button .utility-label{letter-spacing:.14em;font-size:.66rem}.ar-button .utility-label{letter-spacing:.18em;font-size:.72rem}.dropup-menu{z-index:2;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%)}.dropup-menu[hidden]{display:none}.dropup-option{color:#1b1b1b;cursor:pointer;white-space:normal;text-align:center;letter-spacing:.01em;background:#fffffff5;border:0;border-radius:50%;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;padding:0;font-size:.56rem;font-weight:800;line-height:1.05;display:inline-flex;box-shadow:0 12px 24px #0003}.dropup-option[hidden]{display:none!important}.dropup-option.is-active{color:#1b1b1b;background:#fffffff5}#capture-button{--capture-core-size:52px;--capture-record-square-size:18px;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:0 0;border:0;border-radius:50%;width:88px;height:88px;transition:transform .16s,box-shadow .16s,background .16s;position:relative}#capture-button.is-video-mode{background:0 0}#capture-button.is-recording{animation:1.15s ease-in-out infinite capture-recording-pulse}#capture-button:disabled{cursor:not-allowed;box-shadow:none;opacity:.66;background:0 0}.capture-ring,.capture-core{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.capture-ring{z-index:1;border:2px solid #fffffff2;width:70px;height:70px;transition:border-color .14s,transform .18s}.capture-core{z-index:2;background:#fff;width:52px;height:52px;position:absolute;overflow:visible;box-shadow:inset 0 1px #ffffffb3}#capture-button.is-video-mode .capture-core,#capture-button.is-recording .capture-core{width:var(--capture-core-size);height:var(--capture-core-size);background:#ff3c42;border-radius:50%;box-shadow:0 10px 18px #8c0a0a52}#capture-button.is-recording .capture-core:after{content:"";width:var(--capture-record-square-size);height:var(--capture-record-square-size);background:#111;border-radius:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#capture-button:disabled .capture-ring{border-color:#d6e0ee75}#capture-button:disabled .capture-core{box-shadow:none;background:linear-gradient(135deg,#b0bccdcc,#8491a3d6)}.capture-loader,.alignment-loader{pointer-events:none}.capture-loader{z-index:3;--dot-count:20;opacity:0;transition:opacity .16s;position:absolute;inset:0}.alignment-loader{z-index:3;opacity:0;transition:opacity .16s;position:absolute;inset:0;overflow:visible}.loader-node{position:absolute;transform:translate(-50%,-50%)}.loader-dot{opacity:.14;width:4px;height:4px;animation:loader-dot-wave var(--loader-duration,1.2s) linear infinite;animation-delay:calc((var(--dot-index,0) * -1 * var(--loader-duration,1.2s)) / var(--dot-count,36));background:#fffffff5;border-radius:50%;display:block;transform:scale(.55);box-shadow:0 0 6px #ffffff38}.capture-loader .loader-dot{--loader-duration:1s}.alignment-loader .loader-dot{--loader-duration:1.6s;width:5px;height:5px}#capture-button.is-searching{opacity:1;box-shadow:none;background:0 0}#capture-button.is-searching .capture-loader{opacity:1}#capture-button.is-searching .capture-ring,#capture-button.is-searching .capture-core{opacity:0}@keyframes capture-recording-pulse{0%,to{transform:scale(1);box-shadow:0 14px 30px #00000047}50%{transform:scale(1.04);box-shadow:0 16px 36px #ff3d3d47}}#countdown-overlay{z-index:25;color:#fff4df;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090d14ad;border-radius:28px;min-width:108px;padding:20px 18px;font-family:Marcellus,serif;font-size:clamp(3rem,14vw,5rem);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#ar-loading{z-index:23;pointer-events:none;background:0 0;align-content:center;justify-items:center;display:grid;position:fixed;inset:0}#ar-loading[hidden]{display:none}.loading-spinner{border:4px solid #ffffff47;border-top-color:#fff;border-radius:999px;width:58px;height:58px;animation:.9s linear infinite ar-loading-spin;box-shadow:0 12px 28px #00000038}#alignment-guide{z-index:23;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;position:fixed;inset:0}#alignment-guide[hidden]{display:none}.alignment-rect{width:66.666vw;height:50vh;box-shadow:none;background:0 0;border:0;border-radius:14px;transition:border-color .14s,box-shadow .14s;position:relative;overflow:visible}.alignment-rect:before{content:none}.alignment-rect.is-searching{box-shadow:none;background:0 0}.alignment-rect .alignment-loader,.alignment-rect:not(.is-searching) .loader-node,.alignment-rect:not(.is-searching) .loader-dot{opacity:0;visibility:hidden}.alignment-rect.is-searching .alignment-loader{opacity:1;visibility:visible}.alignment-rect.is-searching .loader-node,.alignment-rect.is-searching .loader-dot{visibility:visible}#capture-button:disabled.is-locked .capture-ring,#capture-button[aria-disabled=true].is-locked .capture-ring{opacity:0}#capture-button:disabled.is-locked .capture-core,#capture-button[aria-disabled=true].is-locked .capture-core{box-shadow:none;background:linear-gradient(135deg,#b0bccdcc,#8491a3d6)}.info-button{top:max(18px, env(safe-area-inset-top) + 10px);right:max(18px, env(safe-area-inset-right) + 10px);z-index:25;pointer-events:auto;color:#fff;background:#000000db;border:0;border-radius:50%;width:34px;height:34px;font-size:1rem;font-weight:800;position:fixed;box-shadow:0 10px 24px #0003}.guide-overlay,.service-guide-overlay{z-index:27;pointer-events:auto;position:fixed;inset:0}.guide-overlay-backdrop,.service-guide-backdrop{position:absolute;inset:0}.guide-overlay-backdrop{background:#00000061}.service-guide-backdrop{background:#0000003d}.guide-overlay{align-content:center;justify-items:center;gap:28px;display:grid}.guide-message-panel{z-index:1;color:#fff;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006;border:1px solid #ffffff3d;border-radius:24px;gap:10px;width:min(100% - 40px,360px);padding:28px 24px;display:grid;position:relative;box-shadow:0 18px 40px #0000002e}.guide-message-kicker{color:#ffffffbd;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}.guide-message-title{margin:0;font-size:1.65rem;font-weight:800;line-height:1.2}.guide-message-copy{color:#fffffff5;margin:0;font-size:.98rem;font-weight:500;line-height:1.6}.guide-message-hint{color:#ffffffb8;margin:4px 0 0;font-size:.84rem;font-weight:600}.recognition-guide-icon{z-index:1;width:118px;position:relative}.recognition-guide-icon-standalone{display:block}.recognition-guide-copy{z-index:1;color:#fff;text-align:center;text-shadow:0 2px 12px #00000047;margin:0;font-size:1.02rem;font-weight:700;line-height:1.55;position:relative}.service-guide-topbar{top:max(18px, env(safe-area-inset-top) + 10px);right:max(18px, env(safe-area-inset-right) + 10px);z-index:2;position:absolute}.service-guide-overlay[data-open-mode=auto] .service-guide-topbar{display:none}.service-guide-countdown{left:50%;top:max(18px, env(safe-area-inset-top) + 10px);z-index:2;color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#00000094;border-radius:999px;margin:0;padding:8px 14px;font-size:.88rem;font-weight:700;line-height:1;position:absolute;transform:translate(-50%)}.service-guide-close-button{color:#fff;background:0 0;border:0;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;display:inline-flex}.service-guide-close-icon{color:#111;background:#fffffff5;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.55rem;line-height:1;display:inline-flex}.service-guide-focus{z-index:2;box-sizing:border-box;color:#fff;text-align:center;background:#ffffff05;border:1.5px dashed #fffc;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:66.666vw;height:50vh;padding:24px 24px 92px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.service-guide-shell{position:absolute;inset:0}.service-guide-headerline{top:max(20px, env(safe-area-inset-top) + 10px);z-index:3;color:#fffffff5;text-align:center;white-space:nowrap;text-shadow:0 2px 12px #0000004d;justify-content:center;align-items:center;gap:12px;font-size:.98rem;font-weight:800;line-height:1.45;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.service-guide-headerline img{object-fit:contain;width:28px;height:28px}.service-guide-center-icon{object-fit:contain;width:40px;margin-bottom:18px}.service-guide-icon{width:34px;margin-bottom:18px}.service-guide-focus h2{margin:0 0 12px;font-size:1.9rem;font-weight:800}.service-guide-divider{background:#ffffffa3;width:54px;height:1px;margin:8px 0 18px}.service-guide-focus p{margin:0;font-size:1rem;font-weight:500;line-height:1.6}.service-guide-hint{color:#ffffffc2;margin-top:14px!important;font-size:.86rem!important;font-weight:700!important}.service-guide-recognition-row{justify-content:center;align-items:center;gap:14px;display:inline-flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.service-guide-recognition-copy{color:#fffffffa;text-align:center;font-size:.96rem;font-weight:800;line-height:1.45}.service-guide-recognition-arrow{object-fit:contain;width:92px;height:auto}.service-guide-controls-preview{left:50%;right:auto;bottom:max(22px, env(safe-area-inset-bottom) + 10px);z-index:2;width:100%;max-width:none;padding-inline:max(14px, env(safe-area-inset-left) + 6px) max(14px, env(safe-area-inset-right) + 6px);box-sizing:border-box;pointer-events:none;position:fixed;transform:translate(-50%)}.service-guide-controls-preview>.gallery-toggle-button{pointer-events:none}.service-guide-preview-group{justify-content:center;align-items:center;min-height:88px;display:flex;position:relative}.service-guide-preview-label{z-index:2;color:#fff;text-align:center;justify-content:center;align-items:center;width:112px;min-height:2.64em;font-size:.82rem;font-weight:700;line-height:1.32;display:flex;position:absolute;left:50%;transform:translate(-50%)}.service-guide-preview-label-gallery{bottom:calc(100% + 76px)}.service-guide-preview-group-mode .service-guide-preview-label,.service-guide-preview-group-filter .service-guide-preview-label,.service-guide-preview-group-capture .service-guide-preview-label{bottom:84px}#pose-debug,.debug-toggle-button{display:none!important}.service-guide-controls-preview .gallery-toggle-button,.service-guide-controls-preview .hud-circle,.service-guide-controls-preview #capture-button{pointer-events:none}.service-guide-controls-preview .gallery-empty-state{display:none!important}.service-guide-controls-preview .gallery-toggle-media{display:block!important}.service-guide-controls-preview .gallery-count{display:none!important}.service-guide-capture-button{--capture-core-size:52px;--capture-record-square-size:18px;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:0 0;border:0;border-radius:50%;width:88px;height:88px;position:relative}.service-guide-capture-button .capture-ring,.service-guide-capture-button .capture-core{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.service-guide-capture-button .capture-ring{z-index:1;border:2px solid #fffffff2;width:70px;height:70px}.service-guide-capture-button .capture-core{z-index:2;background:#fff;width:52px;height:52px;box-shadow:inset 0 1px #ffffffb3}.service-guide-arrow-callout{left:calc(50% - 126px);bottom:calc(max(22px, env(safe-area-inset-bottom) + 10px) + 208px);z-index:2;color:#fff;align-items:flex-end;gap:6px;display:flex;position:absolute}.service-guide-arrow{width:54px;height:auto}.service-guide-arrow-callout p{text-align:left;margin:0;font-size:.92rem;font-weight:700;line-height:1.35;transform:translateY(-30px)}.guide-focus-frame{z-index:2;box-sizing:border-box;align-content:center;justify-items:center;width:min(72vw,520px);height:min(56vh,620px);padding:28px 24px;display:grid;position:relative}.guide-focus-inner{text-align:center;justify-items:center;gap:18px;width:min(100%,320px);display:grid}.guide-visual{object-fit:contain;width:min(100%,250px);max-height:220px}.guide-copy{color:#fffffffa;text-align:center;text-shadow:0 2px 12px #00000042;margin:0;font-size:1rem;font-weight:700;line-height:1.6}@keyframes ar-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loader-dot-wave{0%,to{opacity:.12;transform:scale(.62)}25%{opacity:.28;transform:scale(.86)}50%{opacity:1;transform:scale(1.24)}75%{opacity:.34;transform:scale(.9)}}#flash-overlay{z-index:26;pointer-events:none;opacity:0;background:#fffaf0d1;transition:opacity .16s;position:fixed;inset:0}#flash-overlay.is-active{opacity:1}@media (width<=720px){#intro-screen{padding:max(18px, env(safe-area-inset-top) + 12px) max(16px, env(safe-area-inset-right) + 12px) max(18px, env(safe-area-inset-bottom) + 14px) max(16px, env(safe-area-inset-left) + 12px);align-items:center}.intro-card{border-radius:24px;gap:20px;width:min(100%,420px);min-height:530px;max-height:none;padding:32px 20px 28px}.intro-layout{width:min(100%,350px)}.intro-icon{width:72px;margin-bottom:16px}.intro-card h1{font-size:clamp(1.9rem,7.8vw,2.5rem);line-height:1.16}.lead{font-size:.98rem}.description{font-size:.96rem;line-height:1.55}.highlight-copy{font-size:.96rem}.permission-note{border-radius:16px;margin:18px 0 16px;padding:12px 14px;font-size:.88rem}.start-button{padding:15px 18px;font-size:.96rem}.control-row{grid-template-columns:1fr auto 1fr}#pose-debug{max-width:min(210px,100vw - 24px);padding:9px 11px}#face-diagnostics{top:calc(max(16px, env(safe-area-inset-top) + 8px) + 108px);max-width:min(240px,100vw - 24px);padding:9px 11px}.hud-circle{width:41px;height:41px}.dropup-menu{gap:8px;bottom:calc(100% + 12px)}.dropup-option{width:44px;min-width:44px;height:44px;font-size:.52rem}#capture-button{--capture-core-size:48px;--capture-record-square-size:16px;width:82px;height:82px}.gallery-toggle-button{width:44px;height:44px;bottom:calc(100% + 14px)}.capture-ring{width:66px;height:66px}.capture-core{width:var(--capture-core-size);height:var(--capture-core-size)}.service-guide-control .service-guide-label{width:112px;font-size:.88rem}}@media (width<=520px){#intro-screen{justify-content:center;align-items:center}.intro-card{text-align:center;border-radius:22px;gap:16px;width:min(100%,360px);min-height:480px;margin-inline:auto;padding:30px 18px 24px}.intro-layout{width:min(100%,320px)}.intro-icon{width:68px}.intro-card h1{font-size:clamp(1.8rem,8.5vw,2.2rem)}.lead{font-size:.94rem}.description{font-size:.94rem;line-height:1.5}.highlight-copy{font-size:.9rem}.permission-note{text-align:center;gap:6px;margin:16px 0 14px;padding:11px 12px;font-size:.84rem}.start-button{padding:14px 16px;font-size:.94rem}#status-toast{top:max(23svh, calc(env(safe-area-inset-top) + 18px));width:calc(100vw - 24px);max-width:none}#recording-timer{top:max(12px, env(safe-area-inset-top) + 6px);min-width:104px;padding:9px 12px;font-size:.78rem}#ar-controls{width:100%;bottom:max(12px, env(safe-area-inset-bottom) + 6px);padding-inline:max(10px, env(safe-area-inset-left) + 4px) max(10px, env(safe-area-inset-right) + 4px)}.control-row{grid-template-columns:1fr auto 1fr}.gallery-panel{max-height:none;padding-inline:12px}.gallery-list{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-viewer-dialog{padding-inline:10px}.gallery-viewer-meta{font-size:.78rem}.recognition-guide-copy{width:calc(100vw - 40px);font-size:.92rem}.service-guide-headerline{white-space:normal;width:calc(100% - 40px)}.service-guide-recognition-row{gap:10px;bottom:22px}.service-guide-recognition-copy{font-size:.86rem}.service-guide-recognition-arrow{width:74px}.guide-focus-frame{width:min(84vw,420px);height:min(54vh,520px);padding:24px 18px}.guide-visual{width:min(100%,220px);max-height:180px}.guide-copy{font-size:.92rem}.service-guide-controls-preview{bottom:max(12px, env(safe-area-inset-bottom) + 6px);padding-inline:max(10px, env(safe-area-inset-left) + 4px) max(10px, env(safe-area-inset-right) + 4px)}.service-guide-focus{width:66.666vw;height:50vh;padding:22px 18px 86px}.service-guide-focus h2{font-size:1.55rem}.service-guide-focus p{font-size:.92rem}.service-guide-preview-label{width:98px;min-height:2.52em;font-size:.74rem;line-height:1.26}.service-guide-preview-label-gallery{bottom:calc(100% + 66px)}.service-guide-preview-group-mode .service-guide-preview-label,.service-guide-preview-group-filter .service-guide-preview-label,.service-guide-preview-group-capture .service-guide-preview-label{bottom:75px}.service-guide-preview-group{min-height:82px}.service-guide-controls-preview>.gallery-toggle-button{width:44px;height:44px;bottom:calc(100% + 14px)}.service-guide-capture-button{--capture-core-size:48px;--capture-record-square-size:16px;width:82px;height:82px}.service-guide-capture-button .capture-ring{width:66px;height:66px}.service-guide-capture-button .capture-core{width:var(--capture-core-size);height:var(--capture-core-size)}.service-guide-arrow-callout{left:calc(50% - 104px);bottom:calc(max(12px, env(safe-area-inset-bottom) + 6px) + 206px);gap:4px}.service-guide-arrow{width:44px}.service-guide-arrow-callout p{font-size:.76rem}}
