:root{--shop-bg: #d9668f;--shop-accent: #9e3a62;--shop-ink: #fff}.phone{--wn: 290;--w: calc(var(--wn) * 1px);width:var(--w);height:calc((var(--w) - 18px) * 812 / 375 + 18px);border-radius:calc(var(--w) * .158);background:#0a0a12;padding:9px;position:relative;flex:none;box-shadow:0 1px #ffffff14 inset,0 34px 60px -28px #000000b3}.phone .vp{width:100%;height:100%;border-radius:calc(var(--w) * .131);overflow:hidden;position:relative;background:#000;isolation:isolate}.phone .island{position:absolute;top:calc(var(--w) * .038);left:50%;width:34%;height:calc(var(--w) * .086);transform:translate(-50%);background:#000;border-radius:14px;z-index:30}.scr{position:absolute;top:0;left:0;width:375px;height:812px;transform-origin:0 0;transform:scale(calc((var(--wn) - 18) / 375));font-family:var(--ios);font-weight:400;line-height:1.3;transition:opacity .25s ease}.scr.off{opacity:0;visibility:hidden}.scr *{box-sizing:border-box}.status{height:50px;display:flex;justify-content:space-between;align-items:flex-end;padding:0 30px 6px 34px;font-size:16px;font-weight:600}.status .bat{display:inline-flex;gap:5px;align-items:center}.status .bat i{display:inline-block;width:24px;height:12px;border:1.5px solid currentColor;border-radius:4px;position:relative;opacity:.9}.status .bat i:after{content:"";position:absolute;inset:1.5px 5px 1.5px 1.5px;background:currentColor;border-radius:1.5px}.app{background:#1a1a2e;color:#fff;height:100%;position:relative}.app .page{padding:18px 24px 0}.app .title{font-family:var(--round);font-weight:900;font-size:28px;line-height:38px;letter-spacing:-.02em;margin-bottom:20px}.scanbtn{display:flex;align-items:center;justify-content:center;gap:12px;background:#c9420f;color:#fff;border-radius:16px;padding:17px 24px;font-family:var(--round);font-weight:900;font-size:18px;margin-bottom:22px;transition:transform .15s ease,opacity .15s ease}.scanbtn svg{width:28px;height:28px;flex:none}.press .scanbtn,.press .act{transform:scale(.97);opacity:.85}.lcard{position:relative;border-radius:16px;padding:20px;min-height:240px;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 8px 12px #00000040;background:var(--shop-bg);color:var(--shop-ink)}.lcard .qri{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;opacity:.9;background:var(--shop-accent)}.lcard .qri svg{width:18px;height:18px}.lcard .head{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-right:36px}.lcard .lg{width:56px;height:56px;border-radius:50%;border:2px solid var(--shop-accent);padding:2px;flex:none}.lcard .lg svg,.plg svg,.lgw svg{width:100%;height:100%;display:block}.lcard .cn{font-size:24px;font-weight:700;line-height:28px;letter-spacing:-.01em}.lcard .pt{font-size:13px;font-weight:500;opacity:.85;margin-top:2px}.dots{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:16px}.dot{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ffffff4d;color:#fff;font-size:22px;font-weight:700;position:relative;transition:background-color .35s ease,transform .35s cubic-bezier(.3,1.6,.5,1)}.dot:after{content:"✓";opacity:0;transition:opacity .2s ease}.dot.on{background:var(--shop-accent)}.dot.on:after{opacity:1}.dot.gift:after{content:"🎁";opacity:1;font-size:20px}.dot.pop{transform:scale(1.25)}.steps-count{text-align:center;font-size:16px;font-weight:600}.lcard .stripe{position:absolute;left:0;right:0;bottom:0;height:8px;background:var(--shop-accent)}.statsc{margin-top:22px;padding:20px;border-radius:20px;background:#2f6fc2;color:#fff}.statsc .row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.statsc .ic{width:56px;height:56px;border-radius:16px;background:#ffffff2e;display:grid;place-items:center;flex:none}.statsc .ic svg{width:28px;height:28px}.statsc .cnt{font-family:var(--round);font-weight:900;font-size:28px;letter-spacing:-.02em}.statsc .sub{font-size:14px;opacity:.85;line-height:20px}.statsc .chips{display:flex;gap:8px;margin-bottom:16px}.statsc .chips b{border-radius:16px;padding:6px 12px;font-family:var(--round);font-size:13px;font-weight:800;background:#ffffff2e}.statsc .chips b:first-child{background:#fffaf3;color:#2f6fc2}.statsc .poster{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:14px;background:#fffaf3;color:#1a1a2e;font-family:var(--round);font-weight:800;font-size:15px}.tabbar{position:absolute;left:0;right:0;bottom:0;height:84px;background:#12121f;display:grid;grid-template-columns:repeat(4,1fr);padding-top:8px;z-index:5}.tabbar span{display:grid;justify-items:center;align-content:start;gap:4px;font-family:var(--round);font-size:10.5px;font-weight:800;color:#fff9;text-align:center;padding-inline:2px}.tabbar span.on{color:#fff}.tabbar svg{width:22px;height:22px;padding:4px 15px;border-radius:15px;box-sizing:content-box}.tabbar span.on svg{background:#2f6fc2}.scan{position:absolute;inset:0;background:#000;color:#fff}.scan .cam{position:absolute;inset:0;background:radial-gradient(70% 45% at 50% 46%,#4a4740,#24231f 55%,#0e0e0d)}.scan .heldphone{position:absolute;left:50%;top:46%;width:210px;height:300px;transform:translate(-50%,-50%) rotate(-8deg);border-radius:30px;background:#111;padding:8px;box-shadow:0 20px 40px #0009}.scan .heldphone{transition:transform .36s cubic-bezier(.3,0,.25,1)}.wait .scan .heldphone{transform:translate(150%,-46%) rotate(4deg)}.scan .mini{height:100%;border-radius:23px;background:#f2f2f7;overflow:hidden;padding:30px 10px 0;color:#000}.scan .mini .mt{font-size:15px;font-weight:700;padding:0 2px 8px}.scan .mini .mp{background:var(--shop-bg);border-radius:10px;padding:8px 9px;color:#fff}.scan .mini .mh{display:flex;justify-content:space-between;gap:6px;font-size:9px;font-weight:600}.scan .mini .qr{width:70px;height:70px;margin:22px auto 6px;padding:5px;border-radius:5px;background:#fff;gap:1px}.scan .frame{position:absolute;left:50%;top:46%;width:280px;height:280px;transform:translate(-50%,-50%)}.scan .frame i{position:absolute;width:40px;height:40px;border:0 solid #fff;transition:border-color .2s ease}.scan .frame i:nth-child(1){left:0;top:0;border-top-width:4px;border-left-width:4px;border-top-left-radius:8px}.scan .frame i:nth-child(2){right:0;top:0;border-top-width:4px;border-right-width:4px;border-top-right-radius:8px}.scan .frame i:nth-child(3){left:0;bottom:0;border-bottom-width:4px;border-left-width:4px;border-bottom-left-radius:8px}.scan .frame i:nth-child(4){right:0;bottom:0;border-bottom-width:4px;border-right-width:4px;border-bottom-right-radius:8px}.hit .scan .frame i{border-color:#50c878}.scan .close{position:absolute;top:62px;left:20px;width:44px;height:44px;border-radius:50%;background:#0009;display:grid;place-items:center;font-size:22px}.scan .instr{position:absolute;left:24px;right:24px;top:690px;text-align:center;font-size:16px;font-weight:500}.scan .status{position:absolute;top:0;left:0;right:0}.cc .bar{display:flex;align-items:center;gap:12px;padding:8px 24px 16px}.cc .bar .back{width:36px;height:36px;border-radius:50%;background:#ffffff1f;display:grid;place-items:center;font-size:22px}.cc .bar strong{font-family:var(--round);font-size:22px;font-weight:900;flex:1}.cc .name{padding:0 24px 12px;font-family:var(--round);font-weight:800;font-size:22px}.cc .name small{display:block;font-family:var(--ios);font-weight:500;font-size:14px;opacity:.65}.cc .cardwrap{padding:0 24px}.cc .tabs2{margin:20px 24px 16px;display:grid;grid-template-columns:1fr 1fr;background:#ffffff14;border-radius:12px;padding:4px}.cc .tabs2 span{text-align:center;padding:10px;border-radius:9px;font-size:15px;font-weight:600;color:#fff9}.cc .tabs2 span.on{background:#2f6fc2;color:#fff}.cc .act{margin:0 24px;display:flex;align-items:center;justify-content:center;gap:10px;background:#c9420f;color:#fff;border-radius:14px;padding:17px;font-family:var(--round);font-weight:900;font-size:18px;transition:transform .15s ease,opacity .15s ease}.cc .act svg{width:24px;height:24px}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:40}.confetti i{position:absolute;top:-12px;width:7px;height:12px;border-radius:2px;animation:fall var(--d) cubic-bezier(.25,.6,.4,1) var(--delay) forwards;opacity:0}@keyframes fall{0%{opacity:1;transform:translate(0) rotate(0)}85%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r))}}.wallet{background:#f2f2f7;color:#000;height:100%}.wallet .wt{padding:18px 20px 14px;font-size:34px;font-weight:700;letter-spacing:-.02em;display:flex;justify-content:space-between;align-items:center}.wallet .wt span{font-size:26px;color:#007aff;font-weight:400}.pass{margin:0 16px;border-radius:16px;padding:14px 16px 18px;color:var(--shop-ink);background:var(--shop-bg);box-shadow:0 10px 24px -14px #0009;position:relative;overflow:hidden;font-family:var(--ios)}.pass .ph{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.pass .pl{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;min-width:0}.pass .plg{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#fff;flex:none}.pass .lbl{display:block;font-size:11px;font-weight:600;letter-spacing:.02em;opacity:.85}.pass .v{display:block;font-size:22px;font-weight:400}.pass .hf{text-align:right;flex:none}.pass .strip{margin:16px -16px 0;height:120px;display:flex;align-items:center;justify-content:center;gap:10px;background:#0000001f}.pass .strip i{width:22px;height:22px;border-radius:50%;background:#ffffff59;transition:background-color .3s ease,transform .35s cubic-bezier(.3,1.6,.5,1)}.pass .strip i.on{background:#fff}.pass .strip i.pop{transform:scale(1.35)}.pass .strip.word{font-weight:800;font-size:28px;letter-spacing:-.02em;color:#fff;background:#0000002e}.pass .rr{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.pass .rr .v{font-size:17px}.pass .rr>span:last-child{text-align:right}.pass .code{background:#fff;border-radius:8px;width:150px;height:150px;margin:18px auto 0;padding:12px}.pass.flash:after{content:"";position:absolute;inset:0;background:#ffffff8c;animation:passflash .6s ease-out forwards}@keyframes passflash{0%{opacity:1}to{opacity:0}}.qr{display:grid;grid-template-columns:repeat(11,1fr);gap:2px}.qr b{background:#000;border-radius:1px}.qr b.o{background:transparent}.wstack{margin:12px 16px 0}.wstack div{height:52px;border-radius:14px 14px 0 0;margin-top:-10px;padding:12px 16px;color:#fff;font-size:15px;font-weight:600;display:flex;justify-content:space-between}.lock{height:100%;color:#fff;background:radial-gradient(120% 80% at 30% 10%,#5b7fb8,#2a3c66 45%,#141c33)}.lock .date{text-align:center;margin-top:30px;font-size:20px;font-weight:500;opacity:.9}.lock .time{text-align:center;font-size:96px;font-weight:600;letter-spacing:-.03em;line-height:1}.notif{margin:24px 12px 0;background:#f5f5fae0;color:#000;border-radius:22px;padding:14px 15px;display:grid;grid-template-columns:38px 1fr;gap:12px}.notif .ap{width:38px;height:38px;border-radius:9px;overflow:hidden}.notif .ap img{width:100%;height:100%;display:block}.notif .top{display:flex;justify-content:space-between;gap:8px;font-size:15px}.notif .top b{font-weight:600}.notif .top span{opacity:.5;font-size:13px;flex:none}.notif p{font-size:15px;line-height:1.3;margin:2px 0 0}.notif+.notif{margin-top:10px;opacity:.8}.in .notif:first-of-type{animation:notifin .6s cubic-bezier(.2,1.1,.4,1) both}@keyframes notifin{0%{transform:translateY(-40px);opacity:0}to{transform:none;opacity:1}}.shop-initial{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:var(--shop-accent);color:#fff;font-family:var(--round);font-weight:900;font-size:1.4em;line-height:1}.shop-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;background:#fff}.autos .seg{display:grid;grid-template-columns:1fr 1fr;background:#ffffff1a;border-radius:10px;padding:4px;margin-bottom:16px}.autos .seg span{text-align:center;padding:9px 6px;border-radius:8px;font-size:14px;font-weight:600}.autos .seg span.on{background:#2f6fc2}.autos .arow{background:#ffffff1a;border-radius:12px;padding:16px;margin-bottom:12px}.autos .atop{display:flex;align-items:center;gap:12px}.autos .aic{width:36px;height:36px;border-radius:10px;background:#ffffff1f;display:grid;place-items:center;flex:none}.autos .aic.on{background:#2f6fc2}.autos .aic svg{width:20px;height:20px}.autos .atop b{flex:1;font-family:var(--round);font-weight:800;font-size:15px;line-height:1.25}.autos .tog{width:51px;height:31px;border-radius:16px;background:#fff3;position:relative;flex:none}.autos .tog i{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff}.autos .tog.on{background:#2f6fc2}.autos .tog.on i{left:22px}.autos .arow p{margin:10px 0 8px;font-size:14px;line-height:20px;color:#ffffffb8}.autos .arow small{font-size:12px;color:#ffffffb8}