:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;font-synthesis:none;--safe-top:max(18px, env(safe-area-inset-top));--safe-bottom:max(20px, env(safe-area-inset-bottom));--accent:#d9ff57;--accent-strong:#baf52b;--glass:#16161aad;--glass-line:#ffffff24;background:#09090b;font-family:Inter,ui-rounded,SF Pro Rounded,SF Pro Display,-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}#app{justify-content:center;align-items:center;display:flex;position:relative}#stage{position:relative;overflow:hidden}#stage.is-windowed{border-radius:22px;box-shadow:0 34px 110px #0000008c}#source-view{z-index:0;width:100%;height:100%;position:absolute;inset:0}body{overscroll-behavior:none;background:radial-gradient(circle at 65% 20%,#baf52b33,#0000 28%),linear-gradient(145deg,#24242c,#08080a 62%)}button{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;border:0}button:focus-visible{outline-offset:3px;outline:3px solid #d9ff57b3}#camera-feed,#three-canvas{width:100%;height:100%;position:absolute;inset:0}#camera-feed{z-index:0;object-fit:cover;background:#111;transform:translateZ(0)}#three-canvas{z-index:1;touch-action:none;display:block}.vignette{z-index:2;pointer-events:none;background:linear-gradient(#00000075,#0000 19% 72%,#000000a3),radial-gradient(#0000 44%,#0003);position:absolute;inset:0}.glass-panel,.glass-chip{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(145%);box-shadow:0 20px 70px #00000047}.welcome-panel{z-index:12;left:18px;right:18px;bottom:calc(var(--safe-bottom) + 10px);border-radius:30px;max-width:520px;margin:auto;padding:26px;position:absolute}.eyebrow{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:14px;font-size:clamp(32px,8.4vw,52px);line-height:1.07}h2{letter-spacing:-.025em;margin-bottom:0;font-size:24px}.welcome-copy{color:#ffffffb3;max-width:32em;margin-bottom:24px;font-size:15px;line-height:1.65}.welcome-actions,.result-actions{grid-template-columns:1fr;gap:10px;display:grid}.lang-switch{gap:6px;margin-bottom:16px;display:flex}.lang-button{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700}.lang-button[aria-pressed=true]{background:var(--accent);color:#11140a;border-color:#0000}.primary-button,.secondary-button{border-radius:17px;min-height:54px;padding:0 20px;font-weight:800}.primary-button{color:#11140a;background:var(--accent);box-shadow:0 14px 34px #baf52b2e}.primary-button:active{background:var(--accent-strong);transform:translateY(1px)}.secondary-button{background:#ffffff14;border:1px solid #ffffff1f}.fine-print{color:#ffffff7a;margin:14px 0 0;font-size:12px;line-height:1.5}.mask-stage,.dance-stage{z-index:7;pointer-events:none;position:absolute;inset:0}.mask-guide{pointer-events:none;position:absolute;inset:0}.mask-guide svg{filter:drop-shadow(0 3px 3px #0000008c);width:100%;height:100%;display:block;overflow:hidden}.guide-lines .guide-shape{fill:none;stroke:#fffffff5;stroke-width:5px;stroke-dasharray:14 10;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.capture-copy{top:var(--safe-top);text-align:center;border-radius:17px;width:min(86%,410px);padding:12px 16px;position:absolute;left:50%;transform:translate(-50%)}.capture-copy strong,.capture-copy span,.find-hint strong,.find-hint span{display:block}.capture-copy strong,.find-hint strong{font-size:14px}.capture-copy span,.find-hint span{color:#ffffff9e;margin-top:4px;font-size:11px}.countdown{z-index:15;pointer-events:none;color:#fff;letter-spacing:-.08em;text-shadow:0 9px 30px #00000061;opacity:0;place-items:center;font-size:min(35vw,190px);font-weight:900;display:grid;position:absolute;inset:0;transform:scale(.85)}.countdown.is-visible{animation:.82s cubic-bezier(.2,.8,.2,1) count-pop}@keyframes count-pop{0%{opacity:0;transform:scale(.55)}18%{opacity:1;transform:scale(1.06)}72%{opacity:1;transform:scale(.96)}to{opacity:0;transform:scale(1.15)}}.mask-stage:has(#reimport-button:not([hidden])) .template-chip{bottom:calc(var(--safe-bottom) + 170px)}.template-chip{bottom:calc(var(--safe-bottom) + 122px);color:#fff;letter-spacing:.01em;pointer-events:auto;border-radius:999px;padding:9px 17px;font-size:13px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.template-chip:active{background:#d9ff5738}.capture-controls{bottom:calc(var(--safe-bottom) + 16px);color:#ffffffb3;pointer-events:auto;flex-direction:column;align-items:center;gap:9px;font-size:12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.shutter-button{background:#0a0a0c40;border:3px solid #ffffffe6;border-radius:50%;place-items:center;width:76px;height:76px;padding:6px;display:grid}.shutter-button span{border-radius:inherit;background:#fff;width:100%;height:100%;transition:all .16s}.shutter-button:active span{transform:scale(.86)}.mini-chip{color:#fff;pointer-events:auto;background:#0a0a0c73;border:1px solid #ffffff24;border-radius:999px;padding:8px 15px;font-size:12px;font-weight:700}.find-hint{top:var(--safe-top);border-radius:18px;align-items:center;width:min(86%,390px);padding:12px 16px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.radar-dot{background:var(--accent);border-radius:50%;width:12px;height:12px;margin-right:12px;animation:1.6s infinite radar;box-shadow:0 0 #d9ff57b3}@keyframes radar{70%{box-shadow:0 0 0 12px #d9ff5700}to{box-shadow:0 0 #d9ff5700}}.recording-badge{z-index:12;top:calc(var(--safe-top) + 74px);letter-spacing:.08em;background:#c41f2ed6;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;font-weight:900;display:flex;position:absolute;left:50%;transform:translate(-50%)}.recording-badge span{background:#fff;border-radius:50%;width:7px;height:7px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:.25}}.dance-controls{bottom:calc(var(--safe-bottom) + 12px);pointer-events:auto;border-radius:24px;align-items:center;gap:8px;padding:9px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.dance-controls .icon-button{width:92px}.icon-button,.stop-button{background:#ffffff14;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;width:66px;height:58px;display:flex}.icon-button span{font-size:22px;line-height:1}.icon-button small,.stop-button small{color:#ffffffa8;margin-top:5px;font-size:10px}.stop-button{color:#111;background:var(--accent)}.stop-button span{background:#111;border-radius:5px;width:18px;height:18px}.stop-button small{color:#000000a8}.result-panel{z-index:20;left:14px;right:14px;bottom:calc(var(--safe-bottom) + 4px);border-radius:28px;max-width:540px;margin:auto;padding:18px;position:absolute}.result-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.close-button{background:#ffffff14;border-radius:50%;width:38px;height:38px;font-size:26px;line-height:1}#result-video{background:#000;border-radius:18px;width:100%;max-height:44vh;margin-bottom:14px;display:block}.toast{z-index:50;color:#ffffffe6;text-align:center;opacity:0;pointer-events:none;background:#08080ad1;border-radius:15px;max-width:min(82%,420px);padding:12px 16px;font-size:13px;transition:all .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)}.toast.is-visible{opacity:1;transform:translate(-50%,-50%)}[hidden]{display:none!important}@media (width>=600px){.welcome-actions,.result-actions{grid-template-columns:1fr 1fr}.result-actions .primary-button{grid-column:1/-1}.welcome-panel{bottom:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}