.loyalty-main{padding-bottom:96px}.loyalty-page{max-width:1000px;margin:0 auto}.loyalty-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.loyalty-kicker{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-press);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.loyalty-head h1{margin-top:10px;font-size:clamp(28px,3.1vw,40px);line-height:1.04;font-weight:800;letter-spacing:-.03em;color:var(--ink)}.loyalty-head p{margin-top:7px;max-width:620px;font-size:14.5px;line-height:1.45;font-weight:600;color:var(--ink2)}.loyalty-orders{width:auto;flex:none;height:42px}.loyalty-hero{position:relative;overflow:hidden;padding:26px 28px 24px;border-radius:calc(var(--r-card) + 4px);border:1px solid rgba(0,0,0,.06);margin-bottom:18px;color:#15182a}.loyalty-hero-orb{position:absolute;right:-34px;top:-56px;width:180px;height:180px;border-radius:50%;opacity:.12;pointer-events:none}.loyalty-hero-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.loyalty-tier{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.loyalty-spent{font-size:12px;font-weight:600;color:rgba(21,24,42,.58)}.loyalty-balance{margin-top:12px;font-size:clamp(38px,5vw,58px);line-height:1;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.loyalty-balance small{font-size:15px;font-weight:700;letter-spacing:0;color:rgba(21,24,42,.55)}.loyalty-progress{margin-top:20px;max-width:560px}.loyalty-progress-labels{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;color:rgba(21,24,42,.55)}.loyalty-progress-track{height:7px;margin-top:7px;border-radius:999px;background:rgba(21,24,42,.12);overflow:hidden}.loyalty-progress-track span{display:block;height:100%;border-radius:999px;transition:width .6s cubic-bezier(.22,1,.36,1)}.loyalty-progress-note{margin-top:7px;font-size:11.5px;font-weight:600;color:rgba(21,24,42,.55);font-variant-numeric:tabular-nums}.loyalty-max{margin-top:18px;font-size:12px;font-weight:800}.loyalty-actions{display:flex;gap:10px;margin-top:20px}.loyalty-actions .pv-btn{width:auto;height:42px}.loyalty-actions .pv-btn-quiet{background:hsla(0,0%,100%,.7)}.loyalty-history{background:var(--card);border:1px solid var(--line2);border-radius:var(--r-card);box-shadow:var(--card-sh);overflow:hidden}.loyalty-history-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 18px 12px;border-bottom:1px solid var(--line2)}.loyalty-history-head h2{font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}.loyalty-history-head span{font-size:12px;font-weight:600;color:var(--muted)}.loyalty-history-empty{padding:18px;font-size:13px;color:var(--muted)}.loyalty-tx{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;border-bottom:1px solid var(--line2)}.loyalty-tx:last-child{border-bottom:none}.loyalty-tx-desc{font-size:13.5px;font-weight:600;color:var(--ink)}.loyalty-tx-date{margin-top:2px;font-size:11.5px;color:var(--muted)}.loyalty-tx-amount{flex:none;font-size:13.5px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink2)}.loyalty-tx-amount.is-earn{color:var(--green)}.loyalty-skeleton{display:flex;flex-direction:column;gap:12px}.loyalty-skel-hero{height:260px}.loyalty-skel-hero,.loyalty-skel-row{border-radius:var(--r-card);background:var(--line-2)}.loyalty-skel-row{height:64px}.loyalty-page .loyalty-hero+.mb-5{margin-top:18px}.loyalty-page .loyalty-hero+.mb-5 h3{font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}@media (max-width:640px){.loyalty-main{padding-bottom:96px}.loyalty-head{flex-direction:column;align-items:flex-start;gap:14px}.loyalty-head h1{font-size:27px}.loyalty-orders{width:100%}.loyalty-hero{padding:20px 18px}.loyalty-balance{font-size:44px}.loyalty-actions{flex-direction:column}.loyalty-actions .pv-btn{width:100%}.loyalty-hero-top{align-items:flex-start}.loyalty-spent{text-align:right;max-width:45%}.loyalty-tx{padding:12px 14px}.loyalty-history-head{padding:14px}}@media (prefers-reduced-motion:reduce){.loyalty-progress-track span{transition:none}}