.member-surface{--member-ink:var(--ink);--member-muted:var(--muted);--member-line:var(--line);--member-primary:var(--primary);background:var(--canvas);min-height:100dvh;color:var(--member-ink);font:var(--text-body) / 1.6 var(--font-ui)}.member-surface *,.member-dialog *{box-sizing:border-box}.member-main{max-width:1120px;margin:0 auto;padding:40px 24px 80px}.member-heading,.member-section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.member-heading h1{font-size:var(--text-title);margin:0 0 8px;line-height:1.3}.member-heading p{color:var(--member-muted);margin:0}.member-back,.member-text-button{color:#5350c8;font:inherit;text-decoration:none}.member-tabs{border-bottom:1px solid var(--member-line);flex-wrap:wrap;gap:28px;margin:30px 0;display:flex}.member-tabs button{font:inherit;color:var(--member-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 2px}.member-tabs button[aria-current]{border-color:var(--member-primary);color:var(--member-primary);font-weight:600}.member-summary{border-bottom:1px solid var(--member-line);grid-template-columns:1fr 1fr;gap:36px;padding:8px 0 30px;display:grid}.member-summary>div+div{border-left:1px solid var(--member-line);padding-left:36px}.member-label{font-size:var(--text-small);color:var(--member-muted);margin:0 0 10px}.member-summary h2{flex-wrap:wrap;align-items:center;gap:14px;margin:0;font-size:24px;display:flex}.member-status{font-size:var(--text-caption);color:#4945a7;background:#eeecfb;border-radius:6px;padding:3px 9px;font-weight:500}.member-status.warning{color:#865307;background:#fff3de}.member-muted{color:var(--member-muted);font-size:var(--text-control)}.member-balance{font-size:var(--text-title);font-variant-numeric:tabular-nums;margin:0;font-weight:650}.member-balance small{font-size:var(--text-small);font-weight:400}.member-text-button{cursor:pointer;text-align:left;background:0 0;border:0;padding:5px 0}.member-text-button:hover{text-decoration:underline}.member-section{margin:32px 0}.member-section-title h2,.member-exchange-preview h2{margin:0;font-size:19px}.member-section-title{margin-bottom:16px}.member-benefit{border-bottom:1px solid var(--member-line);grid-template-columns:minmax(160px,1.5fr) minmax(110px,1fr) minmax(160px,1fr) auto;align-items:center;gap:20px;padding:18px 0;display:grid}.member-benefit p,.member-benefit span{color:var(--member-muted);font-size:var(--text-small);margin:3px 0;display:block}.member-benefit-model>div:first-child{grid-column:span 2}.member-benefit time{font-size:var(--text-small)}.member-benefit strong{font-weight:550}.member-exchange-preview{background:#f0effa;border:1px solid #dedcf0;border-radius:12px;margin:26px 0;padding:20px 24px}.member-exchange-preview p{color:var(--member-muted);margin:4px 0}.member-segments{border:1px solid var(--member-line);background:#fff;border-radius:8px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.member-segments button{font:inherit;color:var(--member-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:7px 13px}.member-segments button[aria-pressed=true]{color:#4945a7;background:#eeecfb}.member-credit-gifts{color:var(--member-muted);flex-wrap:wrap;gap:6px 16px;margin:12px 0 8px;font-size:12px;display:flex}.member-credit-gifts strong{color:var(--member-primary);white-space:nowrap;font-weight:550}.member-business{gap:24px;display:grid}.member-business-intro{background:var(--panel);border-radius:12px;padding:24px 28px}.member-business-intro h3{margin:0 0 8px;font-size:20px;font-weight:600;line-height:1.5}.member-business-intro>p:last-child{color:var(--member-muted);margin:0;font-size:13px}.member-business-offerings{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.member-business-offerings article{border:1px solid var(--member-line);background:var(--surface);border-radius:12px;padding:24px}.member-business h4,.member-business-contact h2{margin:0 0 8px;font-size:15px;font-weight:600;line-height:1.5}.member-business-number{color:var(--member-primary);font-variant-numeric:tabular-nums;margin-bottom:16px;font-size:12px;display:block}.member-business-offerings p{color:var(--member-muted);margin:0;font-size:13px;line-height:1.8}.member-business-offerings .member-business-audience{margin-bottom:14px;font-size:11px}.member-business-delivery{padding:0 4px}.member-business-delivery ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0 0;padding:0;list-style:none;display:grid}.member-business-delivery li{border-left:2px solid var(--member-line);align-content:start;gap:4px;padding-left:14px;display:grid}.member-business-delivery strong{font-size:13px;font-weight:550}.member-business-delivery span{color:var(--member-muted);font-size:12px}.member-business-contact{border:1px solid var(--member-line);background:var(--surface);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:32px;padding:28px;display:grid}.member-business-contact p{color:var(--member-muted);max-width:46ch;margin:8px 0 16px;font-size:13px}.member-business-email{color:var(--member-primary);text-underline-offset:4px;overflow-wrap:anywhere;align-items:center;gap:12px;font-size:15px;font-weight:550;display:inline-flex}.member-business-contact .member-fine-print{margin:12px 0 0;font-size:12px}.member-business-contact figure{text-align:center;margin:0}.member-business-contact figure a{width:fit-content;margin:0 auto;display:block}.member-business-contact img{background:#fff;width:156px;height:auto;display:block}.member-business-contact figcaption{color:var(--member-muted);margin-top:10px;font-size:11px}@media (max-width:800px){.member-business-offerings{grid-template-columns:minmax(0,1fr)}.member-business-number{margin-bottom:8px}.member-business-delivery ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.member-business-intro,.member-business-offerings article,.member-business-contact{padding:20px}.member-business-intro h3{font-size:18px}.member-business-contact{grid-template-columns:minmax(0,1fr)}.member-business-email{gap:6px;font-size:13px}}.member-products{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin-top:20px;display:grid}.member-product{border:1px solid var(--member-line);background:#fff;border-radius:12px;flex-direction:column;min-width:0;padding:24px;display:flex}.member-product h3{overflow-wrap:anywhere;margin:0 0 8px;font-size:19px}.member-product-description{font-size:var(--text-control);color:var(--member-muted);min-height:44px;margin:0}.member-price{font-variant-numeric:tabular-nums;margin:20px 0 8px;font-size:26px;font-weight:650}.member-price del{font-size:var(--text-small);color:var(--member-muted);margin-left:12px;font-weight:400}.member-product ul{font-size:var(--text-control);flex:1;margin:14px 0 24px;padding-left:20px}.member-button{color:#fff;min-height:42px;font:inherit;font-size:var(--text-control);cursor:pointer;background:#5350c8;border:1px solid #5350c8;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;transition:background .16s;display:inline-flex}.member-button:hover{background:#4643ac}.member-button.secondary{color:#3e4056;background:#fff;border-color:#d6d8e5}.member-button.secondary:hover{background:#f1f0f9}.member-button:disabled{opacity:.55;cursor:not-allowed}.member-error{color:#8b3328;background:#fff2f0;border:1px solid #efd1cb;border-radius:8px;margin:12px 0;padding:14px 16px}.member-error p{margin:0 0 8px}.member-error small{font-size:var(--text-caption);overflow-wrap:anywhere;margin-top:8px;display:block}.member-loading{gap:10px;min-height:85px;padding:12px 0;display:grid}.member-loading span{background:#eaeaf3;border-radius:4px;max-width:90%;height:12px}.member-loading span:nth-child(2){max-width:65%}.member-loading span:nth-child(3){max-width:45%}.member-empty{text-align:center;background:#f3f4f9;border-radius:10px;margin-top:20px;padding:48px 20px}.member-empty h3{margin:0 0 8px;font-size:17px}.member-empty p{color:var(--member-muted);font-size:var(--text-control);margin:0}.member-filter{font-size:var(--text-small);color:var(--member-muted);align-items:center;gap:12px;display:flex}.member-filter select{font:inherit;color:var(--member-ink);border:1px solid var(--member-line);background:#fff;border-radius:6px;padding:9px 12px}.member-records{border-top:1px solid var(--member-line)}.member-order,.member-ledger-row{border:0;border-bottom:1px solid var(--member-line);text-align:left;width:100%;color:var(--member-ink);font:inherit;background:0 0;justify-content:space-between;align-items:center;gap:20px;padding:20px 4px;display:flex}.member-order{cursor:pointer}.member-order:hover{background:#f0effa}.member-order>span:last-child{text-align:right;flex-shrink:0}.member-order strong,.member-ledger-row strong{overflow-wrap:anywhere;font-weight:550}.member-order small,.member-order time,.member-ledger-row small{color:var(--member-muted);font-size:var(--text-caption);margin-top:3px;display:block}.member-ledger-row>strong small{display:inline}.member-ledger-row>strong{color:#000}.member-ledger-row>.member-positive{color:#dc2626}.member-pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;display:flex}.member-pagination>span{font-size:var(--text-small);color:var(--member-muted);margin-right:auto}.member-dialog{color:#202337;background:#fff;border:1px solid #d8dae8;border-radius:14px;width:min(540px,100vw - 32px);max-height:calc(100dvh - 48px);padding:0;font:15px/1.6 system-ui,sans-serif;overflow:auto}.member-dialog::backdrop{background:#14183059}.member-dialog-content{padding:24px}.member-dialog header{justify-content:space-between;align-items:center;gap:16px;display:flex}.member-dialog header h2{font-size:var(--text-title-md);margin:0}.member-close{cursor:pointer;color:#62667b;background:0 0;border:0;width:36px;height:36px;font-size:26px}.member-detail-list{font-size:var(--text-control);grid-template-columns:90px minmax(0,1fr);gap:14px;margin:24px 0;display:grid}.member-detail-list dt{color:#62667b}.member-detail-list dd{overflow-wrap:anywhere;margin:0}.member-dialog .member-button{margin:6px 8px 0 0}.member-surface :focus-visible,.member-dialog :focus-visible{outline-offset:3px;outline:3px solid #8d89e9}@media (max-width:640px){.member-main{padding:26px 18px 48px}.member-heading h1{font-size:25px}.member-heading{align-items:flex-start}.member-back{font-size:var(--text-small)}.member-tabs{gap:24px;margin:20px 0}.member-summary{grid-template-columns:1fr;gap:22px}.member-summary>div+div{border-left:0;border-top:1px solid var(--member-line);padding:22px 0 0}.member-benefit{font-size:var(--text-control);grid-template-columns:1fr auto;gap:10px}.member-benefit>div:first-child{grid-column:1/-1}.member-benefit time{font-size:var(--text-caption)}.member-benefit>div:nth-child(3){grid-column:1}.member-exchange-preview{padding:18px}.member-product{padding:20px}.member-order,.member-ledger-row{font-size:var(--text-control);gap:12px}.member-order>span:first-child{min-width:0}.member-order small{overflow-wrap:anywhere}.member-dialog-content{padding:20px}.member-section-title{align-items:flex-start}.member-segments{font-size:var(--text-small)}.member-pagination>span{width:100%;margin-bottom:4px}}@media (prefers-reduced-motion:reduce){.member-button{transition:none}}.member-exchange{background:#f0effa;border:1px solid #dedcf0;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);align-items:center;gap:20px 32px;margin:26px 0;padding:24px;display:grid}.member-exchange h2{margin:0 0 4px;font-size:19px}.member-exchange p{font-size:var(--text-control);color:#62667b;margin:0}.member-exchange form label{font-size:var(--text-small);color:#41435b;margin-bottom:6px;display:block}.member-exchange-input{align-items:stretch;gap:10px;display:flex}.member-exchange input{min-width:0;font:inherit;color:#202337;background:#fff;border:1px solid #d0d0e2;border-radius:7px;flex:1;min-height:44px;padding:10px 12px}.member-exchange input::placeholder{color:#62667b}.member-exchange-feedback{overflow-wrap:anywhere;grid-column:1/-1}.member-exchange-feedback p{color:#8b3328}.member-exchange-feedback.success strong{color:#246847;margin-right:12px}.member-exchange-feedback.success span{font-size:var(--text-caption);color:#62667b}.member-exchange-feedback.success p{color:#62667b;margin-top:6px}.member-exchange-feedback button{margin-right:20px}.member-checkout-name{text-align:center;font-size:var(--text-reading);margin:22px 0 4px}.member-checkout-price{text-align:center;font-variant-numeric:tabular-nums;margin:0 0 16px;font-size:30px;font-weight:650}.member-payment-hint{text-align:center;font-size:var(--text-control);color:#62667b}.member-payment-cashier{text-align:center;margin:20px 0}.member-payment-cashier .member-button{justify-content:center;margin:8px 0;text-decoration:none;display:inline-flex}.member-cashier-border{box-sizing:border-box;background:#fff;border:1px solid #e1e3ed;border-radius:8px;width:100%;margin:16px auto;padding:12px}.member-cashier-frame{width:100%;position:relative;overflow:hidden}.member-cashier-frame iframe{transform-origin:0 0;border:0;max-width:none;display:block}.member-cashier-loading{color:#62667b;font-size:var(--text-control);pointer-events:none;background:#fff;place-items:center;margin:0;display:grid;position:absolute;inset:0}.member-payment-qr{border:1px solid #e1e3ed;border-radius:8px;max-width:100%;height:auto;margin:16px auto;display:block}.member-payment-note,.member-payment-error{font-size:var(--text-control);color:#4b486b;background:#f4f3fc;border-radius:8px;padding:14px}.member-payment-error{color:#8b3328;background:#fff2f0}.member-dialog-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.member-fine-print{font-size:var(--text-caption);color:#62667b;margin:20px 0 0}.member-payment-success{text-align:center;padding:12px 0}.member-payment-success>span{color:#246847;background:#e6f3eb;border-radius:50%;place-items:center;width:48px;height:48px;font-size:26px;display:inline-grid}.member-payment-success h3{font-size:var(--text-title-md);margin:12px 0 6px}.member-payment-success p{font-size:var(--text-control);color:#62667b}.member-products{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}@media (max-width:640px){.member-exchange{grid-template-columns:1fr;gap:14px;padding:18px}.member-exchange-input{flex-wrap:wrap}.member-exchange-input input{flex-basis:180px}.member-exchange-input button{flex:1}.member-exchange-feedback span{margin-top:5px;display:block}}.member-exchange-input .member-button{white-space:nowrap;min-width:80px}@media (max-width:640px){.member-exchange-input{flex-direction:column}.member-exchange-input input{flex-basis:auto;width:100%}.member-exchange-input .member-button{flex:none;width:100%}}.member-summary strong,.member-amount,.member-order-amount{font-variant-numeric:tabular-nums}@media (max-width:700px){.member-surface input:not([type=checkbox]),.member-surface select,.member-dialog input:not([type=checkbox]){font-size:16px}}