.ship-member .member-coupons{container:member-coupons/inline-size}.member-coupon-workspace{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:28px;padding-bottom:32px;display:grid}.member-coupon-workspace>section{min-width:0}.member-coupon-list{gap:20px;display:grid}.member-coupon-card{--coupon-value-width:min(28%, 220px);background:#fff;border:1px solid #ebd5c0;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 3px 12px #64401b0d;container-type:inline-size}.member-coupon-card:before,.member-coupon-card:after{content:"";z-index:2;left:var(--coupon-value-width);pointer-events:none;background:#fff;border:1px solid #ebd5c0;border-radius:50%;width:28px;height:28px;position:absolute}.member-coupon-card:before{top:0;transform:translate(-50%,-50%)}.member-coupon-card:after{bottom:0;transform:translate(-50%,50%)}.member-coupon-main{grid-template-columns:var(--coupon-value-width) minmax(0, 1fr);display:grid}.member-coupon-value{color:#df5e12;background:#fff4e8;border-right:2px dotted #d8b99b;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;padding:14px 18px;display:flex}.member-coupon-stamp{color:#c65316;stroke-width:1.6px;width:20px;height:20px}.member-coupon-value strong{text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:clamp(30px,5.4cqw,48px);font-weight:700;line-height:1.1}.member-coupon-value>span{color:#6b6b6b;letter-spacing:.04em;text-align:center;font-size:13px}.member-coupon-description{flex-direction:column;min-width:0;padding:16px 24px;display:flex}.member-coupon-description h2{color:#c65316;overflow-wrap:anywhere;margin:0 0 12px;font-size:24px;font-weight:600;line-height:1.25}.member-coupon-preview-facts{grid-template-columns:1.1fr .7fr 1.4fr;gap:14px;min-width:0;margin:0;display:grid}.member-coupon-preview-facts>div{flex-direction:column;min-width:0;display:flex}.member-coupon-preview-facts dt{color:#69777e;align-items:center;gap:5px;margin-bottom:4px;font-size:11px;line-height:1.4;display:flex}.member-coupon-preview-facts dt svg{stroke-width:1.6px;flex-shrink:0;width:14px;height:14px}.member-coupon-preview-facts dd{color:#334b56;overflow-wrap:anywhere;flex:1;align-items:center;font-size:13px;font-weight:500;line-height:1.5;display:flex}.member-coupon-expiry-detail{justify-content:space-between;align-items:center;gap:12px;display:flex}.member-coupon-expiry-detail>span{min-width:0}.member-coupon-notes{color:#69777e;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;margin-top:10px;font-size:11px;display:flex}.member-coupon-status{color:#a64734;background:#fff0eb;border-radius:20px;padding:4px 8px;font-size:10px}.member-coupon-personal-code{align-items:center;gap:6px;min-width:0;display:flex}.member-coupon-personal-code span{color:#53636b;letter-spacing:.025em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:11px}.member-coupon-personal-code button{color:#69777e;cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.member-coupon-personal-code button:hover{color:#a64734;background:#fff4e8}.member-coupon-personal-code button svg{width:14px;height:14px}.member-coupon-details-trigger{color:#385462;white-space:nowrap;cursor:pointer;border:1px solid #e4e9e9;border-radius:20px;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;font-size:12px;line-height:1.4;display:inline-flex}.member-coupon-details-trigger svg{color:#bd5015;width:14px;height:14px}.member-coupon-card button:focus-visible,.member-invite-card button:focus-visible{outline-offset:3px;outline:2px solid #c65316}.member-coupon-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:340px;padding:24px;display:flex}.member-coupon-empty>svg{color:#b7c2c8;width:40px;height:40px}.member-coupon-empty h2{color:#6e7b83;font-size:15px;font-weight:500}.member-coupon-empty p{color:#7e8b92;font-size:13px}.member-coupon-dialog{--primary:#244c60;--primary-foreground:#fff;--border:#e5e9ed;color:#263f4b;background:#fff;border-radius:12px;max-height:calc(100dvh - 32px);overflow-y:auto}[data-slot=dialog-overlay]:has(+.member-coupon-dialog){background:#0000003d}.member-coupon-dialog [data-slot=dialog-title]{padding-right:24px;font-size:18px}.member-coupon-dialog [data-slot=dialog-description]{color:#767676;font-size:13px}.member-coupon-dialog [data-slot=dialog-header]{text-align:left}.member-coupon-details{padding:0}.member-coupon-details>[data-slot=dialog-header]{border-bottom:1px solid #edf0f2;padding:24px}.member-coupon-details-body{padding:0 24px 24px}.member-coupon-details-body .member-coupon-card{margin-bottom:24px}.member-coupon-details-body h3{margin:22px 0 10px;font-size:14px;font-weight:600}.member-coupon-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;font-size:13px;display:grid}.member-coupon-facts dt{color:#73838d;margin-bottom:4px;font-size:12px}.member-coupon-facts dd{overflow-wrap:anywhere}.member-coupon-details-body ol{padding-left:18px;font-size:13px;line-height:1.8;list-style:decimal}.member-coupon-help{color:#73838d;margin:16px 0;font-size:12px;line-height:1.8}@media (width>=640px){.member-coupon-details{max-width:760px}}.member-invite-card{background:#fff;border:1px solid #e1e8e8;border-radius:20px;position:sticky;top:24px;overflow:hidden;box-shadow:0 12px 32px #1f3a450f}.member-invite-hero{color:#fff;background:radial-gradient(at 105% 0,#456473 0%,#0000 58%),#193c4e;padding:28px 26px 26px;position:relative;overflow:hidden}.member-invite-eyebrow{color:#d2e2e8;letter-spacing:.1em;align-items:center;gap:7px;font-size:11px;font-weight:500;display:flex}.member-invite-eyebrow svg{width:15px;height:15px}.member-invite-hero h2{letter-spacing:-.03em;margin:40px 0 20px;font-size:27px;font-weight:600;line-height:1.4;position:relative}.member-invite-reward{color:#ffcf9d;align-items:baseline;gap:8px;margin-bottom:16px;display:flex}.member-invite-reward>span:first-child{font-size:14px;font-weight:500}.member-invite-reward strong{letter-spacing:-.05em;font-size:56px;font-weight:600;line-height:1}.member-invite-reward>span:last-child{color:#d7e4e8;margin-left:4px;font-size:12px}.member-invite-hero>p{color:#d7e4e8;font-size:12px;line-height:1.8;position:relative}.member-invite-art{width:88px;height:80px;position:absolute;top:16px;right:20px}.member-invite-art-ticket{border:1px dashed #ffdebd73;border-radius:8px;width:64px;height:42px;position:absolute;top:20px;right:1px;transform:rotate(-18deg)}.member-invite-art-gift{color:#654221;background:linear-gradient(145deg,#ffe2bd,#f2a25d);border:1px solid #ffedd759;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:absolute;top:10px;right:10px;transform:rotate(10deg);box-shadow:0 8px 20px #00000026}.member-invite-art-gift svg{stroke-width:1.4px;width:28px;height:28px}.member-invite-art-spark{color:#f8d5ad;font-size:20px;position:absolute;top:0;left:4px}.member-invite-body{padding:24px}.member-invite-steps{gap:18px;margin-bottom:24px;display:grid}.member-invite-steps li{align-items:flex-start;gap:12px;display:flex}.member-invite-steps li>span{color:#385766;background:#edf3f3;border-radius:50%;flex:0 0 26px;justify-content:center;align-items:center;height:26px;font-size:11px;font-weight:600;display:flex}.member-invite-steps li:last-child>span{color:#a65b20;background:#fff0df}.member-invite-steps li>span svg{width:14px;height:14px}.member-invite-steps strong{color:#334b56;margin-bottom:4px;font-size:12px;font-weight:600;line-height:1.5;display:block}.member-invite-steps p{color:#6c7880;font-size:11px;line-height:1.7}.member-invite-code-box{background:#f7faf9;border:1px dashed #c8d7d9;border-radius:10px;padding:12px 14px}.member-invite-code-box>span{color:#61757d;margin-bottom:5px;font-size:10px;display:block}.member-invite-code-box>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.member-invite-code-box strong{color:#254956;letter-spacing:.075em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;min-width:0;font-size:16px;font-weight:600}.member-invite-code-box button{color:#426575;cursor:pointer;border-radius:6px;flex:0 0 32px;justify-content:center;align-items:center;height:32px;display:inline-flex}.member-invite-code-box button:hover{background:#e7f0ee}.member-invite-code-box button svg{width:16px;height:16px}.member-invite-share[data-slot=button]{color:#fff;width:100%;height:42px;box-shadow:none;background:#234e60;border-color:#234e60;border-radius:10px;justify-content:center;gap:10px;margin-top:12px;font-size:12px;display:flex}.member-invite-share[data-slot=button]:hover{background:#193c4e}.member-invite-share>svg:last-child{margin-left:auto}.member-invite-share>svg:first-child{margin-right:auto}.member-invite-progress{border-top:1px solid #edf0f0;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;padding-top:18px;display:grid}.member-invite-progress>span{color:#6c7880;align-items:center;gap:8px;font-size:11px;display:flex}.member-invite-progress strong{color:#334b56;margin-left:auto;font-size:15px;font-weight:600}@container member-coupons (width<=1000px){.member-coupon-workspace{grid-template-columns:minmax(0,1fr)}.member-invite-card{max-width:600px;position:static}}@container (width<=600px){.member-coupon-preview-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.member-coupon-preview-facts>div:last-child{grid-column:1/-1}}@media (width<=640px){.member-coupon-workspace{gap:24px}.member-coupon-card{--coupon-value-width:90px}.member-coupon-value{padding:16px 8px}.member-coupon-value strong{font-size:clamp(24px,8cqw,32px)}.member-coupon-stamp{width:19px;height:19px}.member-coupon-value>span{font-size:11px}.member-coupon-description{padding:16px 14px}.member-coupon-description h2{margin-bottom:12px;font-size:20px}.member-coupon-preview-facts dt{font-size:10px}.member-coupon-preview-facts dd{font-size:12px}.member-coupon-preview-facts dt svg{width:12px;height:12px}.member-coupon-details-trigger{font-size:11px}.member-coupon-details>[data-slot=dialog-header]{padding:20px}.member-coupon-details-body{padding-inline:16px}.member-coupon-dialog{padding:20px}.member-coupon-details{padding:0}.member-invite-card{width:100%}.member-invite-hero{padding:26px 24px}.member-invite-body{padding:22px}}