.referral-page{background:var(--sx-surface);color:var(--sx-text)}.referral-main{max-width:1120px;margin:auto;padding:36px 24px 60px}.referral-hero{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px 0}.referral-eyebrow{font-size:var(--sx-text-sm);font-weight:var(--sx-weight-bold);letter-spacing:2px;color:var(--sx-accent)}.referral-hero h1{font-size:var(--sx-text-4xl);letter-spacing:-1px;margin:12px 0}.referral-hero p{color:var(--sx-muted);max-width:620px;font-size:var(--sx-text-md);line-height:1.7}.referral-hero p strong{color:var(--sx-accent)}.referral-rate{width:160px;height:130px;flex-shrink:0;background:radial-gradient(ellipse at top,var(--sx-border),var(--sx-surface));border:1px solid var(--sx-border);border-radius:var(--sx-radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--sx-accent)}.referral-rate strong{font-size:var(--sx-text-hero);line-height:1.2}.referral-rate span{font-size:var(--sx-text-sm);color:var(--sx-muted)}.referral-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--sx-border);border-radius:var(--sx-radius-md);background:var(--sx-surface);margin:22px 0;overflow:hidden}.referral-metrics>div{padding:22px;border-right:1px solid var(--sx-border)}.referral-metrics>div:last-child{border:0}.referral-metrics span{display:block;font-size:var(--sx-text-sm);color:var(--sx-muted)}.referral-metrics strong{display:block;margin-top:7px;font-size:var(--sx-text-3xl)}.referral-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.referral-card{padding:24px;border:1px solid var(--sx-border);background:var(--sx-surface);border-radius:var(--sx-radius-md);margin-bottom:18px;min-width:0}.referral-card h2{font-size:var(--sx-text-lg);margin:0 0 10px}.referral-card>p{color:var(--sx-muted);font-size:var(--sx-text-base);line-height:1.6}.referral-code-row{display:flex;align-items:center;gap:12px;background:var(--sx-surface);border:1px solid var(--sx-surface-raised);border-radius:var(--sx-radius-sm);padding:11px;margin:10px 0;font-size:var(--sx-text-sm)}.referral-code-row>span{color:var(--sx-muted)}.referral-code-row strong{margin-left:auto;font-size:var(--sx-text-base);overflow-wrap:anywhere}.referral-code-row input{width:100%;min-width:0;border:0;background:transparent;color:var(--sx-text);font-size:var(--sx-text-sm)}.referral-card button:not(.wallet-primary){border:1px solid var(--sx-border);background:var(--sx-surface-raised);color:var(--sx-muted);border-radius:var(--sx-radius-sm);padding:7px 10px;white-space:nowrap}.referral-card button:disabled{opacity:.45;cursor:not-allowed}.referral-primary{width:100%;margin-top:8px}.referral-steps{padding-left:20px;color:var(--sx-muted);line-height:2.3;font-size:var(--sx-text-base)}.referral-input-row{display:flex;gap:8px;margin-top:7px}.referral-input-row input{background:var(--sx-surface);border:1px solid var(--sx-border);color:var(--sx-text);border-radius:var(--sx-radius-sm);padding:10px;min-width:0;flex:1;font-size:var(--sx-text-base);text-transform:uppercase}.referral-card label{font-size:var(--sx-text-sm);color:var(--sx-muted)}.referral-note{font-size:var(--sx-text-sm)!important;color:var(--sx-muted)!important;line-height:1.65}.referral-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.referral-empty{color:var(--sx-muted);font-size:var(--sx-text-base);padding:23px 0}.referral-token-row{display:grid;grid-template-columns:1.3fr repeat(4,1fr) auto;gap:14px;align-items:center;padding:16px 0;border-top:1px solid var(--sx-border);font-size:var(--sx-text-base)}.referral-token-row small{display:block;color:var(--sx-muted);font-size:var(--sx-text-xs);margin-bottom:5px}.referral-token-row strong{font-size:var(--sx-text-base);overflow-wrap:anywhere}.referral-token-row .earned{color:var(--sx-accent)}.referral-event{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--sx-surface-raised);font-size:var(--sx-text-sm)}.referral-event a{color:var(--sx-accent)}.referral-event small{display:block;color:var(--sx-muted);margin-top:5px}.referral-event .verified{color:var(--sx-accent)}.referral-faq{font-size:var(--sx-text-sm);line-height:1.7;color:var(--sx-muted)}.referral-faq summary{cursor:pointer;color:var(--sx-text)}#referral-message{font-size:var(--sx-text-base);color:var(--sx-text)}#referral-message.error{color:var(--sx-negative)}.referral-invitation{max-width:440px;padding:26px;background:var(--sx-surface);color:var(--sx-text);border-color:var(--sx-border);text-align:center}.referral-invitation::backdrop{background:color-mix(in srgb,var(--sx-bg) 73.33%,transparent);backdrop-filter:var(--sx-backdrop-filter)}.referral-invitation h2{font-size:var(--sx-text-2xl);margin:0 0 12px}.referral-invitation p{color:var(--sx-muted);line-height:1.6;font-size:var(--sx-text-base)}.referral-invitation strong{color:var(--sx-accent)}.referral-invitation button{display:block;width:100%;padding:11px;margin-top:10px;border-radius:var(--sx-radius-sm)}.referral-invitation .later{background:none;color:var(--sx-muted)}.referral-invitation a{display:block;background:var(--sx-accent);color:var(--sx-surface);padding:12px;border-radius:var(--sx-radius-sm);font-weight:var(--sx-weight-semibold);margin-top:20px}
@media(max-width:700px){.referral-main{padding:20px 14px}.referral-grid{grid-template-columns:1fr;gap:0}.referral-rate{width:100px;height:100px}.referral-rate strong{font-size:var(--sx-text-4xl)}.referral-hero h1{font-size:var(--sx-text-3xl)}.referral-hero{gap:15px;padding:10px 0}.referral-metrics>div{padding:14px}.referral-metrics strong{font-size:var(--sx-text-2xl)}.referral-card{padding:18px}.referral-token-row{grid-template-columns:1fr 1fr}.referral-token-row>strong{grid-column:1/-1}.referral-event{flex-wrap:wrap}}
.referral-page .wallet-primary{background:var(--sx-accent);color:var(--sx-surface);border-color:var(--sx-accent)}