#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;font-size:24px;font-family:Arial,sans-serif;text-align:center;color:#000;box-sizing:border-box;overflow:hidden}#loading-screen .loading-panel{position:absolute;left:0;width:100%;height:50%;background-color:#fff;transition:transform .8s ease-in-out;z-index:1}#loading-screen .loading-panel.top{top:0}#loading-screen .loading-panel.bottom{bottom:0}#loading-screen .loading-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .3s ease;z-index:3}#loading-screen.loaded .loading-panel.top{transform:translateY(-100%)}#loading-screen.loaded .loading-panel.bottom{transform:translateY(100%)}#loading-screen.loaded .loading-content{opacity:0}#loading-text{color:#000;animation:pulse 1.5s ease-in-out infinite}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite;margin-top:10px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#custom-scanning-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0006;z-index:9999}#custom-scanning-overlay.hidden{opacity:0;pointer-events:none}#custom-scanning-overlay .scan-instruction{color:#fff;font-size:1.2rem;font-family:Arial,sans-serif;text-align:center;margin-bottom:20px}#custom-scanning-overlay .scan-area{position:relative;display:flex;align-items:center;justify-content:center;width:60vw;height:60vw;max-width:400px;max-height:400px;border:4px solid #fff;border-radius:20px;overflow:hidden}#custom-scanning-overlay .scan-area:before{content:"";position:absolute;top:0;left:0;width:100%;height:15%;background:#fff6;z-index:2;animation:scanbar 4s linear infinite alternate}@keyframes scanbar{0%{top:0}to{top:85%}}#custom-scanning-overlay img{position:relative;z-index:1;max-width:80%;max-height:80%;border-radius:10px;opacity:.6}#play-button{position:fixed;bottom:10%;left:50%;transform:translate(-50%);width:100px;height:100px;border:none;border-radius:50%;background:#fffc;color:#000;font-size:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;animation:play-pulse 2s infinite}#play-button.hidden{display:none}@keyframes play-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.1)}}