.referral-hero{background:var(--dk-dash-accent-bg);border:1px solid transparent;border-radius:var(--card-radius);box-shadow:var(--dk-dash-accent-shadow);display:flex;flex-direction:column;gap:var(--space-4)}.referral-hero__label{margin:0;font:var(--text-cab-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--dk-dash-accent-sub)}.referral-field{display:flex;align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-4);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.referral-field:focus-within{border-color:var(--lime-600);box-shadow:var(--shadow-focus)}.referral-field__icon{flex:none;display:inline-flex;color:var(--text-muted)}.referral-link{flex:1 1 auto;min-width:0;border:0;background:transparent;font:var(--text-cab-body);color:var(--text-primary);text-overflow:ellipsis}.referral-link:focus{outline:none}.referral-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.referral-rewards{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}.referral-reward{display:flex;gap:var(--space-3);align-items:flex-start}.referral-reward__icon{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--lime-100);color:var(--text-primary)}.referral-reward__label{display:block;font:var(--text-cab-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--dk-dash-accent-sub)}.referral-reward__text{display:block;margin-top:2px;font:var(--text-cab-body);color:var(--text-primary)}@media (max-width:560px){.referral-rewards{grid-template-columns:1fr}}.referral-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin:0;padding:0;list-style:none}.referral-stat{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.referral-stat__icon{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--lime-100);color:var(--text-primary)}.referral-stat__value{font-size:38px;font-weight:700;line-height:1;letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-primary)}.referral-stat__label{font:var(--text-cab-caption);color:var(--text-muted)}.referral-stat--zero .referral-stat__icon{background:var(--surface-subtle);color:var(--text-muted)}.referral-stat--zero .referral-stat__value{color:var(--text-muted)}@media (max-width:640px){.referral-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.referral-how{gap:var(--space-4)}.referral-how__title{margin:0;font:var(--text-cab-section);color:var(--text-primary)}.referral-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin:0;padding:0;list-style:none}.referral-step{display:flex;gap:var(--space-3);align-items:flex-start}.referral-step__num{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--lime-500);color:var(--text-on-accent);font:var(--text-cab-card)}.referral-step__text{font:var(--text-cab-body);color:var(--text-primary)}@media (max-width:640px){.referral-steps{grid-template-columns:1fr;gap:var(--space-3)}}body,html{overflow-x:clip}body{font-size:var(--fs-body);line-height:var(--lh-normal);background:var(--surface-page);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;touch-action:manipulation}:where(button,[type=button],[type=submit],[type=reset]){color:inherit}@media (max-width:900px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]),select,textarea{font-size:max(16px,1em)!important}}.st-wrap,.st-wrap-inline{padding-left:max(var(--page-gutter),env(safe-area-inset-left,0px));padding-right:max(var(--page-gutter),env(safe-area-inset-right,0px))}.auth-shell{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top,0px)) max(var(--page-gutter),env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(var(--page-gutter),env(safe-area-inset-left,0px))}.auth-shell__card{width:100%;max-width:400px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;gap:20px}@media (max-width:640px){.auth-shell__card{padding:22px 18px;gap:16px}.auth-shell__card h1{font-size:22px!important}}.auth-invite{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-subtle,var(--gray-50))}.auth-invite__logo{flex:none;width:40px;height:40px;border-radius:10px;object-fit:contain;background:var(--gray-100)}.auth-invite__title{font-size:15px;font-weight:600;color:var(--text-primary)}.auth-invite__subtitle{margin-top:2px;font-size:13px;color:var(--text-secondary)}