.version-badge{display:inline-flex;align-items:center;justify-content:center;background:#e9efff;color:#0756f6;font:800 10px/1.4 var(--sans);letter-spacing:0;padding:3px 6px;border-radius:6px;align-self:center}.brand{gap:8px}.card-cover:has(.person-cover){background:#edf3ff}.card-cover .person-cover{object-fit:contain;padding:6px;width:100%;height:100%}.card-title h3{font-size:22px;letter-spacing:0}.shop-secondary{font-size:11px;font-weight:400;color:var(--muted);margin:3px 0;line-height:1.5}.detail-shop{font-size:14px;color:var(--muted);margin:5px 0 10px}.detail-title .merchant-avatar{width:80px;height:80px;border-radius:22px}.detail-title h1{font-size:34px}.member-identity img{object-fit:cover}.membership-section{margin:24px 0}.membership-section .section-heading h2{font-size:21px}.membership-section .section-heading>span{font-size:11px}.membership-section .section-heading svg{width:14px}.member-flip{width:100%;height:270px;display:block;padding:0;background:transparent;border-radius:22px;perspective:1200px;text-align:left;color:white}.member-card-inner{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.member-flip.flipped .member-card-inner{transform:rotateY(180deg)}.member-card-front,.member-card-back{position:absolute;inset:0;border-radius:22px;overflow:hidden;padding:28px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;isolation:isolate}.member-card-front{background:#1139d5;background-image:radial-gradient(#ffffff25 .7px,transparent .7px);background-size:6px 6px}.member-card-back{transform:rotateY(180deg);background:#152740;align-items:center;justify-content:space-between;text-align:center;padding:20px}.card-wordmark{font-size:11px;letter-spacing:1.5px;font-weight:800;display:block}.card-member-name{display:block;font-size:32px;font-weight:800;margin-top:24px}.card-member-name small{display:block;font-size:12px;font-weight:400;color:#d3e2ff;margin-top:3px}.points-line{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;font-size:12px}.points-line strong{font-size:30px;color:#f5ff49}.points-line small{display:block;font-size:9px;color:#d2ddff}.card-number{text-align:right;font-size:10px;line-height:1.8;letter-spacing:1px}.card-orbit{position:absolute;right:-70px;top:-60px;border:45px solid #20d3bd;width:260px;height:260px;border-radius:50%;z-index:-1;opacity:.8}.points-qr{display:flex;align-items:center;justify-content:center;flex-direction:column;background:white;border-radius:14px;padding:12px;width:135px;height:140px;color:#152740;gap:3px;margin:10px 0}.points-qr svg{width:72px;height:72px;stroke-width:2.4}.points-qr strong{font-size:11px}.points-qr small{font-size:8px;letter-spacing:1px}.card-back-caption{font-size:10px;line-height:1.7;color:#d7e4f5}.points-note{font-size:11px;color:var(--muted);line-height:1.8;margin:11px 4px 0}.quick-needs-modal{max-width:640px;width:calc(100% - 40px);padding:0;overflow:hidden}.quick-heading{padding:30px 28px 18px;border-bottom:1px solid var(--line)}.quick-heading h2{font-size:24px}.quick-heading p{font-size:12px;color:var(--muted)}.quick-scroll{padding:22px 28px;overflow-y:auto;max-height:55dvh}.quick-scroll section+section{margin-top:28px}.quick-scroll h3{display:flex;justify-content:space-between;font-size:18px;margin-bottom:7px}.quick-scroll h3 span{font-size:12px;color:#0756f6}.quick-scroll section>p{color:var(--muted);font-size:12px;margin-bottom:16px}.preset-grid{display:flex;flex-wrap:wrap;gap:9px}.preset{display:flex;align-items:center;gap:6px;min-height:44px;border-radius:24px;border:1px solid #dce3ef;padding:9px 13px;font-size:12px;background:#fff}.preset svg{width:14px;height:14px;color:#8a95a7}.preset.selected{background:#e9efff;border-color:#0756f6;color:#0756f6;font-weight:600}.preset.selected svg{color:inherit}#offer-choices .preset.selected{background:#e0f7ee;border-color:#128569;color:#126b56}.quick-save{padding:15px 28px 24px;border-top:1px solid var(--line);background:#fff}.quick-save>span{display:block;font-size:10px;color:var(--muted);margin-bottom:10px}.quick-save .btn{font-size:13px}.quick-needs-modal .close{z-index:2}.quick-needs-modal .eyebrow{font-size:8px;padding-right:20px}
@media(max-width:700px){.version-badge{font-size:9px;padding:2px 5px}.brand{font-size:21px;gap:5px}.header-actions{gap:8px}.card-title h3{font-size:20px}.card-title{align-items:flex-start}.card-title .merchant-avatar{width:33px;height:33px}.shop-secondary{font-size:10px;line-height:1.5;margin:3px 0}.card-cover{height:145px}.detail-title .merchant-avatar{width:68px;height:68px;border-radius:19px}.detail-title h1{font-size:31px}.detail-shop{font-size:12px;margin-bottom:8px}.member-flip{height:245px}.member-card-front{padding:23px}.card-member-name{font-size:30px;margin-top:22px}.card-wordmark{font-size:9px}.points-line strong{font-size:28px}.card-number{font-size:8px;letter-spacing:.5px}.card-orbit{right:-80px;top:-65px;width:240px;height:240px;border-width:40px}.member-card-back{padding:18px}.points-qr{height:130px;width:130px;margin:8px 0}.points-qr svg{height:65px;width:65px}.points-note{font-size:10px}.quick-needs-modal{position:fixed;top:0;bottom:0;margin:0;width:100%;max-width:none;max-height:100dvh;height:100dvh;border-radius:0;display:none;flex-direction:column}.quick-needs-modal[open]{display:flex}.quick-needs-modal:before{display:none}.quick-heading{padding:calc(29px + env(safe-area-inset-top)) 20px 18px;flex-shrink:0}.quick-heading h2{font-size:23px;max-width:290px;margin-top:14px}.quick-heading p{font-size:12px}.quick-scroll{flex:1;min-height:0;max-height:none;padding:22px 20px}.quick-scroll h3{font-size:18px}.preset-grid{gap:8px}.preset{font-size:12px;padding:8px 12px;min-height:44px}.quick-save{flex-shrink:0;padding:14px 20px calc(20px + env(safe-area-inset-bottom))}.quick-needs-modal .close{top:calc(16px + env(safe-area-inset-top))}.quick-needs-modal~#toast{z-index:50}.match-summary>.btn{width:100%}}
@media(prefers-reduced-motion:reduce){.member-card-inner{transition:none}}
@media(max-width:375px){.filter-row{margin-right:-14px;padding-right:14px}}
#quick-feedback{font-size:11px;color:#a23820;margin-bottom:6px}
