#s-face-scan{color:#fff;isolation:isolate;background:radial-gradient(120% 80% at 50% 8%,#2a2540 0%,#17131f 46%,#0c0a12 100%);flex-direction:column;min-height:100%;display:flex;position:relative;overflow:hidden}#s-face-scan:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(140% 100%,#0000 52%,#0000008c 100%);position:absolute;inset:0}#s-face-scan .top{z-index:3;align-items:center;gap:12px;padding:16px 16px 8px;display:flex;position:relative}#s-face-scan .ib{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff29;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;transition:background .18s,transform .18s;display:grid}#s-face-scan .ib:active{transform:scale(.94)}#s-face-scan .ib svg{width:18px;height:18px;display:block}#s-face-scan .top .t{text-align:center;font:600 16px/1 var(--f);letter-spacing:-.01em;flex:1}#s-face-scan .top .spacer{flex:0 0 40px;width:40px}#s-face-scan .chips{z-index:3;flex-wrap:wrap;justify-content:center;gap:8px;padding:6px 16px 2px;display:flex;position:relative}#s-face-scan .chip{font:600 12px/1 var(--f);letter-spacing:-.01em;color:#f0eafb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#a97fee29;border:1px solid #a97fee57;border-radius:999px;align-items:center;gap:6px;padding:8px 13px;display:inline-flex}#s-face-scan .chip svg{width:14px;height:14px;color:var(--lav)}#s-face-scan .stage{z-index:2;flex:1;place-items:center;padding:8px 0 4px;display:grid;position:relative}#s-face-scan .frame{aspect-ratio:5/6.4;width:min(72vw,286px);position:relative}#s-face-scan .oval{width:100%;height:100%;position:absolute;inset:0;overflow:visible}#s-face-scan .oval .track{fill:none;stroke:#ffffff38;stroke-width:2px}#s-face-scan .oval .glow{fill:none;stroke:var(--lav);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:5 320;filter:drop-shadow(0 0 6px #a97feee6);animation:3.4s linear infinite fs-trace}@keyframes fs-trace{to{stroke-dashoffset:-650px}}#s-face-scan .frame:after{content:"";pointer-events:none;background:radial-gradient(60% 55% at 50% 42%,#a97fee1a,#0000 72%);border-radius:50%;position:absolute;inset:6% 4%}#s-face-scan .corner{border:2.5px solid var(--lav);filter:drop-shadow(0 0 4px #a97fee99);width:34px;height:34px;animation:2.4s ease-in-out infinite fs-pulse;position:absolute}#s-face-scan .corner.tl{border-bottom:none;border-right:none;border-radius:14px 0 0;top:-6px;left:2px}#s-face-scan .corner.tr{border-bottom:none;border-left:none;border-radius:0 14px 0 0;animation-delay:.2s;top:-6px;right:2px}#s-face-scan .corner.bl{border-top:none;border-right:none;border-radius:0 0 0 14px;animation-delay:.4s;bottom:-6px;left:2px}#s-face-scan .corner.br{border-top:none;border-left:none;border-radius:0 0 14px;animation-delay:.6s;bottom:-6px;right:2px}@keyframes fs-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}#s-face-scan .scanwrap{pointer-events:none;border-radius:50%;position:absolute;inset:5% 3%;overflow:hidden}#s-face-scan .scanline{background:linear-gradient(#0000 0%,#a97fee1a 40%,#a97fee6b 82%,#e7dbfbf2 100%);border-bottom:2px solid #e7dbfbe6;height:80px;animation:3s cubic-bezier(.45,0,.55,1) infinite fs-scan;position:absolute;left:0;right:0;box-shadow:0 0 16px 2px #a97fee8c}@keyframes fs-scan{0%{top:-80px}50%{top:100%}50.01%{opacity:0;top:100%}55%{opacity:1}to{top:-80px}}#s-face-scan .guide{z-index:3;text-align:center;padding:2px 24px 4px;position:relative}#s-face-scan .guide h2{font:600 20px/1.25 var(--f);letter-spacing:-.02em;margin:0}#s-face-scan .guide p{font:500 13px/1.4 var(--f);color:#fff9;align-items:center;gap:6px;margin:7px 0 0;display:inline-flex}#s-face-scan .guide p svg{width:14px;height:14px;color:var(--cream)}#s-face-scan .controls{z-index:3;padding:14px 40px calc(20px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;width:100%;max-width:420px;margin:0 auto;display:flex;position:relative}#s-face-scan .side{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:52px;height:52px;transition:background .18s,transform .18s;display:grid}#s-face-scan .side:active{transform:scale(.92)}#s-face-scan .side svg{width:22px;height:22px}#s-face-scan .side.on{color:#7a3fe6;background:#fbefcbe6;border-color:#0000}#s-face-scan .side.on svg{color:var(--mid)}#s-face-scan .shutter{cursor:pointer;background:0 0;border:none;border-radius:50%;flex:0 0 76px;place-items:center;width:76px;height:76px;display:grid;position:relative}#s-face-scan .shutter .ring{border:3px solid #ffffffe6;border-radius:50%;position:absolute;inset:0}#s-face-scan .shutter .ring:after{content:"";border:2px solid #a97fee80;border-radius:50%;animation:2.6s ease-out infinite fs-ring;position:absolute;inset:-8px}@keyframes fs-ring{0%{opacity:.8;transform:scale(.92)}70%{opacity:0;transform:scale(1.12)}to{opacity:0}}#s-face-scan .shutter .dot{background:radial-gradient(60% 60% at 40% 32%,#fff,#ede7f6 78%,#d8cbea 100%);border-radius:50%;width:58px;height:58px;transition:transform .14s;box-shadow:0 6px 16px -4px #7a3fe680,inset 0 2px 3px #ffffffe6}#s-face-scan .shutter:active .dot{transform:scale(.88)}#s-face-scan .clabel{left:0;right:0;bottom:calc(4px + env(safe-area-inset-bottom));text-align:center;font:600 10px/1 var(--f);letter-spacing:.16em;text-transform:uppercase;color:#ffffff61;pointer-events:none;position:absolute}@media (prefers-reduced-motion:reduce){#s-face-scan .glow,#s-face-scan .corner,#s-face-scan .scanline,#s-face-scan .shutter .ring:after{animation:none}#s-face-scan .scanline{top:45%}}