.referral-page{gap:20px;min-width:0;display:grid}.referral-heading{border:1px solid var(--border);background:radial-gradient(circle at 85% 0, color-mix(in srgb, var(--accent) 18%, transparent), transparent 42%), color-mix(in srgb, var(--surface-1) 94%, transparent);border-radius:12px;justify-content:space-between;align-items:flex-end;gap:24px;min-width:0;padding:28px;display:flex;overflow:hidden;box-shadow:0 18px 48px #0f172a0f}.referral-heading>div:first-child>span,.referral-records>header span{color:var(--accent-strong);letter-spacing:.1em;font-size:11px;font-weight:800}.referral-heading h1{letter-spacing:-.035em;margin:8px 0 0;font-size:clamp(30px,3.5vw,46px);line-height:1.12}.referral-heading p{max-width:680px;color:var(--text-2);margin:12px 0 0;font-size:15px;line-height:1.7}.referral-reward-note{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface-2));border-radius:9px;align-items:center;gap:12px;min-width:230px;padding:15px 17px;display:flex}.referral-heading-actions{justify-items:stretch;gap:9px;display:grid}.referral-primary-invite{background:var(--accent);min-height:44px;color:var(--primary-foreground);cursor:pointer;font:inherit;box-shadow:0 12px 28px color-mix(in srgb, var(--accent) 22%, transparent);transition:transform .18s var(--ease), box-shadow .18s var(--ease);border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:720;display:inline-flex}.referral-primary-invite:hover{box-shadow:0 16px 34px color-mix(in srgb, var(--accent) 29%, transparent);transform:translateY(-1px)}.referral-reward-note svg{color:var(--accent-strong)}.referral-reward-note div{gap:2px;display:grid}.referral-reward-note strong{font-size:20px}.referral-reward-note span{color:var(--text-3);font-size:12px}.referral-share-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.referral-share-grid article{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 95%, transparent);border-radius:10px;grid-template-columns:auto minmax(0,1fr);gap:10px 13px;min-width:0;padding:20px;display:grid;box-shadow:0 12px 34px #0f172a0b}.referral-card-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-strong);border-radius:9px;place-items:center;display:grid}.referral-share-grid article>div{gap:4px;min-width:0;display:grid}.referral-share-grid small{color:var(--text-3);font-size:12px}.referral-share-grid article>div strong{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-size:19px;overflow:hidden}.referral-share-grid article>div p{color:var(--text-3);margin:0;font-size:12px}.referral-link-value{font-weight:620;font-size:14px!important}.referral-share-grid button{border:1px solid var(--border);background:var(--surface-2);min-height:44px;color:var(--text-1);cursor:pointer;transition:transform .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease);border-radius:8px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.referral-share-grid button:hover{border-color:var(--border-hover);background:var(--surface-3);transform:translateY(-1px)}.referral-share-grid button span{background:var(--surface-1);width:22px;height:22px;color:var(--accent-strong);border-radius:5px;place-items:center;display:grid}.referral-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.referral-stats article{border:1px solid var(--border);background:var(--surface-1);border-radius:9px;align-items:center;gap:13px;padding:18px;display:flex}.referral-stats article>span{background:var(--surface-2);width:38px;height:38px;color:var(--accent-strong);border-radius:8px;place-items:center;display:grid}.referral-stats article>div{gap:3px;display:grid}.referral-stats small{color:var(--text-3);font-size:12px}.referral-stats strong{font-size:26px;line-height:1}.referral-records{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 96%, transparent);border-radius:10px;padding:22px}.referral-records>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.referral-records h2{margin:5px 0 0;font-size:22px}.referral-records>header>small{color:var(--text-3);font-size:13px}.referral-table-wrap{border:1px solid var(--border);border-radius:8px;margin-top:18px;overflow-x:auto}.referral-table-wrap table{border-collapse:collapse;width:100%;min-width:760px}.referral-table-wrap th,.referral-table-wrap td{border-bottom:1px solid var(--border);text-align:left;padding:14px 15px;font-size:14px}.referral-table-wrap th{background:var(--surface-2);color:var(--text-3);font-size:12px;font-weight:700}.referral-table-wrap tbody tr:last-child td{border-bottom:0}.referral-status{background:var(--surface-2);color:var(--text-2);border-radius:5px;padding:5px 8px;font-size:12px;font-weight:700;display:inline-flex}.referral-status.is-rewarded{background:color-mix(in srgb, var(--success) 12%, var(--surface-2));color:var(--success)}.referral-reward{color:var(--accent-strong);font-weight:750}.referral-empty{min-height:220px;color:var(--text-3);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.referral-empty strong{color:var(--text-1);font-size:17px}.referral-empty p{max-width:460px;margin:0;font-size:13px;line-height:1.6}@media (max-width:900px){.referral-heading{flex-direction:column;align-items:stretch}.referral-heading-actions,.referral-reward-note{min-width:0}.referral-share-grid{grid-template-columns:1fr}}@media (max-width:640px){.referral-page{gap:12px}.referral-heading{padding:20px}.referral-heading h1{font-size:29px}.referral-heading p{font-size:14px}.referral-stats{grid-template-columns:1fr}.referral-records,.referral-share-grid article{padding:16px}}@media (prefers-reduced-motion:reduce){.referral-share-grid button{transition:none}}