*{box-sizing:border-box}body{color:#f5f5f5;overscroll-behavior:none;background:#080a0c;margin:0;font-family:Inter,system-ui,Arial}button,input{font:inherit}button{color:inherit;border:0}#root{min-height:100vh}.app{background:linear-gradient(#080a0c,#0b0f13);max-width:430px;min-height:100vh;margin:0 auto;position:relative;overflow:hidden}.screen{padding:14px 12px 92px;animation:.22s fade}.header{justify-content:space-between;align-items:center;height:48px;display:flex}.title{letter-spacing:.3px;font-size:18px;font-weight:900}.iconbtn{background:0 0;border-radius:14px;place-items:center;width:38px;height:38px;display:grid}.search{color:#8a929c;background:#11151a;border-radius:18px;align-items:center;gap:10px;height:50px;padding:0 14px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;flex:1}.row{align-items:center;gap:12px;display:flex}.scroll{scrollbar-width:none;gap:16px;padding:18px 2px 12px;display:flex;overflow:auto}.cat{text-align:center;color:#d9dde2;min-width:58px;font-size:12px;font-weight:800}.cat .ico{margin-bottom:6px;font-size:27px;display:block}.card{background:#151a20;border:1px solid #ffffff0a;border-radius:22px;box-shadow:0 12px 28px #00000038}.banner{background:radial-gradient(circle at 75% 20%,#767fff55,#0000 26%),linear-gradient(135deg,#112019,#0b0d10);height:170px;padding:22px;position:relative;overflow:hidden}.banner h2{text-transform:uppercase;margin:8px 0;font-size:32px;line-height:.9}.banner small{color:#767fff;font-weight:900}.dots{text-align:center;position:absolute;bottom:10px;left:0;right:0}.dot{background:#656b73;border-radius:9px;width:7px;height:7px;margin:0 3px;display:inline-block}.dot.on{background:#767fff;width:20px}.grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.product{flex-direction:column;justify-content:space-between;min-height:132px;padding:16px;display:flex}.product.green{color:#fff;background:#767fff}.price{font-size:25px;font-weight:950}.muted{color:#8a929c}.section-title{margin:18px 0 10px;font-size:23px;font-weight:950}.balance{padding:16px}.balance .amount{font-size:34px;font-weight:950}.btn{color:#fff;background:#767fff;border-radius:17px;width:100%;padding:15px;font-weight:900;transition:all .15s}.btn:active,.press:active{transform:scale(.97)}.btn.secondary{color:#fff;background:#11151a}.nav{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:5;background:#11151af0;border-radius:36px;justify-content:space-around;align-items:center;width:min(354px,100% - 32px);height:74px;display:flex;position:fixed;transform:translate(-50%)}.nav button{color:#8a929c;background:0 0;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:800;display:flex}.nav .active{color:#767fff}.nav .active .bubble{color:#767fff;background:#20234a}.bubble{border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.list{flex-direction:column;gap:10px;display:flex}.item{justify-content:space-between;align-items:center;padding:16px;display:flex}.item .left{align-items:center;gap:14px;display:flex}.bigico{text-align:center;width:38px;font-size:28px}.tabs{background:#11151a;border-radius:18px;gap:8px;padding:5px;display:flex}.tab{color:#8a929c;background:0 0;border-radius:15px;padding:9px 16px;font-weight:800}.tab.on{color:#111;background:#fff}.chips{gap:9px;margin:14px 0;display:flex;overflow:auto}.chip{color:#fff;white-space:nowrap;background:#151a20;border-radius:14px;padding:10px 14px}.chip.on{color:#fff;background:#767fff}.qty{align-items:center;gap:12px;display:flex}.qty button{background:#1b222a;border-radius:14px;width:44px;height:44px}.modal{z-index:10;background:#0000009e;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:#11151a;border-radius:28px 28px 0 0;width:100%;max-width:430px;margin:0 auto;padding:22px;animation:.22s up}.toastwrap{z-index:20;place-items:center;gap:8px;display:grid;position:fixed;top:12px;left:0;right:0}.toast{background:#202832;border-radius:14px;padding:12px 16px}.empty{text-align:center;color:#8a929c;padding:42px 18px}.profile{padding:18px}.avatar{background:linear-gradient(135deg,#767fff,#111);border-radius:50%;place-items:center;width:72px;height:72px;font-size:28px;display:grid}.meme{text-align:center;place-items:center;min-height:60vh;display:grid}.danger{color:#fff;background:#767fff;border-radius:28px;padding:24px;font-size:28px;font-weight:950}.shake{animation:.35s shake}.skeleton{background:linear-gradient(90deg,#151a20,#202832,#151a20) 0 0/200%;border-radius:22px;height:100px;animation:1s infinite sk}@keyframes fade{0%{opacity:0;transform:translateY(8px)}}@keyframes up{0%{transform:translateY(100%)}}@keyframes shake{25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes sk{to{background-position:-200%}}