#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-logo{position:absolute;top:20px;left:20px;width:120px;height:auto;z-index:2;transition:opacity .3s ease}.ui-logo{position:fixed;top:20px;left:20px;width:120px;height:auto;z-index:10}.audio-button{position:fixed;bottom:50px;left:50%;transform:translate(-50%);width:60px;height:60px;border:none;border-radius:50%;background:#fffc;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;z-index:10000;transition:opacity .3s ease}.audio-button.playing{opacity:.5}#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-logo{opacity:0}#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}