.friends-modal{width:min(365px,92vw);max-height:90dvh}.friends-close{position:absolute;right:13px;top:10px;background:none;color:#8ea0b8;font-size:25px}.friends-modal>p{color:#8294ab;font-size:7px;letter-spacing:1px}.referral-card{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;margin:15px 0 9px;padding:11px 12px;border-radius:13px;text-align:left;background:linear-gradient(110deg,#3b3068,#211b47);border:1px solid #ab90ff66}.referral-card small{grid-column:1/3;color:#9d8bc5;font-size:6px;letter-spacing:1px}.referral-card strong{color:#c5aeff;font:800 16px Manrope;letter-spacing:1px}.referral-card button{padding:7px 9px;border-radius:8px;background:#8e70d1;font-size:7px;font-weight:800}.share-button{display:flex;width:100%;align-items:center;gap:10px;padding:10px 13px;border-radius:12px;background:linear-gradient(#71dbcf,#369d94);box-shadow:0 4px 0 #226a67;text-align:left}.share-button>span{font-size:22px}.share-button div{display:flex;flex-direction:column}.share-button strong{font-size:9px}.share-button small{font-size:7px;opacity:.7}.referral-progress{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:8px;margin:15px 0}.referral-progress>div{grid-row:1/3;display:flex;flex-direction:column}.referral-progress>div span{color:#ffd074;font:800 21px Manrope}.referral-progress>div small{color:#7c8fa8;font-size:5px}.referral-progress>i{height:7px;overflow:hidden;border-radius:7px;background:#ffffff12}.referral-progress>i span{display:block;height:100%;background:linear-gradient(90deg,#a485f4,#f1a4d1)}.referral-progress>b{text-align:left;color:#8496ad;font-size:6px}.referral-tiers{display:grid;gap:6px}.referral-tiers>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:8px;border-radius:10px;background:#ffffff08;text-align:left;opacity:.54}.referral-tiers>div.unlocked{opacity:1;border:1px solid #a98cff48}.referral-tiers>div>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#273b57;font-weight:800}.referral-tiers section{display:flex;flex-direction:column}.referral-tiers strong{font-size:9px}.referral-tiers small{color:#9580c9;font-size:7px}.referral-tiers button{padding:6px;border-radius:7px;background:#735bb1;color:white;font-size:6px;font-weight:800}.referral-tiers button:disabled{background:#293951;color:#708198}.friends-modal form{margin-top:13px;text-align:left}.friends-modal form label{color:#8294ab;font-size:7px}.friends-modal form>div{display:grid;grid-template-columns:1fr auto;margin-top:5px}.friends-modal form input{min-width:0;padding:9px;border:1px solid #ffffff1c;border-radius:9px 0 0 9px;outline:none;background:#071329;color:white;font-size:9px;text-transform:uppercase}.friends-modal form button{padding:8px;border-radius:0 9px 9px 0;background:#334b69;font-size:7px;font-weight:800}.friends-modal form>small{display:block;min-height:11px;margin-top:4px;color:#77d9ce;font-size:7px}.friends-notice{display:block;color:#60738c;font-size:6px;line-height:9px}