#p-invite-friends{background:#fff!important}
#inviteFriendsPage.iw-page{--iu:var(--pg-unit,1vw);font-family:var(--font-main);padding:0 0 calc(4 * var(--iu));background:linear-gradient(#fff7f6,#fff 65%);color:#111;min-height:100%}
.iw-page *{box-sizing:border-box}.iw-page button{font-family:var(--font-main);cursor:pointer;border:0;background:none;padding:0;color:#111;-webkit-appearance:none;appearance:none}
.iw-fit{white-space:nowrap;min-width:0;max-width:100%}.iw-money,.iw-num{font-family:var(--font-num);font-variant-numeric:tabular-nums}
.iw-page .iw-hero{height:calc(54 * var(--iu));position:relative;background:url('/assets/invite-weekly/hero-1010-v1.webp') center bottom/cover no-repeat}
.iw-topbar{height:calc(10 * var(--iu));display:flex;align-items:center;justify-content:space-between;padding:0 calc(3.2 * var(--iu));position:relative;z-index:1}
.iw-back{width:calc(7 * var(--iu));height:calc(8 * var(--iu));display:flex;align-items:center}.iw-back img{width:calc(5.333333 * var(--iu));height:calc(5.333333 * var(--iu));object-fit:contain;filter:brightness(0)}
.iw-page .iw-rule{display:flex;align-items:center;gap:calc(.8 * var(--iu));border:1px solid #ff002b;border-radius:99px;padding:calc(.7 * var(--iu)) calc(1.8 * var(--iu));font-size:calc(2.666667 * var(--iu));background:#ffffffb8;white-space:nowrap}.iw-rule img{width:calc(3.2 * var(--iu));height:calc(3.2 * var(--iu))}
.iw-copy{position:absolute;left:calc(5 * var(--iu));top:calc(12 * var(--iu));width:calc(57 * var(--iu));pointer-events:none;transform:skew(-3deg);transform-origin:left center;text-shadow:0 1px 0 #ffffffb3}
.iw-copy h1{font-family:var(--font-main);font-size:calc(7 * var(--iu));line-height:1.15;margin:0 0 calc(.8 * var(--iu));font-weight:900;letter-spacing:-.035em}
.iw-copy strong{display:block;font-family:var(--font-main);color:#fa0029;font-size:calc(5.4 * var(--iu));line-height:1.2;letter-spacing:-.03em;font-weight:800}
.iw-copy p{font-family:var(--font-main);font-size:calc(2.666667 * var(--iu));color:#3e5879;margin:calc(1.3 * var(--iu)) 0;transform:skew(3deg)}
.iw-card{margin:calc(-.5 * var(--iu)) calc(3 * var(--iu)) calc(3.6 * var(--iu));padding:calc(2.6 * var(--iu)) calc(3.3 * var(--iu));background:#fff;border-radius:calc(2.6 * var(--iu));position:relative;box-shadow:0 4px 22px #283c6010}
.iw-head{margin-bottom:calc(1.3 * var(--iu))}.iw-head h2,.iw-rewards-head h2{font-family:var(--font-main);font-size:calc(4 * var(--iu));margin:0;font-weight:600;line-height:1.4}
.iw-link{display:flex;align-items:center;justify-content:space-between;background:#f0f4f7;border-radius:calc(2 * var(--iu));padding:calc(1.8 * var(--iu)) calc(3 * var(--iu));gap:calc(2 * var(--iu));font-size:calc(3.2 * var(--iu));font-family:var(--font-num)}
.iw-link>span{display:block;flex:1}.iw-link button{flex-shrink:0;width:calc(4.3 * var(--iu));height:calc(4.3 * var(--iu))}.iw-link img{width:100%;height:100%;object-fit:contain}
.iw-page .iw-share{display:flex;width:100%;justify-content:center;align-items:center;margin-top:calc(1.2 * var(--iu));height:calc(7.8 * var(--iu));border-radius:calc(1.5 * var(--iu));background:#111;color:#fff;font-size:calc(3 * var(--iu));font-weight:500;padding:0 calc(3 * var(--iu))}
.iw-stats{border-top:1px solid #edf0f4;margin-top:calc(1.5 * var(--iu));padding-top:calc(2.2 * var(--iu));display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.iw-stats button{position:relative;text-align:center;min-width:0;padding:0 calc(1 * var(--iu))}.iw-stats button+button:before{content:'';position:absolute;left:0;top:10%;height:80%;width:1px;background:#dfe5ef}
.iw-stat-label{display:block;color:#405b80;font-size:calc(2.666667 * var(--iu));margin-bottom:calc(.7 * var(--iu));font-weight:400}.iw-chevron{display:inline-block;width:calc(2.3 * var(--iu));height:calc(2.3 * var(--iu));vertical-align:middle;margin-left:calc(.4 * var(--iu))}
.iw-stat-value{display:block;font-size:calc(4.2 * var(--iu));font-weight:700}.iw-red{color:#ff002d!important}
.iw-rewards{margin:0 calc(3 * var(--iu))}.iw-rewards-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:calc(2 * var(--iu));margin:calc(2 * var(--iu)) calc(1 * var(--iu))}.iw-rewards-head>span{font-size:calc(2.4 * var(--iu));color:#405b80;text-align:right}
.iw-tier{display:grid;grid-template-columns:calc(6 * var(--iu)) minmax(0,1fr) calc(35 * var(--iu)) calc(13.8 * var(--iu));gap:calc(2 * var(--iu));align-items:center;min-height:calc(14 * var(--iu));padding:calc(1.1 * var(--iu)) calc(2 * var(--iu));background:#fff;border-radius:calc(2.5 * var(--iu));margin-bottom:calc(1.15 * var(--iu));box-shadow:0 4px 22px #283c6010}
.iw-num{font-size:calc(4.5 * var(--iu));font-weight:600;text-align:center}.iw-num:after{content:'';display:block;width:calc(3 * var(--iu));height:calc(.4 * var(--iu));background:#ff0732;margin:calc(.4 * var(--iu)) auto 0;border-radius:10px}
.iw-meter{min-width:0}.iw-target{font-size:calc(2.8 * var(--iu));font-weight:500}.iw-progress{height:calc(1.8 * var(--iu));margin:calc(1 * var(--iu)) 0 calc(.65 * var(--iu));background:#e5e6eb;border-radius:99px;overflow:hidden}.iw-progress i{display:block;height:100%;background:linear-gradient(100deg,#ff3c54,#ff002a);border-radius:99px}.iw-fraction{font-size:calc(2.2 * var(--iu));color:#486488}
.iw-product{display:grid;grid-template-columns:calc(13 * var(--iu)) minmax(0,1fr);gap:calc(1.3 * var(--iu));align-items:center;text-align:left;min-width:0}.iw-product>img{width:calc(13 * var(--iu));height:calc(12.5 * var(--iu));object-fit:contain;mix-blend-mode:multiply}.iw-product-text{min-width:0}.iw-product strong{font-size:calc(2.666667 * var(--iu));font-weight:500;line-height:1.4;display:block}.iw-price{font-size:calc(2.4 * var(--iu));color:#486488;margin-top:calc(.6 * var(--iu));display:block}.iw-price b{color:#ff002d;font-weight:600}
.iw-page .iw-claim{background:#e1e3e8;border-radius:calc(1.8 * var(--iu));color:#405879;height:calc(6.8 * var(--iu));font-size:calc(2.666667 * var(--iu));padding:0 calc(.6 * var(--iu))}.iw-page .iw-claim.ready{background:#ff002b;color:#fff}
/* Dimensions, typography, black close asset and 80% mask match vip-center's lg-preview. */
.iw-modal{--iu:var(--pg-unit,1vw);position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:999990;display:flex;align-items:center;justify-content:center;padding:calc(8 * var(--iu));box-sizing:border-box;font-family:var(--font-main)}
.iw-modal-card{width:calc(79.2 * var(--iu));min-height:calc(89.866667 * var(--iu));max-height:90dvh;overflow:auto;background:#fff;border-radius:calc(1.066667 * var(--iu));position:relative;display:flex;flex-direction:column;align-items:center;padding:calc(5.333333 * var(--iu)) calc(4.266667 * var(--iu)) calc(4.8 * var(--iu));box-sizing:border-box;color:#111}
.iw-modal-close{position:absolute;top:calc(2.133333 * var(--iu));right:calc(2.133333 * var(--iu));width:calc(8 * var(--iu));height:calc(8 * var(--iu));border:0;padding:0;background:transparent;color:#111;cursor:pointer;z-index:1;-webkit-appearance:none}.iw-modal-close img{display:block;width:100%;height:100%;filter:brightness(0)}
.iw-modal-img-wrap{width:calc(53.333333 * var(--iu));height:calc(53.333333 * var(--iu));display:flex;align-items:center;justify-content:center;margin-bottom:calc(3.2 * var(--iu))}.iw-modal-img{width:100%;height:100%;object-fit:contain;border-radius:calc(1.066667 * var(--iu))}
.iw-modal-card h3{font-family:var(--font-main);font-weight:500;font-size:calc(4.266667 * var(--iu));color:#111;text-align:center;line-height:1.4;margin:calc(3.2 * var(--iu)) 0 calc(2.133333 * var(--iu));max-width:100%}
.iw-modal-price{font-family:Kanit,var(--font-num);font-weight:500;font-size:calc(4.266667 * var(--iu));color:#f00;text-align:center;margin-bottom:calc(3.2 * var(--iu))}.iw-modal-price .iw-money{font-family:inherit}
.iw-modal-card p{font-family:var(--font-main);font-weight:400;font-size:calc(2.666667 * var(--iu));line-height:1.4;color:#747a72;text-align:center;margin:0}.iw-error{padding:30px;text-align:center;color:#697586}
.iw-loading{min-height:clamp(180px,32dvh,350px);display:flex;align-items:center;justify-content:center;gap:9px}
.iw-loading span{width:8px;height:8px;border-radius:50%;background:#ff173b;animation:iw-loading-pulse 1.05s ease-in-out infinite}
.iw-loading span:nth-child(2){animation-delay:.16s}.iw-loading span:nth-child(3){animation-delay:.32s}
@keyframes iw-loading-pulse{0%,70%,100%{transform:scale(.72);opacity:.35}35%{transform:scale(1.12);opacity:1}}
@media(prefers-reduced-motion:reduce){.iw-loading span{animation:none;opacity:.7}}

.iw-page:not([data-lang="zh"]) .iw-copy{left:calc(4.5 * var(--iu));width:calc(43 * var(--iu))}.iw-page:not([data-lang="zh"]) .iw-copy h1{font-size:calc(5.1 * var(--iu))}.iw-page:not([data-lang="zh"]) .iw-copy strong{font-size:calc(4 * var(--iu))}.iw-page:not([data-lang="zh"]) .iw-copy p{font-size:calc(2.2 * var(--iu))}.iw-share-icon{width:calc(3.5 * var(--iu));height:calc(3.5 * var(--iu));margin-right:calc(2 * var(--iu));flex-shrink:0}

#inviteRuleModal .invite-rule-header{height:calc(12 * var(--pg-unit,1vw));min-height:0;padding:calc(1.5 * var(--pg-unit,1vw)) calc(5.333333 * var(--pg-unit,1vw));box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}#inviteRuleModal .invite-rule-logo{width:calc(22 * var(--pg-unit,1vw));height:auto;max-height:calc(8 * var(--pg-unit,1vw));object-fit:contain}#inviteRuleModal .invite-rule-close-btn{width:calc(8 * var(--pg-unit,1vw));height:calc(8 * var(--pg-unit,1vw));display:flex;align-items:center;justify-content:center;padding:0}#inviteRuleModal .invite-rule-close-btn img{width:calc(5.333333 * var(--pg-unit,1vw));height:calc(5.333333 * var(--pg-unit,1vw));filter:brightness(0)}

/* Keep Chinese copy in the clear upper-left area of the 1010 artwork. */
.iw-page[data-lang="zh"] .iw-copy{top:calc(9.8 * var(--iu));left:calc(5 * var(--iu));width:calc(45 * var(--iu));transform:none}
.iw-page[data-lang="zh"] .iw-copy h1{font-size:calc(6.5 * var(--iu));line-height:1.12;margin-bottom:calc(.6 * var(--iu))}
.iw-page[data-lang="zh"] .iw-copy strong{font-size:calc(5 * var(--iu));line-height:1.15}
.iw-page[data-lang="zh"] .iw-copy p{font-size:calc(2.5 * var(--iu));line-height:1.3;margin:calc(.7 * var(--iu)) 0 0;transform:none;color:#334155}
