.referral-page{background:var(--theme-bg);color:#fff;max-width:480px;min-height:100vh;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));margin:0 auto;position:relative;overflow-x:hidden}.referral-page:before{content:"";background:var(--theme-bg-soft);pointer-events:none;z-index:0;max-width:480px;margin:0 auto;position:fixed;inset:0}.referral-page>:not(.club-bottom-nav){z-index:1;position:relative}.referral-loading{text-align:center;color:var(--theme-text-dim);padding:3rem 1rem;font-size:.8125rem}.referral-header{border-bottom:1px solid #ffffff0f;padding:.75rem 1rem .875rem}.referral-header-top{grid-template-columns:40px 1fr 40px;align-items:center;display:grid}.referral-back{color:#fff;font-size:1.75rem;line-height:1;text-decoration:none}.referral-header h1{text-align:center;font-size:1.0625rem;font-weight:700}.referral-header-spacer{width:40px}.referral-header-sub{text-align:center;color:var(--theme-text-muted);margin-top:.375rem;font-size:.6875rem;line-height:1.35}.referral-toast{color:#86efac;text-align:center;background:#22c55e1f;border:1px solid #22c55e4d;border-radius:10px;margin:.625rem .875rem 0;padding:.5rem .75rem;font-size:.75rem}.referral-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef444447;border-radius:10px;margin:.625rem .875rem 0;padding:.625rem .75rem;font-size:.75rem}.referral-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.referral-icon svg{width:100%;height:100%}.referral-code-card{isolation:isolate;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f0fb3;border:1px solid #d4af3740;border-radius:18px;margin:.75rem .875rem;padding:1.25rem 1.125rem 1rem;position:relative;box-shadow:0 12px 30px #0000008c,inset 0 1px 1px #ffffff14,0 0 20px #d4af370d}.referral-code-card>*{z-index:1;position:relative}.referral-code-card:before{display:none}.referral-code-label{text-align:center;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700;display:block}.referral-code-display{justify-content:center;align-items:center;min-height:2.75rem;margin-top:.375rem;display:flex;position:relative}.referral-code-value{letter-spacing:.1em;background:var(--theme-gold-metal);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 6px #d4af3740);-webkit-background-clip:text;font-size:1.75rem;font-weight:900}.referral-sparkle{color:#fbbf24bf;position:absolute}.referral-sparkle--tl{top:.125rem;left:18%}.referral-sparkle--tr{top:.25rem;right:16%}.referral-sparkle--bl{bottom:.125rem;left:22%}.referral-copy-main{color:#fff;cursor:pointer;background:radial-gradient(circle at 35% 25%,#86efac 0%,#16a34a 75%,#14532d 100%);border:1px solid #22c55e59;border-radius:12px;width:100%;margin-top:.75rem;padding:.625rem .75rem;font-size:.8125rem;font-weight:800;transition:transform .18s,filter .18s,box-shadow .18s;display:block;box-shadow:0 4px 12px #16a34a40}.referral-copy-main:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 16px #16a34a59}.referral-copy-main:active:not(:disabled){transform:scale(.98)}.referral-copy-main:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.referral-code-hint{color:var(--theme-text-muted);text-align:center;margin-top:.5rem;font-size:.625rem}.referral-code-hint code{color:#fff;background:#ffffff0d;border-radius:4px;padding:1px 4px}.referral-share-actions{gap:.5rem;margin-top:.75rem;display:flex}.referral-share-btn{color:var(--theme-text-secondary);cursor:pointer;background:#1e1e1e8c;border:1px solid #ffffff14;border-radius:12px;flex:1;padding:.625rem .5rem;font-size:.6875rem;font-weight:800;line-height:1.2;transition:all .2s}.referral-share-btn:hover:not(:disabled){color:#fff;background:#ffffff08;border-color:#ffffff26}.referral-share-btn.primary{background:var(--theme-gold-metal);color:#000;border-color:#d4af374d}.referral-share-btn.primary:hover:not(:disabled){filter:brightness(1.08);color:#000}.referral-share-btn:disabled{opacity:.4;cursor:not-allowed}.referral-share-url{color:var(--theme-text-muted);word-break:break-all;text-align:center;background:#0003;border-radius:6px;margin-top:.625rem;padding:.375rem;font-size:.625rem}.referral-stats-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:0 .875rem;display:grid}.referral-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#141414a6;border:1px solid #ffffff0d;border-radius:14px;padding:.875rem .375rem;transition:border-color .2s;box-shadow:0 8px 24px #00000073,inset 0 1px #ffffff0d}.referral-stat-card:hover{border-color:#d4af3726}.referral-stat-icon{margin:0 auto .375rem;display:block}.referral-stat-card--friends .referral-stat-icon,.referral-stat-card--friends strong,.referral-stat-card--wallet .referral-stat-icon,.referral-stat-card--wallet strong{color:var(--theme-gold-bright)}.referral-stat-card--pending .referral-stat-icon,.referral-stat-card--pending strong{color:#c084fc}.referral-stat-card strong{font-size:1.0625rem;font-weight:900;line-height:1.15;display:block}.referral-stat-card span{color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.25rem;font-size:.5625rem;font-weight:500;line-height:1.2;display:block}.referral-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414a6;border:1px solid #ffffff0d;border-radius:16px;margin:.75rem .875rem;padding:1rem;box-shadow:0 12px 30px #00000073,inset 0 1px #ffffff0d}.referral-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.375rem;margin-bottom:.625rem;display:flex}.referral-panel-head--split h2{flex:1}.referral-panel-head h2{letter-spacing:.06em;text-transform:uppercase;color:var(--theme-text-secondary);font-size:.625rem;font-weight:800}.referral-panel-count{color:var(--theme-text-dim);font-size:.5625rem}.referral-view-all-link{color:var(--theme-green-light);cursor:pointer;background:0 0;border:none;padding:0;font-size:.5625rem;font-weight:700}.referral-empty{color:var(--theme-text-dim);text-align:center;padding:.625rem 0;font-size:.6875rem}.referral-earnings-filters{flex-wrap:nowrap;flex-shrink:0;gap:.1875rem;display:flex}.referral-earnings-filter{color:var(--theme-text-dim);cursor:pointer;background:#121212b3;border:1px solid #94a3b826;border-radius:999px;padding:.1875rem .4375rem;font-size:.5rem;font-weight:700;line-height:1.2}.referral-earnings-filter.active{background:var(--theme-green-soft-bg);border-color:var(--theme-green-border);color:var(--theme-green-light)}.referral-earnings-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef444440;border-radius:8px;margin-bottom:.375rem;padding:.4375rem .5rem;font-size:.625rem}.referral-earnings-list,.referral-list{margin:0;padding:0;list-style:none}.referral-earnings-item,.referral-list-item{border-bottom:1px solid #94a3b814;align-items:center;gap:.5rem;padding:.4375rem 0;display:flex}.referral-earnings-item:last-child,.referral-list-item:last-child{border-bottom:none}.referral-row-icon{color:#4ade80;background:#22c55e1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex}.referral-earnings-main{flex:1;min-width:0}.referral-earnings-top strong{white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;font-weight:700;line-height:1.2;display:block;overflow:hidden}.referral-earnings-main time{color:var(--theme-text-dim);margin-top:.125rem;font-size:.5625rem;display:block}.referral-earnings-side{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.referral-earnings-status{text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.0625rem .3125rem;font-size:.4375rem;font-weight:700;line-height:1.3;display:inline-block}.referral-earnings-status.status-credited{color:#86efac;background:#22c55e24}.referral-earnings-status.status-pending{color:var(--theme-gold-bright);background:#fbbf2424}.referral-earnings-amount{white-space:nowrap;font-size:.6875rem;font-weight:800}.referral-earnings-amount.positive{color:#4ade80}.referral-earnings-amount.pending{color:var(--theme-gold-bright)}.referral-row-chevron{color:var(--theme-border-strong)}.referral-view-all{width:100%;color:var(--theme-green-light);cursor:pointer;text-align:center;background:0 0;border:none;margin-top:.375rem;padding:.375rem;font-size:.625rem;font-weight:700;display:block}.referral-view-all:disabled{opacity:.6;cursor:not-allowed}.referral-avatar{background:var(--theme-bg-card);border:1px solid var(--theme-green-glow);width:2rem;height:2rem;color:var(--theme-green-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.625rem;font-weight:800;display:flex}.referral-list-main{flex:1;min-width:0}.referral-list-name-row{align-items:center;gap:.3125rem;min-width:0;display:flex}.referral-list-name-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;font-weight:700;line-height:1.2;overflow:hidden}.referral-list-sub{color:var(--theme-text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:.125rem;font-size:.5625rem;line-height:1.25;display:block;overflow:hidden}.referral-list-meta{flex-shrink:0;align-items:center;gap:.1875rem;display:flex}.referral-status{text-transform:capitalize;border-radius:999px;flex-shrink:0;padding:.0625rem .3125rem;font-size:.4375rem;font-weight:700;line-height:1.3;display:inline-block}.referral-status.status-active{color:#86efac;background:#22c55e24}.referral-status.status-blocked,.referral-status.status-suspended{color:#fca5a5;background:#ef444424}.referral-bonus-tag{white-space:nowrap;font-size:.5625rem;font-weight:700}.referral-bonus-tag.credited{color:#4ade80}.referral-bonus-tag.pending{color:var(--theme-gold-bright)}.referral-agent-card{background:#2563eb1a;border:1px solid #d4af3738;border-radius:14px;margin:.625rem .875rem;padding:.75rem}.referral-agent-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.referral-agent-head h2{font-size:.8125rem;font-weight:800}.referral-agent-status{text-transform:uppercase;border-radius:999px;padding:.125rem .4375rem;font-size:.5625rem;font-weight:700}.referral-agent-status.status-active{color:#86efac;background:#22c55e24}.referral-agent-status.status-pending,.referral-agent-status.status-suspended{color:var(--theme-gold-bright);background:#fbbf2424}.referral-agent-meta{color:var(--theme-green-light);margin-top:.3125rem;font-size:.6875rem}.referral-agent-stats{grid-template-columns:repeat(2,1fr);gap:.625rem;margin-top:.625rem;display:grid}.referral-agent-stats div span{color:var(--theme-text-muted);font-size:.5625rem;display:block}.referral-agent-stats div strong{margin-top:.1875rem;font-size:.875rem;display:block}.referral-agent-portal-link{color:var(--theme-green-light);margin-top:.625rem;font-size:.6875rem;font-weight:700;text-decoration:none;display:inline-block}.referral-invited-by{background:#1212128c;border:1px solid #94a3b81a;border-radius:12px;margin:0 .875rem;padding:.625rem .75rem;font-size:.75rem}.referral-invited-by span{color:var(--theme-text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.5625rem;display:block}.referral-invited-by strong{margin-top:.1875rem;font-size:.8125rem;display:block}.referral-invited-by code{color:var(--theme-text-secondary);background:#94a3b81a;border-radius:6px;margin-top:.3125rem;padding:.125rem .375rem;font-size:.6875rem;display:inline-block}.referral-footnote{color:var(--theme-border-strong);margin:.375rem .875rem .75rem;font-size:.5625rem;line-height:1.4}.referral-footnote a{color:var(--theme-green-light);text-decoration:none}