body.customer-app{background:#0c0e11;background-image:radial-gradient(ellipse at 0 0,#342c1c 0,transparent 55%);color:#f4f0e8;min-height:100svh}
.customer-shell{max-width:560px;margin:auto;padding:36px 20px max(36px,env(safe-area-inset-bottom));overflow-wrap:anywhere}
.customer-brand{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto 28px;width:max-content}
.customer-brand>img{width:46px;height:46px}.customer-brand>span>img{width:145px;height:21px;display:block}.customer-brand small{display:block;text-align:center;font-size:9px;letter-spacing:5px;color:#d4bb85;margin-top:7px}
body.customer-app .customer-panel{padding:30px;background:linear-gradient(135deg,#202025,#15171b);border-color:#514735;border-radius:22px}
.customer-panel h1{font-size:clamp(27px,6vw,35px);line-height:1.18;letter-spacing:-.8px;margin:16px 0 18px}
.customer-panel .subtitle{line-height:1.7;color:#c3c0b8;margin-bottom:24px}.customer-panel .eyebrow{color:#d4bb85;line-height:1.6;font-size:10px;letter-spacing:1.4px}
.customer-panel .btn{min-height:52px;width:100%;justify-content:center;white-space:normal;text-align:center;font-size:14px;line-height:1.5;margin-top:12px}
.customer-panel input{font-size:16px;min-height:52px}.customer-panel .note{font-size:12px;line-height:1.75;margin-top:18px;color:#b7b4ac}.customer-panel .info{margin-block:22px;line-height:1.7}
.customer-design{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;border-radius:12px;margin:24px 0}
.customer-reward{display:flex;flex-direction:column;gap:6px;padding:18px 0 22px;margin-bottom:18px;border-bottom:1px solid #494132;line-height:1.6}.customer-reward strong{color:#d4bb85}
.customer-balance{display:flex;align-items:baseline;gap:12px;margin-top:24px}.customer-balance strong{font-size:52px;color:#d4bb85}.customer-balance span{color:#b7b4ac}
.customer-stamps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:22px 0}.customer-stamps>span{display:grid;place-items:center;aspect-ratio:1;border:1px dashed #8f7b50;border-radius:50%;font-size:15px;color:#b9ad91}.customer-stamps>.filled{background:#d4bb85;color:#17150e;border-style:solid}
.customer-prize{font-size:17px;color:#e0c691;line-height:1.6}.customer-card-code{max-width:230px;margin:28px auto 0;background:#fff;border-radius:12px;padding:8px}.customer-card-code svg{display:block;width:100%;height:auto}.customer-card-id{text-align:center}
.customer-shell footer{text-align:center;color:#a9a59c;font-size:11px;line-height:1.8;margin-top:26px}
.issuance-panel{margin-top:26px}.issuance-panel .issuance-code{width:220px;max-width:100%;background:#fff;padding:8px;border-radius:12px;margin:22px auto}.issuance-code svg{display:block;width:100%;height:auto}.issuance-panel .issuance-url{overflow-wrap:anywhere;line-height:1.7;font-size:12px}.issuance-panel .actions{margin-top:20px}.issuance-panel .note{font-size:12px;line-height:1.7}
@media(max-width:380px){.customer-shell{padding:24px 16px}.customer-app .customer-panel{padding:24px 20px}.customer-stamps{gap:8px}}

.customer-stand-title{font-size:16px;margin-top:26px}
.customer-card-id{overflow-wrap:anywhere}
.customer-merchant{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 22px;max-width:520px;color:#e1d0aa}.customer-merchant img{width:52px;height:52px;object-fit:cover;border:1px solid #766140;border-radius:16px;flex-shrink:0}.customer-merchant strong{overflow-wrap:anywhere;min-width:0}