/* Selected cash-referral design. Scoped to this modal, preserving app controls. */
#lj-referral-modal {color:#252a34;font-family:inherit;background:rgba(21,29,44,.38);backdrop-filter:blur(8px);padding:28px;}
#lj-referral-modal .ljReferralDialog {width:min(1480px,92vw);max-width:1600px;max-height:96dvh;border:1px solid #e4e9f1;border-radius:24px;background:#fff;box-shadow:0 28px 90px #142d4626;overflow:auto;scrollbar-width:thin;}
#lj-referral-modal .ljReferralDialog>header {padding:20px 28px;min-height:80px;border-bottom:1px solid #edf0f4;gap:12px;}
#lj-referral-modal .ljReferralBrandIcon {width:40px;height:40px;border-radius:12px;background:#edf4ff;color:#2c69d7;box-shadow:none;}
#lj-referral-modal .ljReferralDialog>header h2 {font-size:22px;line-height:1.4;color:#232a35;}
#lj-referral-modal .ljReferralDialog>header span {color:#848b97;font-size:12px;letter-spacing:.02em;}
#lj-referral-modal .ljReferralClose {display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid #e4e9f1;background:#fff;border-radius:10px;color:#727c8e;}
#lj-referral-modal .ljReferralClose:hover {background:#f3f6fb;color:#202732;}
#lj-referral-modal .ljReferralContent {display:flex;flex:none;flex-direction:column;gap:18px;padding:26px 32px 28px;background:#fff;overflow:visible;}
#lj-referral-modal .ljReferralContent>section,#lj-referral-modal .ljReferralContent>details {flex:none;}
#lj-referral-modal .ljReferralDialog>header {position:sticky;top:0;z-index:2;background:#fff;flex:none;}
#lj-referral-modal h1,#lj-referral-modal h3,#lj-referral-modal p {margin:0;}
#lj-referral-modal button,#lj-referral-modal input {font:inherit;}
#lj-referral-modal button {cursor:pointer;}
#lj-referral-modal button:disabled {opacity:.45;cursor:not-allowed;}
#lj-referral-modal :is(button,input,summary):focus-visible {outline:3px solid #8dbbff;outline-offset:3px;}
#lj-referral-modal svg {display:block;flex-shrink:0;width:20px;height:20px;}
#lj-referral-modal .ljCashHero {position:relative;display:grid;grid-template-columns:1.6fr .85fr .6fr;align-items:center;min-height:240px;padding:30px 32px;border-radius:18px;background:#eef5ff;overflow:hidden;gap:12px;}
#lj-referral-modal .ljCashPitch>span {display:block;font-size:13px;color:#5e779b;margin-bottom:13px;}
#lj-referral-modal .ljCashPitch h1 {font-size:clamp(28px,2.4vw,40px);letter-spacing:-.035em;line-height:1.35;font-weight:750;white-space:nowrap;}
#lj-referral-modal .ljCashPitch p {font-size:14px;color:#727d8e;line-height:1.6;margin-top:14px;}
#lj-referral-modal .ljCashPitch p strong {color:#286ce0;font-size:16px;}
#lj-referral-modal .ljCashBalance {position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;align-items:flex-start;}
#lj-referral-modal .ljCashBalance>span {font-size:14px;color:#53647b;}
#lj-referral-modal .ljCashBalance>strong {font-size:clamp(34px,3.1vw,48px);line-height:1.1;letter-spacing:-.035em;color:#2864d5;font-weight:750;font-variant-numeric:tabular-nums;}
#lj-referral-modal .ljCashBalance>small {font-size:12px;color:#8190a6;}
#lj-referral-modal .ljCashArtwork {width:200px;max-width:135%;justify-self:center;mix-blend-mode:multiply;object-fit:contain;}
#lj-referral-modal .ljCashTiers {border:1px solid #e6eaf1;border-radius:18px;padding:20px 26px 24px;}
#lj-referral-modal h3 {font-size:17px;line-height:1.5;font-weight:650;color:#28313f;}
#lj-referral-modal .ljCashTierGrid {display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;}
#lj-referral-modal .ljCashTierGrid article {padding:2px 28px;border-left:1px solid #e9ecf1;}
#lj-referral-modal .ljCashTierGrid article:first-child {padding-left:0;border-left:0;}
#lj-referral-modal .ljCashTierGrid article>div {display:flex;align-items:center;gap:8px;font-size:14px;color:#5a6576;}
#lj-referral-modal .ljCashTierGrid svg {color:#7698c8;}
#lj-referral-modal .ljCashTierGrid small {font-size:10px;padding:3px 7px;border:1px solid #d9e6fa;border-radius:5px;color:#567aaa;background:#f4f8ff;white-space:nowrap;}
#lj-referral-modal .ljCashTierGrid article>strong {display:block;font-size:42px;line-height:1.2;letter-spacing:-.025em;margin:10px 0 8px;font-variant-numeric:tabular-nums;}
#lj-referral-modal .ljCashTierGrid article>strong>span {font-size:25px;margin-left:2px;}
#lj-referral-modal .ljCashTierGrid article>p {font-size:13px;color:#7c8798;}
#lj-referral-modal .ljCashShare {background:#f8fafc;border:1px solid #e9edf4;border-radius:18px;padding:22px 26px 18px;}
#lj-referral-modal .ljCashShare>p {font-size:13px;color:#7d8797;margin:7px 0 18px;}
#lj-referral-modal .ljCashShareRow {display:flex;gap:12px;}
#lj-referral-modal .ljCashLink {display:flex;align-items:center;gap:10px;border:1px solid #e1e7f0;border-radius:10px;background:#fff;padding:0 14px;flex:1;min-width:0;color:#7991b5;}
#lj-referral-modal .ljCashLink input {width:100%;min-width:0;outline:none;border:0;background:transparent;padding:14px 0;font-size:13px;color:#4c5a70;}
#lj-referral-modal .ljCashPrimary {display:flex;align-items:center;justify-content:center;gap:10px;border:0;background:#20242b;color:white;border-radius:10px;padding:13px 22px;font-size:14px;font-weight:600;}
#lj-referral-modal .ljCashPrimary:hover {background:#373d46;}
#lj-referral-modal .ljCashInviteCode {display:flex;gap:12px;align-items:center;margin-top:12px;font-size:12px;color:#8993a3;}
#lj-referral-modal .ljCashInviteCode strong {color:#5a6679;font-weight:550;letter-spacing:.06em;}
#lj-referral-modal .ljCashInviteCode button {display:grid;place-items:center;background:none;border:0;color:#8390a7;padding:5px;}
#lj-referral-modal .ljCashInviteCode svg {width:15px;height:15px;}
#lj-referral-modal .ljCashDisclosure {border:1px solid #e6ebf2;border-radius:12px;overflow:hidden;}
#lj-referral-modal .ljCashDisclosure summary {display:flex;align-items:center;gap:12px;list-style:none;padding:17px 21px;cursor:pointer;font-size:13px;}
#lj-referral-modal .ljCashDisclosure summary::-webkit-details-marker {display:none;}
#lj-referral-modal .ljCashDisclosure summary>svg {color:#8b9db8;width:17px;height:17px;}
#lj-referral-modal .ljCashDisclosure summary>span {font-size:12px;color:#96a0af;}
#lj-referral-modal .ljCashDisclosure summary>svg:last-child {margin-left:auto;transition:transform .15s;}
#lj-referral-modal .ljCashDisclosure[open] summary>svg:last-child {transform:rotate(180deg);}
#lj-referral-modal .ljCashDetails {border-top:1px solid #e9edf3;padding:20px 24px;font-size:13px;line-height:1.8;color:#748095;}
#lj-referral-modal .ljCashDetails p {margin:10px 0;}
#lj-referral-modal .ljCashInviteStats {display:flex;gap:24px;flex-wrap:wrap;}
#lj-referral-modal .ljCashThresholds {list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 0;margin:0;}
#lj-referral-modal .ljCashThresholds li {display:flex;flex-direction:column;gap:3px;}
#lj-referral-modal .ljCashThresholds strong {color:#28364b;}
#lj-referral-modal .ljCashConversion,#lj-referral-modal .ljCashRecordsHeading {display:flex;align-items:center;justify-content:space-between;gap:12px;}
#lj-referral-modal .ljCashDetails button {border:1px solid #dce3ec;background:#fff;padding:7px 12px;border-radius:8px;color:#52647e;}
/* Desktop typography follows the selected mock's cash-first hierarchy. */
@media(min-width:901px) {
  #lj-referral-modal .ljReferralDialog>header {padding:16px 30px;min-height:78px;border-bottom:0;}
  #lj-referral-modal .ljReferralDialog>header>div:nth-child(2) {display:flex;align-items:center;gap:18px;}
  #lj-referral-modal .ljReferralDialog>header h2 {font-size:26px;font-weight:700;}
  #lj-referral-modal .ljReferralDialog>header span {font-size:15px;}
  #lj-referral-modal .ljReferralBrandIcon {background:transparent;color:#485975;}
  #lj-referral-modal .ljReferralBrandIcon svg {width:28px;height:28px;}
  #lj-referral-modal .ljReferralClose {width:44px;height:44px;flex-basis:44px;}
  #lj-referral-modal .ljReferralContent {padding:0 20px 14px;gap:16px;}
  #lj-referral-modal .ljCashHero {min-height:270px;padding:26px 36px;grid-template-columns:1.55fr .85fr .72fr;}
  #lj-referral-modal .ljCashPitch>span {font-size:16px;font-weight:550;margin-bottom:14px;}
  #lj-referral-modal .ljCashPitch h1 {font-size:clamp(34px,3.7vw,56px);font-weight:750;line-height:1.2;}
  #lj-referral-modal .ljCashPitch p {font-size:18px;margin-top:20px;}
  #lj-referral-modal .ljCashPitch p strong {font-size:26px;}
  #lj-referral-modal .ljCashBalance {border-left:1px solid #d6e4fb;padding-left:34px;gap:16px;}
  #lj-referral-modal .ljCashBalance>span {font-size:17px;color:#293c58;font-weight:600;}
  #lj-referral-modal .ljCashBalance>strong {font-size:clamp(45px,5.3vw,80px);color:#1f63ed;}
  #lj-referral-modal .ljCashBalance>small {font-size:16px;white-space:nowrap;color:#64768f;}
  #lj-referral-modal .ljCashArtwork {width:275px;}
  #lj-referral-modal .ljCashTiers {padding:20px 30px;}
  #lj-referral-modal h3 {font-size:20px;}
  #lj-referral-modal .ljCashTierGrid article {padding:0 34px;}
  #lj-referral-modal .ljCashTierGrid article:first-child {padding-left:22px;}
  #lj-referral-modal .ljCashTierGrid article>div {font-size:17px;gap:12px;}
  #lj-referral-modal .ljCashTierGrid article>div svg {color:#1667ee;}
  #lj-referral-modal .ljCashTierGrid article>strong {font-size:62px;color:#1462f0;margin:8px 0 4px;}
  #lj-referral-modal .ljCashTierGrid article>strong>span {font-size:34px;}
  #lj-referral-modal .ljCashTierGrid article>p {font-size:16px;}
  #lj-referral-modal .ljCashTierGrid small {font-size:12px;color:#266adf;border:0;padding:5px 12px;border-radius:16px;background:#e7f0ff;}
  #lj-referral-modal .ljCashShare {padding:20px 30px 16px;}
  #lj-referral-modal .ljCashShare>p {font-size:16px;margin:8px 0 16px;}
  #lj-referral-modal .ljCashLink input {font-size:16px;padding:17px 0;}
  #lj-referral-modal .ljCashPrimary {font-size:16px;padding:16px 24px;}
  #lj-referral-modal .ljCashInviteCode {font-size:15px;}
  #lj-referral-modal .ljCashDisclosure summary {font-size:16px;padding:17px 24px;}
  #lj-referral-modal .ljCashDisclosure summary>span {font-size:14px;}
}
@media(min-width:901px) and (max-height:950px) {
  #lj-referral-modal .ljReferralContent {gap:12px;}
  #lj-referral-modal .ljCashHero {min-height:210px;padding-top:18px;padding-bottom:18px;}
  #lj-referral-modal .ljCashPitch h1 {font-size:40px;}
  #lj-referral-modal .ljCashPitch p {font-size:15px;margin-top:14px;}
  #lj-referral-modal .ljCashBalance>strong {font-size:56px;}
  #lj-referral-modal .ljCashArtwork {width:200px;}
  #lj-referral-modal .ljCashTiers {padding:16px 26px;}
  #lj-referral-modal .ljCashTierGrid {margin-top:12px;}
  #lj-referral-modal .ljCashTierGrid article>strong {font-size:48px;}
  #lj-referral-modal .ljCashShare {padding:16px 26px 12px;}
  #lj-referral-modal .ljCashDisclosure summary {padding:14px 20px;}
}
@media(min-width:1800px) and (min-height:1000px) {
  #lj-referral-modal .ljReferralDialog {width:min(80vw,1540px);}
  #lj-referral-modal .ljReferralContent {padding:8px 40px 16px;gap:16px;}
  #lj-referral-modal .ljCashHero {min-height:280px;}
  #lj-referral-modal .ljCashArtwork {width:260px;}
  #lj-referral-modal .ljCashTiers {padding:20px 32px;}
  #lj-referral-modal .ljCashShare {padding:20px 32px 16px;}
}
@media(max-width:900px) {
  #lj-referral-modal {padding:14px;}
  #lj-referral-modal .ljReferralDialog {width:100%;max-height:96dvh;}
  #lj-referral-modal .ljReferralContent {padding:18px;gap:14px;}
  #lj-referral-modal .ljCashHero {grid-template-columns:1.4fr 1fr;padding:24px;}
  #lj-referral-modal .ljCashArtwork {display:none;}
  #lj-referral-modal .ljCashPitch h1 {font-size:28px;}
  #lj-referral-modal .ljCashTierGrid article {padding:2px 14px;}
  #lj-referral-modal .ljCashTierGrid article>div {flex-wrap:wrap;gap:5px;}
}
@media(max-width:600px) {
  #lj-referral-modal .ljReferralDialog {border-radius:18px;}
  #lj-referral-modal .ljReferralDialog>header {padding:16px;}
  #lj-referral-modal .ljCashHero {display:flex;flex-direction:column;align-items:flex-start;gap:24px;}
  #lj-referral-modal .ljCashBalance {gap:8px;}
  #lj-referral-modal .ljCashBalance>strong {font-size:36px;}
  #lj-referral-modal .ljCashBalance>small {display:block;}
  #lj-referral-modal .ljCashTiers,#lj-referral-modal .ljCashShare {padding:18px 14px;}
  #lj-referral-modal .ljCashTierGrid article {padding:0 8px;}
  #lj-referral-modal .ljCashTierGrid article>div {font-size:12px;}
  #lj-referral-modal .ljCashTierGrid article>div {min-height:42px;align-content:flex-start;}
  #lj-referral-modal .ljCashTierGrid article>div svg {display:none;}
  #lj-referral-modal .ljCashTierGrid article>strong {font-size:34px;}
  #lj-referral-modal .ljCashTierGrid article>p {font-size:11px;line-height:1.6;}
  #lj-referral-modal .ljCashShareRow {flex-direction:column;}
  #lj-referral-modal .ljCashDisclosure summary {padding:15px 12px;gap:8px;}
  #lj-referral-modal .ljCashDisclosure summary>span {display:none;}
  #lj-referral-modal .ljCashThresholds {grid-template-columns:1fr;gap:8px;}
  #lj-referral-modal .ljCashConversion {align-items:flex-start;flex-direction:column;}
}