.referrals-page{max-width:1120px;padding-top:40px;padding-bottom:60px}.referrals-page h1,.referrals-page h2,.ref-admin h2{margin:0}.referrals-page h2,.ref-admin h2{font-size:18px;line-height:1.4}.ref-hero{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:30px 0 34px}.ref-hero-copy{max-width:620px}.ref-hero h1{font-family:var(--serif);font-size:clamp(32px,4.2vw,48px);line-height:1.12;margin:14px 0}.ref-hero p{color:#b7aeba;line-height:1.75;margin:14px 0 0;max-width:580px}.ref-hero-art{display:flex;align-items:center;gap:12px;flex:none;padding-right:16px}.ref-hero-art span{width:76px;height:88px;border:1px solid #60415a;border-radius:26px;background:linear-gradient(155deg,#472439,#211b25);display:grid;place-items:center;color:#f8a5c9;transform:rotate(-9deg)}.ref-hero-art span:last-child{transform:rotate(9deg);color:#efbe7e;background:linear-gradient(155deg,#4a352b,#241e23);border-color:#644c3a}.ref-hero-art i{color:#998090}.ref-preview-note{display:flex;align-items:flex-start;gap:9px;padding:12px 15px;border:1px dashed #4c3b56;border-radius:11px;font-size:12px;line-height:1.6;color:#c2accb;margin:0 0 20px}.ref-preview-note svg{flex:none;margin-top:2px}.ref-notice{border-radius:10px;background:#2b2522;border:1px solid #534032;padding:12px 14px;font-size:12px;line-height:1.7;color:#dbb99c}.ref-program-notice{margin-bottom:20px}.ref-program-notice p{margin:3px 0 0}.ref-panel{padding:24px;border:1px solid #342d3a;border-radius:18px;background:#19151e;min-width:0}.ref-top-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;margin-bottom:28px}.ref-panel-title,.ref-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.ref-count{font-size:12px;color:#c7a0b6;background:#34202d;padding:6px 10px;border-radius:99px}.ref-muted{font-size:12px;line-height:1.75;color:#aca1b3;overflow-wrap:anywhere}.ref-copy-link{display:flex;gap:8px;padding:7px;border:1px solid #504052;border-radius:12px;margin-top:22px;background:#121016}.ref-copy-link input{width:0;flex:1;min-width:0;background:transparent;border:none;color:#e1d5e6;padding:8px;font-size:13px;text-overflow:ellipsis}.ref-copy-link .btn{flex:none}.ref-code{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 14px;margin-top:18px}.ref-code>span{font-size:11px;letter-spacing:.02em;color:#a89aaf}.ref-code code{grid-row:2;word-break:break-all;color:#e2d4e8;font-size:12px;letter-spacing:.02em}.ref-code button{grid-column:2;grid-row:1/3;font-size:12px}.ref-rules-panel ol{list-style:none;padding:0;margin:18px 0;display:grid;gap:12px}.ref-rules-panel li{display:flex;gap:12px;align-items:flex-start;font-size:12px;color:#b9adbf;line-height:1.65}.ref-rules-panel li>b{display:grid;place-items:center;width:23px;height:23px;flex:none;border-radius:50%;background:#322536;color:#e7bbd0;font-size:11px}.ref-rule-chips{display:flex;gap:10px;flex-wrap:wrap;padding-top:14px;border-top:1px solid #392d40;font-size:11px;color:#b5a6bd}.ref-rule-chips span+span{border-left:1px solid #54405d;padding-left:10px}.ref-rule-chips b{color:#eee3f2}.ref-wallet{margin-bottom:24px}.ref-section-heading>span{font-size:11px;color:#b7a8c1;letter-spacing:.1em}.ref-balance-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.ref-stat{padding:18px 16px;background:#1d1822;border:1px solid #3b3043;border-radius:13px;min-width:0}.ref-stat>span{display:block;color:#b8abbf;font-size:11px;line-height:1.5;min-height:34px}.ref-stat strong{display:block;font-size:25px;line-height:1.3;font-weight:650;letter-spacing:-.03em;overflow-wrap:anywhere}.ref-stat-available{background:linear-gradient(135deg,#48233d,#2a1b2c);border-color:#7a3b62}.ref-stat-available strong{color:#ffbedb}.ref-stat-converted strong{color:#e9ce9e}.ref-stat-debt{border-color:#8a4447}.ref-stat-debt strong{color:#fa9b9b}.ref-action-grid,.ref-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ref-spend-panel .ref-panel-title{justify-content:flex-start}.ref-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#b9a6d3;background:#30253c}.ref-symbol-coin{color:#f1ca6d;background:#3d3220}.ref-spend-panel .field{margin:20px 0 12px}.ref-spend-panel input{font-size:20px;font-weight:600;padding:14px}.ref-quote{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;background:#241e2b;border-radius:10px}.ref-quote span{font-size:12px;color:#b9aabe}.ref-quote strong{color:#edc76f;overflow-wrap:anywhere;text-align:right;font-size:18px}.ref-spend-panel:last-child .ref-quote strong{color:#e2cce9}.ref-form-note{font-size:11px}.ref-spend-panel .btn{width:100%;justify-content:center;min-height:46px;margin-top:6px}.ref-spend-panel .btn:disabled{opacity:.45;cursor:not-allowed}.ref-rounding-note{font-size:11px;margin:15px 0 24px}.ref-history-grid{margin-top:20px}.ref-ledger{margin-top:18px}.ref-ledger-row{padding:18px 0;border-top:1px solid #3a2e41}.ref-ledger-row:first-child{border-top:0;padding-top:0}.ref-ledger-row:last-child{padding-bottom:0}.ref-ledger-row header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.ref-ledger-row header>div{min-width:0}.ref-ledger-row header strong{font-size:14px}.ref-label{display:block;font-size:10px;color:#a394ad;margin-bottom:5px}.ref-id{display:block;overflow-wrap:anywhere;font-weight:500}.ref-ledger-row small{font-size:11px;color:#a79aaf}.ref-row-values{display:flex;justify-content:space-between;gap:18px;margin:14px 0;font-size:12px}.ref-row-values>div{min-width:0}.ref-row-values span{display:block;color:#a99ab2;font-size:11px;margin-bottom:5px}.ref-row-values strong{font-size:16px}.ref-commission{color:#f3b8d1}.ref-ledger-row footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#9d8fa7;font-size:10px;line-height:1.7}.ref-ledger-row footer>span{display:flex;align-items:center;gap:5px}.ref-status{display:inline-flex;align-items:center;flex-shrink:0;max-width:50%;text-align:center;border-radius:99px;padding:4px 9px;background:#32283a;color:#cbb3dd;font-size:10px;line-height:1.5}.ref-status-frozen,.ref-status-pending{color:#edc67c;background:#3b3020}.ref-status-available,.ref-status-paid{color:#8dd8b3;background:#1e382e}.ref-status-voided,.ref-status-reversed,.ref-status-rejected{color:#efa6ad;background:#40272f}.ref-status-converted{color:#e9ce9e;background:#372f23}.ref-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:9px;min-height:115px;color:#8d7d9a;padding:24px 12px}.ref-empty p{font-size:12px;line-height:1.7;margin:0}.ref-conversion-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ref-coins{display:inline-flex;align-items:center;gap:6px;color:#edca79;font-size:14px}.ref-bind{margin-top:20px}.ref-bind summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:14px}.ref-bind summary::before{content:'+';margin-right:10px;color:#c896b2}.ref-bind[open] summary::before{content:'−'}.ref-bind form{max-width:500px}.referrals-page .field input,.referrals-page .field select{width:100%;min-width:0}.referrals-page .btn,.ref-admin .btn{min-height:44px}.referrals-page .field>span{display:block;margin-bottom:8px;color:#bbaeC4;font-size:12px}.referrals-page .field input{border:1px solid #4a3b53;background:#211a27;color:#f0e6f5;border-radius:10px;min-height:46px}.referrals-page .field input:focus{outline:2px solid #e86fa7;outline-offset:2px}.ref-admin .ref-panel{background:#fff;border-color:#e6deeb;border-radius:14px;margin-bottom:20px}.ref-admin .ref-admin-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}.ref-admin .ref-admin-grid>.panel{margin-bottom:0}.ref-admin .ref-admin-grid{margin-bottom:20px}.ref-admin .ref-policy-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.ref-admin .field{min-width:0;margin-bottom:5px}.ref-admin .field input,.ref-admin .field select{width:100%;min-width:0;min-height:44px}.ref-admin .ref-check{display:flex;align-items:center;gap:10px;min-height:44px;margin:12px 0;font-size:13px;line-height:1.6}.ref-admin .ref-check input{width:18px;height:18px;flex:none}.ref-admin .ref-preview-note{color:#785b83;background:#fbf7fd;border-color:#d6c6de}.ref-admin .ref-muted{color:#7c6c86}.ref-admin .ref-notice{background:#fcf7ef;border-color:#e9dac4;color:#947145}.ref-admin .ref-stat{background:#f7f3fa;border-color:#e4dbe9}.ref-admin .ref-stat-available{background:#fff3f9;border-color:#efc6dc}.ref-admin .ref-stat strong{color:#392a45}.ref-admin .ref-stat-available strong{color:#ad3871}.ref-admin .ref-stat-converted strong{color:#a4772b}.ref-admin .ref-stat-debt strong{color:#a13848}.ref-admin .ref-stat span,.ref-admin .ref-section-heading>span{color:#85728e}.ref-admin .ref-ledger-row{border-color:#e9e1ed}.ref-admin .ref-label,.ref-admin .ref-row-values span,.ref-admin .ref-ledger-row footer,.ref-admin .ref-ledger-row small{color:#8a7894}.ref-admin .ref-commission{color:#a5467b}.ref-admin .ref-status-frozen,.ref-admin .ref-status-pending{color:#916424;background:#fff0d6}.ref-admin .ref-status-available,.ref-admin .ref-status-paid{color:#28815a;background:#e8f6ee}.ref-admin .ref-status-rejected,.ref-admin .ref-status-reversed,.ref-admin .ref-status-voided{color:#ad4859;background:#fcebef}.ref-admin .ref-ledger-row form{margin-top:14px}.ref-admin .ref-ledger-row form .btn{margin-top:8px}.ref-admin .ref-empty{color:#9b8ca3}
@media(max-width:1000px){.ref-balance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ref-top-grid{grid-template-columns:1fr}.ref-hero-art{padding-right:0}.ref-admin .ref-admin-grid{grid-template-columns:1fr}.ref-admin .ref-balance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:599px){.referrals-page{padding-top:18px;padding-bottom:calc(36px + env(safe-area-inset-bottom))}.ref-hero{padding:16px 0 24px;gap:12px}.ref-hero-art{display:none}.ref-hero h1{font-size:34px}.ref-hero p{font-size:13px}.ref-panel{padding:19px 17px;border-radius:14px}.ref-top-grid,.ref-action-grid,.ref-history-grid{grid-template-columns:1fr;gap:16px}.ref-balance-grid,.ref-admin .ref-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ref-stat{padding:16px 13px}.ref-stat strong{font-size:25px}.ref-stat-available{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}.ref-stat-available>span{min-height:0}.ref-stat-available>strong{font-size:31px}.ref-stat>span{min-height:32px}.ref-copy-link{flex-direction:column}.ref-copy-link input{width:100%;font-size:16px;min-height:44px}.ref-copy-link .btn{width:100%;justify-content:center}.ref-code{gap:8px 9px}.ref-code code{font-size:11px}.ref-code button{padding-inline:12px}.ref-history-grid{margin-top:16px}.ref-quote{padding:13px}.ref-quote strong{font-size:16px}.ref-admin .ref-policy-fields{grid-template-columns:1fr}.ref-admin .ref-panel{padding:19px 16px}.ref-admin .ref-check{align-items:flex-start;padding-block:10px}.ref-admin .ref-check input{margin-top:3px}.ref-admin .field input,.ref-admin .field select{font-size:16px}.ref-row-values{gap:12px}.ref-row-values strong{font-size:15px}.ref-panel-title h2{font-size:17px}.ref-count{font-size:11px}.ref-status{font-size:10px}.ref-ledger-row footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.referrals-page *{scroll-behavior:auto}}
.ref-rules-panel{align-self:start}.ref-rules-panel summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;font-size:17px;font-weight:600}.ref-rules-panel summary::after{content:'+';font-size:23px;color:#bc91ad}.ref-rules-panel[open] summary::after{content:'−'}.ref-rules-panel summary::-webkit-details-marker{display:none}.ref-account-entry,.ref-wallet-entry{border:1px solid #49304b;border-radius:13px;background:linear-gradient(110deg,#291c2b,#1c1721);padding:16px 18px!important;margin-top:18px;color:#e7c8dd!important}.ref-account-entry svg,.ref-wallet-entry svg{color:#eca9ca;flex:none}.ref-account-entry strong,.ref-wallet-entry strong{color:#f2bdd7}.ref-wallet-entry{margin-bottom:24px}.ref-account-entry>span,.ref-wallet-entry>span{min-width:0}.ref-wallet .ref-balance-grid{margin-top:15px}
.ref-stat{container-type:inline-size}.ref-stat strong{white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums;font-size:min(25px,calc(100cqi / var(--ref-amount-chars,8) * 1.55))}.ref-stat-long{grid-column:span 2}.ref-stat-long strong{font-size:min(25px,calc(100cqi / var(--ref-amount-chars,16) * 1.55))}
@media(max-width:599px){.ref-stat-available>strong{font-size:31px}.ref-stat-long{grid-column:1/-1;display:block}.ref-stat-long>span{min-height:0;margin-bottom:10px}.ref-stat-long>strong{font-size:min(28px,calc(100cqi / var(--ref-amount-chars,16) * 1.55))}}
@media(max-width:379px){.ref-stat:not(.ref-stat-available):not(.ref-stat-long)>strong{font-size:min(21px,calc(100cqi / var(--ref-amount-chars,8) * 1.55))}.ref-stat-available:not(.ref-stat-long)>strong{font-size:min(28px,calc(65cqi / var(--ref-amount-chars,8) * 1.55))}}

/* Keep invitation sharing reachable before accounting on a phone. */
@media(max-width:899px){.viewer-app .referrals-page{display:flex;flex-direction:column;gap:12px;padding:14px 16px 82px}.referrals-page>*{order:5;margin-top:0;margin-bottom:0}.referrals-page>.ref-hero{order:0;margin:0;min-height:0;padding:0}.ref-hero .eyebrow,.ref-hero-art{display:none}.ref-hero h1{font-size:25px;line-height:1.2;margin:0 0 7px}.ref-hero p{font-size:12px;line-height:1.5;margin:0}.referrals-page>.ref-top-grid{order:1;gap:8px}.referrals-page>.ref-wallet{order:2}.referrals-page>.ref-program-notice{order:3;padding:12px}.referrals-page>.ref-action-grid{order:4;gap:10px}.referrals-page .ref-panel{padding:14px;border-radius:12px}.referrals-page h2{font-size:16px}.referrals-page .ref-muted{font-size:12px;line-height:1.5}.referrals-page .ref-code{display:none}.referrals-page .ref-copy-link{gap:8px;margin-top:10px}.ref-copy-link input{min-width:0;font-size:12px}.ref-copy-link .btn{min-height:44px;white-space:normal}.referrals-page .ref-rule-chips{gap:6px}.referrals-page .ref-balance-grid{gap:8px;margin-top:10px}.referrals-page .ref-stat{min-height:0;padding:10px 12px;gap:5px;border-radius:10px}.referrals-page .ref-stat strong{font-size:20px;line-height:1.2}.referrals-page .ref-stat span{font-size:11px}.referrals-page .ref-stat-available{display:flex;align-items:center;justify-content:space-between;gap:12px}.referrals-page .ref-stat-available strong{font-size:25px}.referrals-page .ref-quote strong{font-size:20px}.referrals-page .ref-hero-copy{max-width:none}.referrals-page .ref-commission-wallet{padding:0}}

@media(min-width:600px) and (max-width:899px){.referrals-page .ref-top-grid,.referrals-page .ref-action-grid,.referrals-page .ref-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}