.ref-explainer{ margin:0 0 28px; font-size:0.92rem; line-height:1.6; color:var(--paper-dim); max-width:640px; }
.ref-explainer strong{ color:var(--gold); font-weight:600; }

.ref-code-card{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:14px;
  margin-bottom:24px;
}
.ref-code-card__block{
  display:flex; flex-direction:column; gap:8px;
  padding:18px 20px; border-radius:var(--radius-m);
  border:1px solid var(--gold-dim); background:rgba(205,166,95,0.05);
}
.ref-code-card__label{ font-size:0.76rem; color:var(--paper-dim); }
.ref-code-card__row{ display:flex; align-items:center; gap:10px; }
.ref-code-card__value{
  flex:1; min-width:0; font-family:var(--font-display); font-weight:500;
  font-size:1.1rem; color:var(--gold); letter-spacing:0.04em;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.ref-code-card__value--link{ font-family:inherit; font-weight:400; font-size:0.86rem; color:var(--paper); letter-spacing:normal; }
.ref-copy-btn{ flex:none; padding:8px 16px; font-size:0.78rem; }

.ref-stats-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:14px; }
.ref-stat-card{
  display:flex; flex-direction:column; gap:6px; align-items:flex-start;
  padding:18px 20px; border-radius:var(--radius-m);
  border:1px solid var(--line); background:rgba(236,231,220,0.02);
}
.ref-stat-card--gold{ border-color:var(--gold-dim); background:rgba(205,166,95,0.06); }
.ref-stat-card__value{ font-family:var(--font-display); font-weight:500; font-size:1.6rem; color:var(--paper); }
.ref-stat-card--gold .ref-stat-card__value{ color:var(--gold); }
.ref-stat-card__label{ font-size:0.78rem; color:var(--paper-dim); }

.ref-toast{
  position:fixed; left:50%; bottom:28px; transform:translate(-50%, 12px);
  padding:10px 20px; border-radius:999px; border:1px solid var(--gold-dim);
  background:var(--bg-elevated, #1a1712); color:var(--gold); font-size:0.84rem;
  opacity:0; transition:opacity .2s var(--ease), transform .2s var(--ease);
  pointer-events:none; z-index:50;
}
.ref-toast--visible{ opacity:1; transform:translate(-50%, 0); }
