:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f1e7da;--bg:#f8f1e7;--surface:#fffdf9;--surface-strong:#fff;--surface-soft:#f5ecdf;--ink:#2e2119;--muted:#7b6b60;--line:#5d422e24;--line-strong:#5d422e3d;--brand:#d59b46;--brand-dark:#4a2e1b;--brand-soft:#f8e7c7;--chocolate:#4a2e1b;--chocolate-deep:#2f1c12;--gold:#dca44e;--gold-deep:#a96e22;--gold-soft:#faebcf;--mint:#e8efdf;--mint-ink:#58703d;--danger:#a6463b;--shadow-sm:0 6px 18px #472f1d12;--shadow:0 14px 38px #472f1d1a;--shadow-lg:0 24px 64px #472f1d24;--radius-sm:12px;--radius-md:17px;--radius:22px;--radius-lg:28px;--font-display:Georgia, "Times New Roman", serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth;scroll-padding-top:82px}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 10% -10%, #dea95b33, transparent 34rem), radial-gradient(circle at 90% 12%, #fffdf9b8, transparent 28rem), var(--bg);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Noto Sans Thai,Leelawadee UI,Tahoma,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #d59b4661}.skip-link{z-index:999;background:var(--ink);color:#fff;border-radius:10px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.club-shell{min-height:100vh;padding-bottom:calc(92px + env(safe-area-inset-bottom))}.club-header{z-index:20;-webkit-backdrop-filter:blur(20px)saturate(1.15);backdrop-filter:blur(20px)saturate(1.15);background:#f8f1e7e6;border-bottom:1px solid #5d422e0f;justify-content:space-between;align-items:center;width:min(100%,960px);min-height:72px;margin:0 auto;padding:11px 18px;display:flex;position:sticky;top:0}.club-brand{align-items:center;gap:10px;min-height:46px;display:inline-flex}.club-brand-mark{width:42px;height:42px;color:var(--chocolate);background:linear-gradient(145deg,#ffe5b5,#dca44e);border:1px solid #a96e2238;border-radius:50%;place-items:center;display:grid;box-shadow:0 7px 18px #84531c2e,inset 0 1px #ffffffad}.club-brand-mark svg{width:23px;height:23px}.club-brand-copy{line-height:1.02;display:grid}.club-brand strong{letter-spacing:-.3px;font-family:Georgia,Times New Roman,serif;font-size:18px}.club-brand small{color:var(--gold-deep);letter-spacing:1.6px;text-transform:uppercase;font-size:10px;font-weight:900}.club-header-actions{align-items:center;gap:8px;display:flex}.preview-badge{color:var(--gold-deep);letter-spacing:.5px;background:#fffdf9bd;border:1px solid #a96e223d;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900}.avatar-button{width:42px;height:42px;color:var(--chocolate);box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#f9d99d,#d69d4a);border:1px solid #a96e2238;border-radius:50%;place-items:center;font-weight:900;display:grid}.avatar-button>span{border-radius:inherit;border:1px solid #ffffffad;place-items:center;width:32px;height:32px;display:grid}.club-main{width:min(100%,960px);margin:0 auto;padding:14px 16px 38px}.page-heading{grid-template-columns:44px minmax(0,1fr) 44px;align-items:start;gap:4px;margin:4px 0 22px;display:grid;position:relative}.page-heading-copy{text-align:center;grid-column:2;min-width:0}.page-heading:not(:has(.back-link)) .page-heading-copy{text-align:left;grid-column:1/-1}.page-heading .eyebrow,.eyebrow{color:var(--gold-deep);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:900;display:block}.page-heading h1{letter-spacing:-.7px;margin:0;font-size:clamp(25px,6.5vw,36px);font-weight:850;line-height:1.16}.page-heading p{max-width:650px;color:var(--muted);margin:7px 0 0}.back-link{width:42px;min-height:42px;color:var(--chocolate);border-radius:50%;place-items:center;display:grid}.back-link svg{width:22px;height:22px;transform:rotate(180deg)}.page-heading-action{grid-column:3;justify-content:flex-end;display:flex}.bottom-nav{z-index:50;border:1px solid var(--line);width:min(100%,720px);min-height:76px;padding:5px 6px max(5px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px)saturate(1.15);backdrop-filter:blur(20px)saturate(1.15);background:#fffdf9f5;border-bottom:0;border-radius:24px 24px 0 0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 34px #472f1d1a}.bottom-nav a{color:#93867d;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:62px;font-size:9px;font-weight:800;display:flex}.bottom-nav a.active{color:var(--chocolate)}.nav-icon{place-items:center;width:28px;height:28px;line-height:1;display:grid}.nav-icon svg{width:22px;height:22px}.bottom-nav a:nth-child(3) .nav-icon{border:4px solid var(--surface);color:#fff;background:linear-gradient(145deg, #765033, var(--chocolate-deep));border-radius:50%;width:52px;height:52px;margin-top:-25px;box-shadow:0 9px 22px #2f1c1242}.bottom-nav a:nth-child(3) .nav-icon svg{width:29px;height:29px}.bottom-nav a:nth-child(3).active .nav-icon{color:#ffe0a3;box-shadow:0 0 0 2px var(--gold), 0 9px 22px #2f1c1245}.bottom-nav a:nth-child(3) .nav-label{margin-top:-1px}.identity-header{grid-template-columns:58px minmax(0,1fr) 42px;align-items:center;gap:12px;margin:2px 0 18px;display:grid}.identity-avatar{width:58px;height:58px;color:var(--chocolate);box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#ffe9bf,#dca44e);border:1px solid #a96e223d;border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:22px;font-weight:800;display:grid}.identity-avatar>span{border-radius:inherit;background:#ffffff40;border:1px solid #ffffffb8;place-items:center;width:46px;height:46px;display:grid}.identity-copy{min-width:0}.identity-copy>span{color:var(--muted);font-size:12px;display:block}.identity-copy h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(21px,6vw,28px);line-height:1.18;overflow:hidden}.identity-tier{min-height:25px;color:var(--gold-deep);background:var(--gold-soft);border-radius:999px;align-items:center;gap:4px;margin-top:4px;padding:3px 9px;font-size:10px;font-weight:900;display:inline-flex}.identity-tier svg{width:13px;height:13px}.identity-account-link{border:1px solid var(--line);width:42px;height:42px;color:var(--chocolate);background:#fffdf9c7;border-radius:50%;place-items:center;display:grid}.identity-account-link svg{width:21px;height:21px}.club-state{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);text-align:center;background:#fffdf9bd;place-items:center;min-height:330px;padding:34px 22px;display:grid}.club-state-icon{width:68px;height:68px;color:var(--chocolate);background:var(--gold-soft);border-radius:24px;place-items:center;margin-bottom:14px;display:grid}.club-state-icon svg{width:34px;height:34px}.club-state h2{margin:0;font-size:22px}.club-state p{max-width:390px;color:var(--muted);margin:6px auto 0}.club-state-action{margin-top:18px}.club-state-loading .club-state-icon{animation:1.8s ease-in-out infinite club-state-breathe}.club-state-error .club-state-icon{color:var(--danger);background:#f7e5e1}@keyframes club-state-breathe{50%{transform:translateY(-4px)scale(1.03)}}.home-hero{border-radius:var(--radius-lg);color:#fffaf1;background:radial-gradient(circle at 88% 15%,#dca44e38,#0000 10rem),linear-gradient(140deg,#2e1c12 0%,#4a2e1b 62%,#624127 100%);border:1px solid #ffffff1a;margin-bottom:14px;padding:22px;position:relative;overflow:hidden;box-shadow:0 18px 45px #2f1c1238}.home-hero:after{content:"";border:30px solid #ffffff09;border-radius:50%;width:190px;height:190px;position:absolute;top:-95px;right:-84px}.home-points-head{z-index:1;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.home-points-head>div:first-child>span{color:#fffaf1bf;font-size:12px;font-weight:700}.home-points{letter-spacing:-.04em;margin-top:1px;font-size:clamp(36px,11vw,48px);font-weight:850;line-height:1.06}.home-points small{color:#fffaf1c7;letter-spacing:0;font-size:13px}.home-point-medallion{color:#794b17;background:linear-gradient(145deg,#ffe0a1,#d99732);border:3px solid #ffd486;border-radius:50%;flex:none;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 8px 22px #0000002e,inset 0 0 0 2px #ffffff7a}.home-point-medallion svg{width:35px;height:35px}.hero-tier{z-index:1;justify-content:space-between;align-items:end;gap:16px;margin-top:20px;display:flex;position:relative}.hero-tier span,.hero-tier small{color:#fffaf1ab;font-size:10px;display:block}.hero-tier strong{margin-top:2px;font-size:18px;display:block}.hero-lifetime{text-align:right}.home-hero .progress-track{background:#ffffff40}.home-hero .progress-track span{background:linear-gradient(90deg,#e1a54c,#ffd992)}.home-hero .progress-wrap{z-index:1;margin-top:12px;position:relative}.hero-next{z-index:1;color:#fffaf1b8;justify-content:space-between;gap:10px;margin-top:7px;font-size:10px;display:flex;position:relative}.hero-next span:last-child{text-align:right}.home-quick-actions{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fffdf9eb;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:22px;padding:10px 6px;display:grid}.home-quick-actions a{border-radius:var(--radius-md);min-width:0;min-height:68px;color:var(--chocolate);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:9px;display:flex}.home-quick-actions a:hover{background:var(--surface-soft)}.home-quick-actions span{width:31px;height:31px;color:var(--gold-deep);place-items:center;display:grid}.home-quick-actions svg{width:25px;height:25px}.home-quick-actions strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-section-heading{margin-top:0}.home-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-status-card,.home-full{grid-column:1/-1}.home-status-card{background:linear-gradient(135deg,#fffdf9,#faecd3)}.status-discount{width:58px;height:58px;color:var(--chocolate);background:linear-gradient(145deg,#ffe6b3,#dca44e);border-radius:50%;flex:none;place-items:center;font-size:24px;font-weight:900;display:grid;box-shadow:inset 0 0 0 2px #ffffff8f}.home-mini-card{min-width:0;padding-top:52px;position:relative}.home-mini-card .metric-value{overflow-wrap:anywhere;font-size:clamp(18px,5vw,26px)}.home-card-icon{width:34px;height:34px;color:var(--gold-deep);background:var(--gold-soft);border-radius:12px;place-items:center;display:grid}.home-mini-card>.home-card-icon{position:absolute;top:14px;left:16px}.home-card-icon svg{width:19px;height:19px}.home-order-heading{align-items:center;gap:8px;min-width:0;display:flex}.card-grid{grid-template-columns:1fr;gap:12px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);padding:18px}.card.compact{padding:16px}.card-link{transition:transform .18s,border-color .18s,box-shadow .18s;display:block}.card-link:hover{box-shadow:var(--shadow);border-color:#a96e2247;transform:translateY(-2px)}.card-topline{justify-content:space-between;align-items:start;gap:12px;display:flex}.card-label{color:var(--muted);font-size:12px;font-weight:800;display:block}.card h2,.card h3{margin:3px 0 0;line-height:1.28}.card h2{font-size:22px}.card h3{font-size:17px}.card p{color:var(--muted);margin:6px 0 0}.metric-value{letter-spacing:-.5px;margin-top:4px;font-size:28px;font-weight:900;line-height:1.15}.metric-value small{color:var(--muted);letter-spacing:0;font-size:13px;font-weight:700}.arrow{color:var(--gold-deep);font-size:22px}.arrow svg{width:20px;height:20px}.pill{min-height:26px;color:var(--gold-deep);background:var(--gold-soft);border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:900;display:inline-flex}.pill.warm{color:#765021;background:#f5e3c4}.pill.neutral{color:#63544c;background:#f2ece8}.status-highlight{background:linear-gradient(135deg,#fffdf9 0%,#faecd3 100%)}.status-highlight .metric-value{color:var(--chocolate)}.reward-highlight{background:linear-gradient(135deg,#fffdf9 0%,#f7ead6 100%)}.reward-highlight .metric-value{color:var(--chocolate)}.home-full{grid-column:1/-1}.inline-meta{color:var(--muted);flex-wrap:wrap;gap:8px 14px;margin-top:12px;font-size:13px;display:flex}.progress-track{background:#eee6e1;border-radius:999px;width:100%;height:9px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--brand), #f19168);height:100%;display:block}.progress-wrap{margin-top:12px}.section{margin-top:24px}.section-heading{justify-content:space-between;align-items:end;gap:12px;margin:0 2px 12px;display:flex}.section-heading h2{margin:0;font-size:20px}.section-heading a{min-height:40px;color:var(--brand-dark);align-items:center;font-size:13px;font-weight:800;display:inline-flex}.section-heading p{color:var(--muted);margin:3px 0 0;font-size:13px}.membership-hero{border-radius:var(--radius-lg);color:#fffaf1;background:radial-gradient(circle at 85% 15%,#dca44e38,#0000 9rem),linear-gradient(140deg,#2f1c12,#543521);border:1px solid #ffffff1a;gap:12px;padding:21px;display:grid;box-shadow:0 18px 42px #2f1c1233}.membership-hero .card-label,.membership-hero p{color:#fffaf1b8}.membership-hero-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.membership-hero-heading h2{font-family:var(--font-display);margin:2px 0 0;font-size:clamp(28px,8vw,38px)}.membership-medallion{color:#794b17;background:linear-gradient(145deg,#ffe0a1,#d99732);border:2px solid #ffd486;border-radius:50%;flex:none;place-items:center;width:58px;height:58px;display:grid}.membership-medallion svg{width:31px;height:31px}.membership-spend{justify-content:space-between;align-items:end;gap:12px;display:flex}.membership-spend span{color:#fffaf1b3;font-size:11px}.membership-spend strong{font-family:var(--font-display);font-size:25px}.membership-hero .progress-track{background:#ffffff29}.membership-hero .progress-track span{background:linear-gradient(90deg,#dca44e,#ffd486)}.membership-hero .progress-copy{color:#fffaf1b3}.membership-benefit-facts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.membership-benefit-facts span{background:#ffffff14;border-radius:14px;align-items:center;gap:6px;padding:9px 10px;font-size:11px;display:flex}.membership-benefit-facts svg{color:#ffd486;width:16px}.tier-list{gap:10px;display:grid}.tier-card{grid-template-columns:46px minmax(0,1fr);align-items:start;gap:12px;display:grid}.tier-card.current{box-shadow:var(--shadow);background:linear-gradient(145deg,#fffdf9,#fbefd9);border-color:#a96e2261}.tier-rank{width:46px;height:46px;color:var(--gold-deep);background:var(--gold-soft);font-family:var(--font-display);border:1px solid #a96e222e;border-radius:16px;place-items:center;font-size:19px;font-weight:900;display:grid}.tier-card ul{color:var(--muted);margin:10px 0 0;padding-left:20px;font-size:13px}.tier-threshold{color:var(--brand-dark);margin-top:3px;font-size:13px;font-weight:800}.max-state{color:var(--mint-ink);background:var(--mint);border-radius:999px;margin-top:12px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.status-levels{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.status-level{border:1px solid var(--line);text-align:center;border-radius:17px;min-width:0;padding:12px 8px}.status-level.active{background:#fff7df;border-color:#efc66e;box-shadow:inset 0 0 0 1px #efc66e}.status-highlight-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:8px;display:flex}.status-highlight-head .status-discount{width:62px;height:62px;font-size:23px}.status-discount small{font-size:12px}.status-level strong,.status-level span{display:block}.status-level span{color:var(--muted);font-size:11px}.wallet-hero{color:#fffaf1;background:radial-gradient(circle at 84% 18%,#dca44e38,#0000 9rem),linear-gradient(140deg,#2f1c12,#543521);border:1px solid #ffffff1a;grid-template-columns:minmax(0,1fr) auto;gap:16px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #2f1c1233}.wallet-hero .card-label,.wallet-hero p{color:#fffaf1c2}.wallet-hero .metric-value{font-size:clamp(38px,12vw,52px)}.wallet-balance p{align-items:center;gap:5px;margin-top:5px;display:flex}.wallet-balance p svg{width:14px;height:14px}.wallet-medallion{color:#794b17;background:linear-gradient(145deg,#ffe0a1,#d99732);border:3px solid #ffd486;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 8px 22px #0000002e,inset 0 0 0 2px #ffffff7a}.wallet-medallion svg{width:34px;height:34px}.wallet-facts{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.wallet-facts div{background:#ffffff14;border:1px solid #ffffff14;border-radius:15px;padding:10px 12px}.wallet-facts span,.wallet-facts strong{display:block}.wallet-facts span{color:#ffffffb8;font-size:11px}.reward-grid{grid-template-columns:1fr;gap:12px;display:grid}.reward-card{grid-template-columns:104px minmax(0,1fr);align-items:stretch;gap:14px;padding:12px;display:grid}.reward-card-copy{min-width:0;padding:4px 4px 2px 0}.reward-card-copy h3{margin-top:8px}.reward-card-copy p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.reward-visual{object-fit:cover;width:100%;color:var(--gold-deep);background:radial-gradient(circle at 50% 20%,#fffdf9,#f1e3cf);border:1px solid #a96e221f;place-items:center;display:grid}.reward-visual-card{border-radius:19px;min-height:136px}.reward-visual-detail{border-radius:30px;min-height:290px}.reward-placeholder{text-align:center;align-content:center;gap:8px;padding:14px}.reward-placeholder svg{width:38px;height:38px}.reward-placeholder span{color:var(--muted);letter-spacing:.7px;text-transform:uppercase;font-size:9px;font-weight:900}.reward-cost{color:var(--chocolate);align-items:center;gap:4px;font-size:13px;font-weight:900;display:inline-flex}.reward-cost svg{width:15px;height:15px;color:var(--gold-deep)}.reward-card-link{min-height:40px;color:var(--chocolate);align-items:center;gap:4px;margin-top:7px;font-size:12px;font-weight:900;display:inline-flex}.reward-card-link svg{width:15px;height:15px}.stock-low{color:#865b20;background:#f5e3c4}.stock-out{color:var(--danger);background:#f7e5e1}.reward-detail-hero{gap:16px;margin-bottom:14px;display:grid}.reward-detail-copy{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);padding:20px}.reward-detail-copy h2{margin:10px 0 0;font-size:25px}.reward-detail-copy p{color:var(--muted);margin:6px 0 14px}.reward-detail-copy>strong{font-size:28px}.redemption-panel{margin-top:14px}.redemption-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.redemption-heading h2{margin:3px 0 0}.redemption-points{color:var(--gold-deep);background:var(--gold-soft);border-radius:999px;align-items:center;gap:4px;padding:7px 10px;font-size:12px;font-weight:900;display:inline-flex}.redemption-points svg{width:15px;height:15px}.activity-list{gap:10px;display:grid}.activity-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;display:grid}.activity-row>div{min-width:0}.activity-row p{color:var(--muted);margin:3px 0 0;font-size:11px}.activity-icon{width:46px;height:46px;color:var(--gold-deep);background:var(--gold-soft);border-radius:16px;place-items:center;display:grid}.activity-icon.redeemed{color:var(--chocolate);background:var(--surface-soft)}.activity-icon svg{width:22px;height:22px}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:10px 18px;font-weight:900;transition:transform .15s,opacity .15s,box-shadow .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.5}.button-primary{color:#fffaf1;background:linear-gradient(135deg, var(--chocolate), var(--chocolate-deep));box-shadow:0 8px 20px #2f1c1233}.button-secondary{border-color:var(--line-strong);color:var(--chocolate);background:var(--surface-strong)}.button-danger{color:var(--danger);background:#fff8f8;border-color:#eab9b9}.button-small{min-height:40px;padding:7px 13px;font-size:12px}.button-row{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:16px;display:flex}.notice{color:var(--muted);background:#faf7f5;border:1px solid #e6dcd6;border-radius:15px;margin-top:14px;padding:11px 13px;font-size:13px}.notice.warning{color:#77500a;background:#fff8e7;border-color:#efcf8c}.notice.success{color:#6d4b20;background:#fbf3e4;border-color:#a96e223d}.summary-list{margin:12px 0 0}.summary-list>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:11px 0;display:flex}.summary-list>div:last-child{border-bottom:0}.summary-list dt{color:var(--muted)}.summary-list dd{text-align:right;margin:0;font-weight:900}.step-label{color:var(--brand-dark);font-size:12px;font-weight:900}.redemption-done{text-align:center}.redemption-done .summary-list{text-align:left}.success-mark{color:#fff;background:#3a9b78;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 12px;font-size:28px;font-weight:900;display:grid}.success-mark svg{width:28px;height:28px}.cat-grid{gap:12px;display:grid}.cat-card{grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.cat-visual{object-fit:cover;width:100%;color:var(--gold-deep);background:radial-gradient(circle at 50% 20%,#fffdf9,#edddc6);border:1px solid #a96e2229;place-items:center;display:grid}.cat-visual-card{border-radius:50%;width:64px;height:64px}.cat-visual-detail{border-radius:28px;min-height:250px}.cat-placeholder svg{width:28px;height:28px}.cat-visual-detail svg{width:56px;height:56px}.cat-card-meta{min-width:0}.cat-card-meta p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cat-reminder{color:#6d4b20;background:var(--gold-soft);border-radius:12px;margin-top:9px;padding:8px 10px;font-size:11px}.locked-card{text-align:center;background:#ffffff8c;border-style:dashed}.archived{opacity:.67}.entitlement-banner{background:linear-gradient(135deg,#fffdf9,#faecd3);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;display:grid}.entitlement-banner p{margin:2px 0 0}.entitlement-icon,.summary-icon{width:46px;height:46px;color:var(--gold-deep);background:var(--gold-soft);border-radius:16px;flex:none;place-items:center;display:grid}.entitlement-icon svg,.summary-icon svg{width:23px;height:23px}.cat-detail-hero{gap:16px;margin-bottom:14px;display:grid}.cat-detail-hero>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);padding:20px}.cat-detail-hero h2{margin:0;font-size:28px}.cat-detail-hero p{color:var(--muted);margin:5px 0 0}.cat-birthday{color:var(--gold-deep);background:var(--gold-soft);border-radius:999px;align-items:center;gap:6px;margin-top:14px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.cat-birthday svg{width:16px;height:16px}.cat-next-reminder{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;display:grid}.cat-next-reminder h3{margin-top:2px}.form-disclosure{padding:0;overflow:hidden}.form-disclosure>summary{cursor:pointer;grid-template-columns:46px minmax(0,1fr) 22px;align-items:center;gap:12px;min-height:76px;padding:14px 16px;list-style:none;display:grid}.form-disclosure>summary::-webkit-details-marker{display:none}.inline-disclosure>summary::-webkit-details-marker{display:none}.form-disclosure>summary>span:nth-child(2){display:grid}.form-disclosure>summary small{color:var(--muted);font-size:11px}.form-disclosure>summary>svg{width:20px;height:20px;transition:transform .18s}.form-disclosure[open]>summary>svg{transform:rotate(90deg)}.disclosure-content{border-top:1px solid var(--line);padding:18px}.stack-form{gap:14px;display:grid}.form-grid{grid-template-columns:1fr;gap:12px;display:grid}.field{gap:5px;display:grid}.field label,.inline-form>label{color:var(--ink);font-size:13px;font-weight:900}.input,.select,.textarea{border:1px solid var(--line-strong);width:100%;min-width:0;min-height:48px;color:var(--ink);background:var(--surface-strong);border-radius:15px;padding:10px 12px}.textarea{resize:vertical;min-height:92px}.check-line{min-height:44px;color:var(--muted);align-items:center;gap:9px;font-size:13px;display:flex}.check-line input{width:20px;height:20px;accent-color:var(--brand)}.input-action-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:6px;display:grid}.field-error{color:var(--danger);margin:7px 0 0;font-size:12px;font-weight:800}.field-success{color:var(--mint-ink);margin:7px 0 0;font-size:12px;font-weight:800}.reminder-list{gap:10px;display:grid}.reminder-row{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;display:grid}.reminder-date{width:44px;height:50px;color:var(--gold-deep);background:var(--gold-soft);text-align:center;border-radius:14px;place-items:center;font-size:11px;font-weight:900;line-height:1.15;display:grid}.reminder-copy{min-width:0}.reminder-clock{width:28px;height:28px;color:var(--gold-deep);background:var(--gold-soft);border-radius:10px;place-items:center;display:grid}.reminder-clock svg{width:15px;height:15px}.reminder-row .inline-meta{margin-top:6px}.inline-disclosure{border-top:1px solid var(--line);margin-top:11px;padding-top:8px}.inline-disclosure>summary{min-height:40px;color:var(--chocolate);cursor:pointer;align-items:center;font-size:12px;font-weight:900;display:inline-flex}.inline-disclosure .disclosure-content{padding:16px 0 0}.referral-hero{color:#fffaf1;background:radial-gradient(circle at 84% 18%,#dca44e3d,#0000 8rem),linear-gradient(140deg,#2f1c12,#543521);border:1px solid #ffffff1a;overflow:hidden;box-shadow:0 18px 42px #2f1c1233}.referral-hero .card-label,.referral-hero p{color:#fffaf1c2}.referral-hero-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.referral-medallion{color:#794b17;background:linear-gradient(145deg,#ffe0a1,#d99732);border:2px solid #ffd486;border-radius:50%;flex:none;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 8px 22px #0000002e,inset 0 0 0 2px #ffffff73}.referral-medallion svg{width:30px;height:30px}.referral-code{letter-spacing:1.8px;overflow-wrap:anywhere;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:27px;font-weight:900;display:block}.referral-badge-line{color:#fffaf1bd;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:14px;font-size:11px;display:flex}.referral-share-block{overflow-wrap:anywhere;background:#ffffff14;border:1px solid #ffffff1a;border-radius:15px;gap:3px;margin-top:15px;padding:11px 13px;display:grid}.referral-share-block span{color:#fffaf1a8;font-size:10px}.referral-share-block strong{font-size:12px;font-weight:700}.referral-link{overflow-wrap:anywhere}.referral-actions{grid-template-columns:1fr 1fr;display:grid}.referral-hero .button-secondary{color:#fff;background:#ffffff1f;border-color:#fff6}.stat-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.stat-box{border:1px solid var(--line);background:#fff;border-radius:17px;padding:14px}.stat-box span,.stat-box strong{display:block}.stat-box span{color:var(--muted);font-size:11px}.stat-box strong{margin-top:2px;font-size:21px}.network-list{gap:9px;display:grid}.network-row{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;display:grid}.network-avatar{width:42px;height:42px;color:var(--gold-ink);background:linear-gradient(145deg,#fffaf1,#f2e4cf);border:1px solid #ead7b8;border-radius:50%;place-items:center;font-weight:900;display:grid}.network-row p{margin:2px 0 0;font-size:11px}.network-state{color:var(--muted);text-align:right;font-size:11px}.network-state.eligible{color:#667c2e}.commission-wallet{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;padding:0;display:grid;overflow:hidden}.commission-wallet>div{background:#ffffffe6;gap:3px;min-width:0;padding:15px 11px;display:grid}.commission-wallet span{color:var(--muted);font-size:11px}.commission-wallet strong{color:var(--chocolate);font-family:var(--font-display);font-size:clamp(19px,6vw,25px)}.commission-wallet small{color:var(--muted);font-size:9px}.commission-icon,.commission-history-icon{width:30px;height:30px;color:var(--gold-ink);background:var(--gold-soft);border-radius:10px;place-items:center;display:grid}.commission-icon svg,.commission-history-icon svg{width:16px;height:16px}.subsection-title{font-family:var(--font-display);margin:18px 0 10px;font-size:16px}.commission-row{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.commission-row p{margin:3px 0 0;font-size:11px}.commission-row>strong{color:var(--chocolate);font-size:13px}.order-list{gap:10px;display:grid}.order-card{display:block}.order-card-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.order-heading{align-items:center;gap:10px;min-width:0;display:flex}.order-heading h3{margin:1px 0 0;font-size:16px}.order-icon,.order-detail-icon{width:44px;height:44px;color:var(--gold-deep);background:var(--gold-soft);border-radius:15px;flex:none;place-items:center;display:grid}.order-icon svg,.order-detail-icon svg{width:23px;height:23px}.order-card p.order-products{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:14px 0 0;font-weight:750;display:-webkit-box;overflow:hidden}.order-facts{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.order-facts span{color:var(--muted);background:var(--surface-soft);border-radius:999px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;display:inline-flex}.order-facts svg{width:13px;height:13px;color:var(--gold-deep)}.order-total{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto 18px;align-items:end;gap:8px;margin-top:14px;padding-top:12px;display:grid}.order-total strong{color:var(--chocolate);font-family:var(--font-display);font-size:22px}.order-total svg{width:18px;color:var(--gold-deep)}.order-detail-status{border-radius:var(--radius);color:#fffaf1;box-shadow:var(--shadow);background:linear-gradient(140deg,#2f1c12,#543521);border:1px solid #ffffff1a;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;padding:17px;display:grid}.order-detail-status>div>span,.order-detail-status p{color:#fffaf1ad;font-size:11px}.order-detail-status h2{margin:1px 0;font-size:20px}.order-detail-status p{margin:0}.order-detail-status .order-detail-icon{color:#794b17;background:linear-gradient(145deg,#ffe0a1,#d99732)}.order-detail-status .pill{white-space:nowrap}.order-detail-card .section-heading{margin:0 0 14px}.section-heading.compact h2{font-size:18px}.order-effects{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.order-effects>div{border:1px solid var(--line);background:var(--surface);border-radius:17px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:3px 9px;padding:12px;display:grid}.order-effects svg{width:23px;height:23px;color:var(--gold-deep);grid-row:1/span 2}.order-effects span{color:var(--muted);font-size:10px}.order-effects strong{font-size:12px}.status-processing{color:#8b4f00;background:#fff0cc}.status-shipped{color:#285c85;background:#e7f3ff}.status-delivered{color:var(--mint-ink);background:var(--mint)}.status-cancelled{color:var(--danger);background:#ffe9e9}.line-items{gap:11px;display:grid}.line-item{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:14px;padding-bottom:11px;display:grid}.line-item p{color:var(--muted);margin:2px 0 0;font-size:11px}.line-item:last-child{border-bottom:0;padding-bottom:0}.menu-list{gap:9px;display:grid}.menu-link{grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.menu-icon{width:46px;height:46px;color:var(--gold-deep);background:var(--gold-soft);border:1px solid #a96e2226;border-radius:15px;place-items:center;display:grid}.menu-icon svg{width:23px;height:23px}.menu-link p{margin-top:1px;font-size:12px}.menu-link .arrow svg{width:18px;color:var(--gold-deep)}.account-hero{border-radius:var(--radius);color:#fffaf1;box-shadow:var(--shadow);background:linear-gradient(140deg,#2f1c12,#543521);border:1px solid #ffffff1a;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;display:grid}.account-avatar{color:#794b17;width:64px;height:64px;font-family:var(--font-display);background:linear-gradient(145deg,#ffe0a1,#d99732);border:2px solid #ffd486;border-radius:50%;place-items:center;font-size:25px;font-weight:900;display:grid}.account-hero>div>span,.account-hero p{color:#fffaf1b3;font-size:11px}.account-hero h2{margin:2px 0;font-size:19px}.account-hero p{margin:0}.account-level{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900}.account-verification-card{margin-top:14px}.account-verification-card .section-heading{justify-content:space-between;align-items:center;margin:0;display:flex}.account-change-card>.summary-icon{float:left;margin:0 10px 5px 0}.verification-levels{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:16px;display:grid}.verification-level{color:#93857d;text-align:center;background:#f2ece8;border-radius:13px;padding:9px 4px;font-size:10px;font-weight:900}.verification-level.active{color:#fff;background:var(--brand)}.scenario-list{gap:9px;display:grid}.scenario-card{grid-template-columns:38px minmax(0,1fr);gap:10px;display:grid}.scenario-number{width:38px;height:38px;color:var(--brand-dark);background:var(--brand-soft);border-radius:13px;place-items:center;font-weight:900;display:grid}.public-shell{flex-direction:column;justify-content:center;align-items:center;width:min(100%,520px);min-height:100vh;margin:0 auto;padding:24px 16px;display:flex}.public-brand{align-self:flex-start;margin:0 6px 24px}.public-card{border:1px solid var(--line);width:100%;box-shadow:var(--shadow);background:#fff;border-radius:28px;padding:24px}.public-card h1{margin:8px 0 6px;font-size:29px;line-height:1.2}.public-card>p{color:var(--muted);margin:0 0 20px}.line-login{color:#fff;background:#06c755;width:100%}.public-divider{color:#9b8d85;align-items:center;gap:10px;margin:18px 0;font-size:11px;display:flex}.public-divider:before,.public-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-steps{gap:10px;margin-top:18px;display:grid}.auth-step{color:var(--muted);grid-template-columns:30px minmax(0,1fr);align-items:start;gap:9px;font-size:12px;display:grid}.auth-step span{width:30px;height:30px;color:var(--brand-dark);background:var(--brand-soft);border-radius:10px;place-items:center;font-weight:900;display:grid}.ref-landing-badge{color:#fff;background:linear-gradient(135deg,#e86145,#f2a06e);border-radius:27px;place-items:center;width:76px;height:76px;margin:0 auto 15px;font-size:30px;font-weight:900;display:grid;transform:rotate(-3deg)}.center{text-align:center}.empty-state{border-radius:var(--radius);color:var(--muted);text-align:center;background:#fff9;border:1px dashed #d9cbc3;padding:28px 18px}.empty-state h2{color:var(--ink);margin:0}.empty-state p{max-width:460px;margin:5px auto 16px}@media (min-width:600px){.club-main{padding-left:24px;padding-right:24px}.club-header{padding-left:26px;padding-right:26px}.bottom-nav{bottom:max(12px, env(safe-area-inset-bottom));border-bottom:1px solid var(--line);border-radius:24px}.card-grid,.reward-grid,.cat-grid,.tier-list,.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.wallet-hero{grid-template-columns:1.2fr .8fr;align-items:end}.reward-detail-hero{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:stretch}.reward-detail-copy{flex-direction:column;justify-content:center;display:flex}.cat-detail-hero{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);align-items:stretch}.cat-detail-hero>div{flex-direction:column;justify-content:center;display:flex}.stat-grid{grid-template-columns:repeat(4,1fr)}.public-card{padding:32px}}@media (min-width:900px){.club-main{padding-top:24px}.home-hero{padding:30px}.home-hero h1{font-size:36px}.tier-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}