body{margin:0;overflow:hidden;font-family:Roboto,sans-serif}canvas{position:fixed;top:0;left:0;background:transparent}#handTrackerCanvas{z-index:1}#ARCanvas{z-index:4}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0003;display:flex;justify-content:center;align-items:center;z-index:1000}.state{display:none;width:100%;height:100%;justify-content:center;align-items:center}#overlay.state-loading .loading-state,#overlay.state-target .target-state{display:flex}.loading-container{display:flex;flex-direction:column;align-items:center;gap:15px}#footIcon{width:100px;animation:pulse 1.5s infinite}.loading-text{color:#fff;font-size:16px;font-weight:400;margin:0}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.target-container{position:relative;width:280px;height:380px;display:flex;justify-content:center;align-items:center}.corner{position:absolute;width:30px;height:30px;border-color:#fffc;border-style:solid;border-width:0}.top-left{top:0;left:0;border-top-width:2px;border-left-width:2px}.top-right{top:0;right:0;border-top-width:2px;border-right-width:2px}.bottom-left{bottom:0;left:0;border-bottom-width:2px;border-left-width:2px}.bottom-right{bottom:0;right:0;border-bottom-width:2px;border-right-width:2px}.target-text{position:absolute;top:-40px;background-color:#00000080;color:#fff;padding:8px 16px;border-radius:4px;font-size:14px;text-align:center;white-space:nowrap}#targetFootIcon{width:80px;opacity:.4}.target-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background-color:#ffffffb3;animation:scan 2s linear infinite}@keyframes scan{0%{top:0}to{top:100%}}#qr-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1100;background-color:#0003}#qrcode canvas{position:static;margin:auto}