.desktop-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);z-index:99999;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:2rem}.desktop-overlay-icon{font-size:4rem;margin-bottom:1.5rem;animation:bounce 2s infinite}.desktop-overlay-title{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.desktop-overlay-desc{color:#ffffffe6;font-size:1rem;max-width:300px;line-height:1.6}.desktop-overlay-qr{margin-top:2rem;padding:1rem;background:#fff;border-radius:1rem;box-shadow:0 10px 40px #0003}.desktop-overlay-qr-text{color:#5d4037;font-size:.875rem;margin-top:.5rem}.phone-frame{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:390px;height:844px;background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border-radius:50px;padding:12px;box-shadow:0 50px 100px -20px #00000080,0 30px 60px -30px #0009,inset 0 0 0 3px #ffffff1a,inset 0 0 0 4px #0000004d;z-index:99998}.phone-frame:before{content:"";position:absolute;right:-3px;top:140px;width:4px;height:40px;background:#2d2d2d;border-radius:0 2px 2px 0}.phone-frame:after{content:"";position:absolute;left:-3px;top:120px;width:4px;height:70px;background:#2d2d2d;border-radius:2px 0 0 2px;box-shadow:0 50px #2d2d2d}.phone-frame-inner{width:100%;height:100%;background:#fff9f0;border-radius:40px;overflow:hidden;position:relative}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:126px;height:34px;background:#000;border-radius:0 0 20px 20px;z-index:10}.phone-notch:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:80px;height:6px;background:#1a1a1a;border-radius:3px}.desktop-bg{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);z-index:-1}.desktop-overlay{display:none!important}@media(min-width:481px){.desktop-bg,.phone-frame{display:block}#root{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden}}@media(max-width:480px){.phone-frame,.desktop-bg{display:none!important}#root{display:block;position:static}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.material-symbols-outlined{font-family:Material Symbols Outlined,sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}