.loyalty-club,.loyalty-coupon-dialog{--club-bg: var(--primary-color, #09090b);--club-surface: var(--card-bg-color, #18181b);--club-text: var(--text-color, #fafafa);--club-muted: var(--text-muted-color, #a1a1aa);--club-accent: var(--accent-color, #b89150);--club-accent-ink: var(--accent-text-color, #09090b);--club-border: var(--border-color, #88888830);color:var(--club-text);font-family:inherit}.loyalty-club{max-width:1120px;margin-inline:auto;padding:36px 24px 48px;min-width:0;animation:club-arrive .45s ease both}.loyalty-club>*+*{margin-top:24px}.loyalty-club h1,.loyalty-club h2,.loyalty-club h3,.loyalty-club p,.loyalty-coupon-dialog h2,.loyalty-coupon-dialog h3,.loyalty-coupon-dialog p{margin:0;overflow-wrap:anywhere}.loyalty-club svg,.loyalty-coupon-dialog svg{flex-shrink:0}.loyalty-intro{padding:8px 2px 6px}.loyalty-eyebrow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:7px;color:var(--club-accent);font-size:11px;font-weight:650;letter-spacing:.07em}.loyalty-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px}.loyalty-title-row>div{min-width:0}.loyalty-title-row h1{font-size:clamp(32px,5vw,46px);font-weight:650;letter-spacing:-.055em;line-height:1.12}.loyalty-title-row h1 span{color:var(--club-accent)}.loyalty-title-row p{margin-top:12px;color:var(--club-muted);font-size:14px;line-height:1.7;max-width:500px}.loyalty-member-icon{display:grid;place-items:center;width:68px;height:68px;flex-shrink:0;color:var(--club-accent);background:color-mix(in srgb,var(--club-accent) 10%,var(--club-surface));border:1px solid var(--club-border);border-radius:24px;transform:rotate(6deg)}.loyalty-panel{min-width:0;padding:24px;border-radius:28px;border:1px solid var(--club-border);background:var(--club-surface);box-shadow:0 12px 35px #00000008,inset 0 1px #ffffff08}@supports ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))){.loyalty-panel{background:color-mix(in srgb,var(--club-surface) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}.loyalty-stats{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}.loyalty-stats-combined{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr))}.loyalty-stats .loyalty-panel{display:flex;flex-direction:column;min-height:240px}.loyalty-stats .loyalty-balance{position:relative;overflow:hidden;background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--club-accent) 22%,transparent),transparent 75%),var(--club-surface);border-color:color-mix(in srgb,var(--club-accent) 35%,var(--club-border))}.loyalty-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--club-accent)}.loyalty-caption{font-size:11px;line-height:1.5;font-weight:650;letter-spacing:.035em}.loyalty-balance-number{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:16px}.loyalty-balance-number strong{font-size:clamp(40px,6vw,62px);font-weight:650;line-height:1.05;letter-spacing:-.065em;overflow-wrap:anywhere;min-width:0}.loyalty-balance-number>span,.loyalty-stat-number>span{color:var(--club-muted);font-size:12px}.loyalty-stats p{font-size:12px;line-height:1.65;color:var(--club-muted);margin-top:10px}.loyalty-daily{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:24px}.loyalty-daily>span{display:flex;align-items:center;gap:7px;color:var(--club-muted);font-size:11px;line-height:1.5}.loyalty-status-dot{width:5px;height:5px;border-radius:50%;background:var(--club-accent);flex-shrink:0}.loyalty-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;max-width:100%;padding:12px 17px;border:1px solid transparent;border-radius:16px;background:var(--club-accent);color:var(--club-accent-ink);font-size:12px;font-weight:750;line-height:1.4;cursor:pointer;transition:transform .18s,filter .18s;overflow-wrap:anywhere}.loyalty-button:hover:not(:disabled){filter:brightness(1.08)}.loyalty-button:active:not(:disabled){transform:scale(.97)}.loyalty-button:disabled{background:color-mix(in srgb,var(--club-muted) 8%,var(--club-surface));border-color:var(--club-border);color:var(--club-muted);cursor:not-allowed}.loyalty-club :is(button,summary,[tabindex]):focus-visible,.loyalty-coupon-dialog button:focus-visible{outline:2px solid var(--club-accent);outline-offset:4px}.loyalty-stat-number{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin:24px 0 16px}.loyalty-stat-number strong{font-size:clamp(32px,4vw,42px);font-weight:600;letter-spacing:-.055em;line-height:1.1;overflow-wrap:anywhere;min-width:0}.loyalty-chip{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;align-self:flex-start;color:var(--club-accent);border:1px solid color-mix(in srgb,var(--club-accent) 18%,transparent);background:color-mix(in srgb,var(--club-accent) 8%,transparent);padding:6px 9px;border-radius:12px;font-size:10px;font-weight:650}.loyalty-next{margin-top:auto;padding-top:18px}.loyalty-next p{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;font-size:10px}.loyalty-next>span{display:block;margin-top:8px;font-size:11px;color:var(--club-muted);overflow-wrap:anywhere}.loyalty-next progress{display:block;width:100%;height:5px;margin-top:10px;border:0;border-radius:5px;overflow:hidden;appearance:none;background:color-mix(in srgb,var(--club-accent) 10%,var(--club-surface));color:var(--club-accent)}.loyalty-next progress::-webkit-progress-bar{background:color-mix(in srgb,var(--club-accent) 10%,var(--club-surface))}.loyalty-next progress::-webkit-progress-value{background:var(--club-accent);border-radius:5px}.loyalty-next progress::-moz-progress-bar{background:var(--club-accent);border-radius:5px}.loyalty-activity-record{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:18px;font-size:11px;color:var(--club-muted)}.loyalty-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;color:var(--club-accent)}.loyalty-section-title>div{min-width:0}.loyalty-section-title h2{margin-top:5px;font-size:20px;color:var(--club-text);font-weight:650;line-height:1.3;letter-spacing:-.025em}.loyalty-count{display:inline-grid;place-items:center;min-width:23px;min-height:23px;padding:2px 6px;margin-left:4px;border-radius:8px;background:color-mix(in srgb,var(--club-accent) 10%,transparent);color:var(--club-accent);vertical-align:middle;font-size:11px}.loyalty-icon{display:inline-grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:16px;background:color-mix(in srgb,var(--club-accent) 10%,transparent);color:var(--club-accent)}.loyalty-benefit-grid,.loyalty-market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.loyalty-benefit{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:16px;border-radius:20px;background:color-mix(in srgb,var(--club-accent) 4%,var(--club-surface));border:1px solid var(--club-border)}.loyalty-benefit>div,.loyalty-empty>div{min-width:0}.loyalty-benefit h3,.loyalty-empty h3{font-size:13px;font-weight:650;line-height:1.5}.loyalty-benefit p,.loyalty-empty p{margin-top:4px;font-size:12px;line-height:1.6;color:var(--club-muted)}.loyalty-available{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:10px;color:var(--club-accent)}.loyalty-club .loyalty-footnote{display:block;margin-top:14px;color:var(--club-muted);font-size:11px;line-height:1.6;overflow-wrap:anywhere}.loyalty-empty{display:flex;gap:14px;align-items:center;padding:18px 0 6px}.loyalty-market{padding-top:6px}.loyalty-market-card{display:flex;flex-direction:column;padding:22px}.loyalty-market-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--club-muted);margin-bottom:18px}.loyalty-market-card h3{font-size:17px;font-weight:650;letter-spacing:-.02em;line-height:1.4}.loyalty-market-card>p{color:var(--club-muted);font-size:12px;line-height:1.75;margin-top:8px}.loyalty-market-card .loyalty-condition{display:flex;align-items:flex-start;gap:6px;padding:9px 10px;background:color-mix(in srgb,var(--club-accent) 6%,transparent);border-radius:12px;color:var(--club-muted);font-size:10px}.loyalty-condition svg{margin-top:2px}.loyalty-market-action{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--club-border);margin-top:auto;padding-top:16px}.loyalty-market-card>:is(p,h3)+.loyalty-market-action{margin-top:20px}.loyalty-price{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--club-accent);font-size:18px;font-weight:650;overflow-wrap:anywhere}.loyalty-price small{font-size:10px;font-weight:500}.loyalty-section-description{color:var(--club-muted);font-size:12px;line-height:1.6}.loyalty-timeline{display:flex;gap:10px;overflow-x:auto;padding:20px 2px 14px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--club-accent) transparent}.loyalty-milestone{display:flex;flex-direction:column;align-items:center;flex:0 0 108px;padding:16px 8px;border:1px solid var(--club-border);border-radius:20px;scroll-snap-align:start;text-align:center;color:var(--club-muted)}.loyalty-milestone-number{display:grid;place-items:center;width:38px;height:38px;margin-bottom:10px;border-radius:13px;background:color-mix(in srgb,var(--club-muted) 8%,transparent);font-size:12px;font-weight:650}.loyalty-milestone>strong{font-size:11px}.loyalty-milestone>span:not(:first-child){margin-top:5px;font-size:10px}.loyalty-milestone p{margin-top:10px;font-size:10px;line-height:1.5;color:var(--club-accent)}.loyalty-milestone p svg{display:inline;margin-right:3px;vertical-align:middle}.loyalty-milestone.is-achieved .loyalty-milestone-number{background:var(--club-accent);color:var(--club-accent-ink)}.loyalty-milestone.is-achieved,.loyalty-milestone.is-next{border-color:color-mix(in srgb,var(--club-accent) 40%,var(--club-border));color:var(--club-text);background:color-mix(in srgb,var(--club-accent) 4%,var(--club-surface))}.loyalty-note{display:flex;gap:9px;align-items:flex-start;padding-top:16px;color:var(--club-muted);font-size:11px;line-height:1.7}.loyalty-note svg{margin-top:2px}.loyalty-how{padding-block:0}.loyalty-how summary{list-style:none;min-height:68px;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;font-size:13px;font-weight:650}.loyalty-how summary::-webkit-details-marker{display:none}.loyalty-how summary>span{display:flex;align-items:center;gap:10px}.loyalty-how summary>svg{transition:transform .2s;color:var(--club-accent)}.loyalty-how[open] summary>svg{transform:rotate(90deg)}.loyalty-how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;padding:4px 0 24px}.loyalty-how-grid article{display:flex;gap:12px;min-width:0}.loyalty-how-grid h3{font-size:12px;font-weight:650}.loyalty-how-grid p{margin-top:6px;font-size:12px;line-height:1.8;color:var(--club-muted)}.loyalty-birthday{display:flex;align-items:center;flex-wrap:wrap;gap:16px;border-color:var(--club-accent)}.loyalty-birthday>div{flex:1 1 180px;min-width:0}.loyalty-birthday h2{font-size:20px;font-weight:650}.loyalty-birthday p{color:var(--club-muted);font-size:12px;line-height:1.7;margin-top:4px}.loyalty-inactive{text-align:center;padding-block:48px}.loyalty-inactive h1{margin-top:20px;font-size:24px}.loyalty-inactive p{margin-top:12px;color:var(--club-muted);font-size:14px}.loyalty-loading-header,.loyalty-loading-card{border-radius:28px;background:var(--club-surface);border:1px solid var(--club-border);animation:club-loading 1.8s ease-in-out infinite}.loyalty-loading-header{width:min(100%,360px);height:110px}.loyalty-loading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.loyalty-loading-card{height:240px}.loyalty-reward-points{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:12px 16px;border-radius:16px;color:var(--accent-color, #b89150);background:color-mix(in srgb,var(--accent-color, #b89150) 10%,transparent);font-size:20px;font-weight:700}.loyalty-coupon-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:max(20px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(20px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:#09090b90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;overscroll-behavior:contain}.loyalty-coupon-dialog[open]{display:flex;flex-direction:column;align-items:center}.loyalty-coupon-dialog::backdrop{background:transparent}.loyalty-coupon-content{position:relative;width:100%;max-width:420px;flex-shrink:0;margin:auto;padding:32px 24px 24px;border:1px solid var(--club-border);border-radius:30px;background:var(--club-surface);text-align:center;box-shadow:0 30px 90px #00000050;animation:club-arrive .35s ease both}.loyalty-coupon-close{position:absolute;top:8px;right:8px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--club-muted)}.loyalty-coupon-content>h2{margin-top:10px;font-size:25px;font-weight:650;letter-spacing:-.035em}.loyalty-reveal-ticket{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:240px;margin-top:24px;padding:24px 18px;color:var(--club-text);background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--club-accent) 18%,transparent),transparent 80%),var(--club-surface);border:1px dashed color-mix(in srgb,var(--club-accent) 50%,var(--club-border));border-radius:24px;transition:background .3s,border-color .3s;cursor:pointer}.loyalty-reveal-ticket.is-revealed{border-style:solid;cursor:default;animation:club-reveal .4s ease both}.loyalty-reveal-ticket h3{font-size:20px;font-weight:650;line-height:1.3}.loyalty-reveal-ticket p{color:var(--club-muted);font-size:12px;line-height:1.7}.loyalty-reveal-ticket>strong{color:var(--club-accent);font-size:48px;font-weight:650;letter-spacing:-.04em;line-height:1.1}.loyalty-reveal-ticket small{font-size:16px}.loyalty-coupon-content>.loyalty-button{width:100%;margin-top:20px}.loyalty-coupon-content .loyalty-coupon-note{margin-top:18px;color:var(--club-muted);font-size:12px;line-height:1.7}@media(max-width:800px){.loyalty-club{padding:24px 16px 32px}.loyalty-stats-combined{grid-template-columns:repeat(2,minmax(0,1fr))}.loyalty-stats-combined .loyalty-balance{grid-column:1 / -1}.loyalty-stats .loyalty-panel{min-height:210px}.loyalty-daily{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}}@media(max-width:540px){.loyalty-club>*+*{margin-top:20px}.loyalty-panel{padding:20px;border-radius:24px}.loyalty-member-icon{width:50px;height:50px;border-radius:18px}.loyalty-title-row{gap:12px}.loyalty-title-row p{font-size:13px}.loyalty-stats{gap:10px}.loyalty-stats:not(.loyalty-stats-combined){grid-template-columns:minmax(0,1fr)}.loyalty-stats .loyalty-panel{padding:18px;border-radius:24px;min-height:210px}.loyalty-stats .loyalty-balance{padding:24px}.loyalty-stats .loyalty-activity{min-height:0}.loyalty-stats .loyalty-activity .loyalty-stat-number{margin-bottom:6px}.loyalty-daily{flex-direction:column;align-items:stretch;gap:12px;padding-top:20px}.loyalty-daily>.loyalty-button{width:100%}.loyalty-section-title{gap:10px;align-items:flex-start}.loyalty-section-title h2{font-size:19px}.loyalty-section-title>.loyalty-chip{max-width:115px}.loyalty-benefit-grid,.loyalty-market-grid{grid-template-columns:minmax(0,1fr)}.loyalty-empty{align-items:flex-start}.loyalty-market-card{padding:22px}.loyalty-birthday>.loyalty-button{width:100%}.loyalty-loading-grid{grid-template-columns:minmax(0,1fr)}.loyalty-loading-card{height:180px}}@media(max-width:359px){.loyalty-stats-combined{grid-template-columns:minmax(0,1fr)}.loyalty-section-title{flex-wrap:wrap}.loyalty-market-action{align-items:stretch;flex-direction:column}.loyalty-market-action .loyalty-button{width:100%}.loyalty-coupon-content{padding-inline:18px}}@keyframes club-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes club-reveal{0%{opacity:.5;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes club-loading{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.loyalty-club,.loyalty-coupon-content,.loyalty-reveal-ticket,.loyalty-loading-card,.loyalty-loading-header{animation:none}.loyalty-club *,.loyalty-coupon-dialog *{transition:none}}@media(prefers-reduced-transparency:reduce){.loyalty-panel,.loyalty-coupon-content{background:var(--club-surface);-webkit-backdrop-filter:none;backdrop-filter:none}.loyalty-coupon-dialog{background:#09090be6;-webkit-backdrop-filter:none;backdrop-filter:none}}