*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{width:100vw;height:100vh;background-color:#000;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,sans-serif;color:#fff;touch-action:manipulation}#viewport{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#app{width:390px;height:844px;min-width:390px;min-height:844px;flex-shrink:0;background-color:#000;transform:scale(var(--scale,1));transform-origin:center center;position:relative;overflow:hidden;touch-action:manipulation}.app-screen{position:absolute;top:0;left:0;width:100%;height:100%;padding:90px 24px 120px!important;overflow-y:auto;display:none}.app-screen::-webkit-scrollbar{width:0}.app-screen.active{display:block}#tab-bar{position:absolute;bottom:40px;left:20px;right:20px;height:72px;background:rgba(15,15,15,.55);-webkit-backdrop-filter:blur(24px)saturate(200%);backdrop-filter:blur(24px)saturate(200%);border-radius:24px;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px rgba(0,0,0,.6);display:flex;justify-content:space-around;align-items:center;padding:0 10px;z-index:999}.tab-item{display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;color:#72727e;width:28%;height:100%;transition:color .2s ease,transform .1s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.tab-item:active{transform:scale(.92)}.tab-item .icon{width:24px;height:24px;margin-bottom:4px;color:currentColor}.tab-item .label{font-size:11px;font-weight:600}.tab-item.active{color:#2f80ed}#app-header{position:absolute;top:49px;left:0;width:100%;display:flex;justify-content:center;z-index:1000;padding:0 24px;pointer-events:none}.balance-pill{pointer-events:auto;display:flex;align-items:center;background:linear-gradient(135deg,#131315 0%,#070708 100%);border:1px solid rgba(255,255,255,.11);box-shadow:0 8px 24px rgba(0,0,0,.7),inset 0 1px 1px rgba(255,255,255,.22);border-radius:20px;padding:4px 6px 4px 14px;gap:8px;font-size:15px;font-weight:700;color:#fff;-webkit-user-select:none;user-select:none}.star-icon{font-size:15px;display:flex;align-items:center}.balance-value{letter-spacing:.5px;margin-right:2px}.plus-btn{background:rgba(255,255,255,8%);color:#fff;border:1px solid rgba(255,255,255,.25);outline:none;width:24px;height:24px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:15px;font-weight:400;line-height:1;cursor:pointer;transition:transform .1s ease,background .1s ease,border-color .1s ease;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.plus-btn:active{transform:scale(.9);background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5)}#screen-popol{touch-action:pan-y;overflow-y:auto;display:none!important;padding:65px 20px 120px!important;color:#fff;flex-direction:column;align-items:center}#screen-popol.active{display:flex!important}.pay-tabs{display:flex;gap:8px;background:rgba(255,255,255,6%);padding:6px;border-radius:16px;border:1px solid rgba(255,255,255,.1);margin-top:15px;width:100%;max-width:350px}.pay-tab{flex:1;background:0 0;border:none;color:#888;padding:10px 14px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:6px}.pay-tab.active{background:#2a82fe;color:#fff;box-shadow:0 4px 15px rgba(42,130,254,.4)}.bonus-tag{background:#fff;color:#000;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:800}.pay-display{margin:25px 0 20px;text-align:center}#display-amount{font-size:48px;font-weight:900;letter-spacing:-1px;text-shadow:0 0 20px rgba(255,255,255,.2)}#display-currency{font-size:20px;font-weight:600;color:#aaa;margin-left:6px}.pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:360px;margin-bottom:20px}.amount-btn{background:rgba(255,255,255,8%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);color:#fff;padding:16px 10px;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .08s ease,background .08s ease,border-color .08s ease;box-shadow:0 4px 10px rgba(0,0,0,.3);text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation}.amount-btn:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4)}.amount-btn:active{background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.9);box-shadow:0 0 18px rgba(255,255,255,.4);transform:scale(.94)}.custom-input-wrapper{width:100%;max-width:360px;margin-bottom:30px}#custom-amount-input{width:100%;background:rgba(255,255,255,8%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);color:#fff;padding:16px;border-radius:14px;font-size:16px;font-weight:600;text-align:center;outline:none;transition:all .25s ease;box-shadow:0 4px 10px rgba(0,0,0,.3);-moz-appearance:textfield}#custom-amount-input::-webkit-outer-spin-button,#custom-amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#custom-amount-input:focus{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.8);box-shadow:0 0 15px rgba(255,255,255,.25)}#custom-amount-input::placeholder{color:#888;font-weight:500}.pay-footer{position:fixed;bottom:80px;left:0;width:100%;padding:0 20px;display:flex;justify-content:center;z-index:100;pointer-events:none}.pay-submit-btn{pointer-events:auto;width:100%;max-width:360px;background:linear-gradient(135deg,#ffe600,#ffb300);color:#000;border:none;padding:18px;border-radius:16px;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 6px 20px rgba(255,179,0,.4);transition:transform .05s active;touch-action:manipulation}.pay-submit-btn:active{transform:scale(.98)}