.ref-hero{background:linear-gradient(135deg,#c8ff3d2e,#0b0b0ed9),var(--bg-1);border:1px solid rgba(200,255,61,.3);border-radius:var(--r-lg);padding:28px 24px;margin-bottom:18px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:24px}.ref-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(200,255,61,.18),transparent 45%),radial-gradient(circle at 5% 90%,rgba(183,101,242,.18),transparent 45%);pointer-events:none}.ref-hero>*{position:relative;z-index:1}.ref-hero-main{display:flex;flex-direction:column;gap:14px;min-width:0}.ref-hero .section-eyebrow{font-family:var(--ui);font-size:11px;letter-spacing:2.5px;color:var(--green);text-transform:uppercase;display:block}.ref-hero h1{font-family:var(--display);font-size:clamp(30px,4vw,46px);letter-spacing:1px;margin:0;text-transform:uppercase;line-height:1.05}.ref-hero h1 .accent{color:var(--green)}.ref-hero p{color:var(--muted);margin:0;max-width:60ch;font-size:15px;line-height:1.55}.ref-hero-aside{background:#0b0b0e8c;border:1px solid rgba(200,255,61,.25);border-radius:var(--r-md);padding:22px 20px;display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center}.ref-code-label{font-family:var(--ui);font-size:11px;letter-spacing:2.5px;color:var(--muted);text-transform:uppercase}.ref-code-value{font-family:var(--mono);font-size:clamp(26px,3.5vw,38px);font-weight:700;letter-spacing:.16em;color:var(--text);word-break:break-all;line-height:1.1}.ref-code-pending{font-family:var(--body);font-size:13px;letter-spacing:0;color:var(--muted);font-weight:400}.ref-code-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.ref-share{gap:10px}.ref-share-btn{background:var(--bg-2);border:1px solid var(--line);color:var(--text);padding:10px 16px;border-radius:999px;font-family:var(--ui);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap;cursor:pointer;transition:border-color var(--t-fast),color var(--t-fast);text-decoration:none}.ref-share-btn:not([aria-disabled=true]):hover{border-color:var(--green);color:var(--green)}.ref-share-btn:disabled,.ref-share-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.ref-stats{display:flex;align-items:stretch;gap:28px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;padding:22px 26px;margin-bottom:var(--s-8)}.ref-stats+.section-head{margin-top:0}.ref-section-head{margin-bottom:11px}.ref-referrer-anchor{scroll-margin-top:calc(var(--shell-header-h) + var(--s-4))}.ref-crew{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.ref-crew-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}.ref-crew-eyebrow{font-family:var(--ui);font-size:17px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.ref-crew-total{font-family:var(--display);font-size:34px;line-height:1;letter-spacing:.5px;color:var(--text);font-variant-numeric:tabular-nums}.ref-crew-bar{height:12px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--green) 18%,var(--bg))}.ref-crew-breakdown{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;font-family:var(--ui);font-size:16px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.ref-crew-bd-item{display:inline-flex;align-items:baseline;gap:7px}.ref-crew-bd-item+.ref-crew-bd-item:before{content:"·";color:var(--muted-2);margin:0 10px 0 15px}.ref-crew-breakdown strong{font-weight:700;font-size:22px;font-variant-numeric:tabular-nums}.ref-crew-breakdown strong.is-valid{color:var(--green)}.ref-crew-breakdown strong.is-pending{color:var(--warning)}.ref-earned{position:relative;flex:none;min-width:190px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding-left:32px;border-left:1px solid var(--line)}.ref-earned:before{content:"";position:absolute;inset:-22px -26px -22px 0;background:radial-gradient(circle at 100% 50%,color-mix(in srgb,var(--color-green) 15%,transparent),transparent 85%);pointer-events:none;z-index:0}.ref-earned>*{position:relative;z-index:1}.ref-earned-lab{font-family:var(--ui);font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.ref-earned-val{display:inline-flex;align-items:center;gap:.2em;font-family:var(--display);font-size:36px;letter-spacing:.5px;line-height:1;color:var(--text)}.ref-fun-amount{white-space:nowrap}.ref-fun-num{color:var(--text)}.ref-how{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4);margin-bottom:var(--s-8)}.ref-step{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:24px 24px 22px;position:relative}.ref-step-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ref-step-num{font-family:var(--display);font-size:14px;color:var(--bg);background:var(--green);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;letter-spacing:0;flex-shrink:0}.ref-step h3{font-family:var(--display);font-size:22px;letter-spacing:1px;margin:0;text-transform:uppercase}.ref-step p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.ref-ach-progress{font-family:var(--mono);font-size:12px;color:var(--muted);flex-shrink:0}.ref-ach-grid{margin-bottom:var(--s-8)}@media(min-width:1025px){.ach-grid.ref-ach-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.ach-grid.ref-ach-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ref-ach-progress{display:none}}.ref-qr-body{display:flex;flex-direction:column;align-items:center;gap:14px}.ref-qr-img{width:240px;height:240px;border-radius:var(--r-md);background:#fff;padding:12px;display:block}.ref-qr-skeleton{width:240px;height:240px;border-radius:var(--r-md);background:var(--bg-2);border:1px solid var(--line)}.ref-qr-code{font-family:var(--mono);font-size:18px;font-weight:700;letter-spacing:.16em;color:var(--text)}.ref-friend-list{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.ref-friend-row{display:grid;grid-template-columns:1fr 112px 120px 82px;gap:var(--s-10);padding:14px 22px;border-bottom:1px solid var(--line);align-items:center;font-size:13px}.ref-friend-row>*:nth-child(n+2){justify-self:end}.ref-friend-row>*:nth-child(2){justify-self:center}.ref-friend-row>*:nth-child(3){position:relative;left:-27px}.ref-friend-row:last-child{border-bottom:0}.ref-friend-row.is-head{background:var(--bg-2);font-family:var(--ui);font-size:11px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.ref-friend-identity{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none;color:inherit;border-radius:8px;justify-self:start}.ref-friend-identity.is-static{cursor:default}a.ref-friend-identity{cursor:pointer;transition:transform .12s cubic-bezier(.22,1,.36,1)}a.ref-friend-identity:hover{transform:scale(1.02)}a.ref-friend-identity:hover .ref-friend-avatar{box-shadow:0 0 0 1.5px #c8ff3dcc,0 0 9px #c8ff3d6b}a.ref-friend-identity:hover .ref-friend-name{color:var(--green)}a.ref-friend-identity:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.ref-friend-id-meta{display:flex;flex-direction:column;min-width:0}.ref-friend-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0}.ref-friend-level{font-family:var(--ui);font-size:13px;letter-spacing:1.2px;color:var(--color-cyan);text-transform:uppercase;flex-shrink:0;margin-left:3px}.ref-friend-sep{font-family:var(--mono);font-size:11px;color:var(--muted-2);line-height:1}.ref-friend-head .ref-friend-title{font-size:12px}.ref-friend-head .ref-friend-name~*{position:relative;top:-1px}.ref-friend-avatar .ref-friend-prestige{position:absolute;bottom:-4px;left:-6px;z-index:1;pointer-events:none}.ref-friend-avatar .ref-friend-prestige .profile-meta-prestige{height:24px;width:auto;margin:0;display:block;border-radius:0;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55))}.ref-friend-avatar .ref-friend-prestige:hover .profile-meta-prestige{transform:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55))}.ref-friend-avatar .ref-friend-prestige .prestige-tooltip-content{display:none}.ref-friend-row .ref-friend-avatar .ref-friend-prestige{bottom:-3px;left:-5px}.ref-friend-row .ref-friend-avatar .ref-friend-prestige .profile-meta-prestige{height:20px}@media(prefers-reduced-motion:reduce){a.ref-friend-identity{transition:none}a.ref-friend-identity:hover{transform:none}}.ref-friend-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--purple-deep));display:grid;place-items:center;font-family:var(--display);color:#fff;font-size:14px;position:relative;transition:box-shadow .13s ease}.ref-friend-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ref-friend-avatar:has(>img){background:transparent}.ref-friend-name{font-family:var(--ui);font-size:16.5px;letter-spacing:1px;color:var(--text);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .12s ease}.ref-friend-status{display:inline-block;font-family:var(--ui);font-size:12px;letter-spacing:1.5px;padding:5px 12px;border-radius:var(--radius-pill);border:1px solid transparent;text-transform:uppercase;white-space:nowrap}.ref-friend-status.is-active{background:#c8ff3d1a;border-color:#c8ff3d61;color:var(--green)}.ref-friend-status.is-pending{background:#ffb83814;border-color:#ffb83852;color:var(--warning)}.ref-friend-payout{font-family:var(--mono);font-size:13px;color:var(--text);display:inline-flex;align-items:center;gap:.2em}.ref-friend-payout.is-muted{color:var(--muted)}.ref-friend-when{font-family:var(--mono);font-size:11px;color:var(--muted-2)}@media(max-width:640px){.ref-hero-aside{gap:6px;padding:18px}.ref-code-actions{margin-top:8px}.ref-apply-card .ref-apply-form{flex-wrap:nowrap}.ref-apply-card .ref-apply-form .field-with-icon{min-width:0}.ref-hero{gap:16px;padding:24px}.ref-hero h1{line-height:1.2;margin-top:-4px}.ref-how img[data-token=fun]{vertical-align:-.12em!important}.ref-hero p img[data-token=fun]{vertical-align:-.16em!important}.ref-friend-level{margin-left:1px}.ref-stats{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.ref-crew{gap:10px}.ref-crew-eyebrow{font-size:15px}.ref-crew-total{font-size:25px}.ref-crew-bar{height:10px}.ref-crew-breakdown{font-size:14px}.ref-crew-breakdown strong{font-size:18px}.ref-earned{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:12px;gap:6px}.ref-earned-lab{font-size:12px}.ref-earned-val{font-size:28px}.ref-earned .ref-earned-val img[data-token=fun]{height:31px;width:auto}.ref-earned:before{inset:0 -16px -16px 0}.ref-friend-row .ref-friend-sep,.ref-friend-row .ref-friend-title,.ref-referred-by .ref-friend-status{display:none}}@media(max-width:1024px){.ref-how{grid-template-columns:1fr}.ref-friend-row{grid-template-columns:1fr auto;padding:12px 16px;gap:10px}.ref-friend-row .ref-friend-payout,.ref-friend-row .ref-friend-when,.ref-friend-row.is-head{display:none}}@media(min-width:1025px){.ref-hero{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:40px;padding:36px 40px}.ref-hero-aside{min-width:280px;max-width:340px}}.ref-empty{background:var(--card);border:1px dashed var(--line-2);border-radius:var(--r-lg);padding:40px 24px;text-align:center;color:var(--muted);font-size:13px}.ref-apply-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 24px;margin-bottom:var(--s-6)}.ref-apply-card .ref-apply-eyebrow{font-family:var(--ui);font-size:11px;letter-spacing:2.5px;color:var(--muted);text-transform:uppercase;margin-bottom:6px;display:block}.ref-apply-card h3{font-family:var(--display);font-size:22px;letter-spacing:1px;margin:0 0 8px;text-transform:uppercase}.ref-apply-card>p{color:var(--muted);font-size:13px;margin:0 0 14px;line-height:1.5}.ref-apply-form{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch}.ref-apply-form .field-with-icon{flex:1;min-width:200px}.ref-apply-form .field-with-icon .field-icon{transform:translateY(calc(-50% - 1.5px))}.ref-referred-by{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 18px;margin-bottom:var(--s-5);display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}.ref-referrer-identity .ref-friend-avatar{width:44px;height:44px;font-size:17px}.ref-referrer-identity .ref-friend-name{font-size:17.5px}.ref-referrer-identity .ref-friend-level{font-size:14px}.ref-referrer-identity .ref-friend-head .ref-friend-title{font-size:13px}.ref-referred-by .ref-friend-status{margin-left:auto;white-space:normal;text-align:center;line-height:1.35}.ref-apply-card .ref-apply-preview{margin:12px 0 0}.ref-apply-preview-caption{font-family:var(--body);font-size:12px;color:var(--success)}.ref-skel.ca-skel{display:inline-block;vertical-align:middle;border-radius:6px}.ref-code-skel.ca-skel{display:inline-block;white-space:nowrap;border-radius:8px;vertical-align:middle}.ref-skel-avatar.ca-skel{display:inline-block;flex-shrink:0;width:36px;height:36px;border-radius:50%}@media(max-width:1024px){.ref-friend-row .ref-skel-payout.ref-skel,.ref-friend-row .ref-skel-when.ref-skel{display:none}}.ref-crew-bar.is-skel{background-image:linear-gradient(90deg,var(--bg-2) 0%,var(--bg-3) 50%,var(--bg-2) 100%);background-size:200% 100%;animation:ca-skel-pulse 1.4s ease-in-out infinite}@media(max-width:640px){.ref-referred-by .ref-skel-referrer-status{display:none}}@media(prefers-reduced-motion:reduce){.ref-crew-bar.is-skel{animation:none;opacity:.6}}