.modal:has(.referral-modal) .c-user-modal-content.referral-modal{box-sizing:border-box;padding:16px}.modal:has(.referral-modal) .c-user-modal-content.referral-modal p{margin:0!important}.modal:has(.referral-modal) .c-user-modal-content.referral-modal .referral-modal__disclaimer,.modal:has(.referral-modal) .c-user-modal-content.referral-modal .referral-modal__rewards--box p{text-align:center}@media (min-width:640px){.modal:has(.referral-modal){align-items:flex-end}.modal:has(.referral-modal) .c-user-modal-content.referral-modal{border-radius:0;border-top-left-radius:8px;border-top-right-radius:8px;max-width:375px;width:375px}}.referral-modal{display:flex;flex-direction:column;gap:24px}.referral-modal__head{align-items:center;display:flex;justify-content:space-between}.referral-modal__head .close{margin-left:auto;position:static}.referral-modal__title{border-bottom:unset;color:var(--text-primary,#0f0e0d);font-size:var(--text-xl,20px);font-weight:var(--cc-font-weight-bold,700);line-height:1.2;margin:0;padding-bottom:0;text-align:center}.referral-modal__rewards{display:flex;flex-direction:column;gap:8px}.referral-modal__rewards--box{background:var(--cta-navigation-hover,#ebebf3);border-radius:8px;padding:12px 16px}.referral-modal__rewards--box p{margin:0}.referral-modal__copy-row{align-items:center;display:flex;gap:8px}.referral-modal__url{border:1px dashed var(--border-stroke,#c2c2d9);border-radius:8px;color:var(--text-secondary,#494745);flex:1;font-size:var(--text-xs,12px);font-weight:var(--cc-font-weight-bold,700);min-width:0;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.referral-modal__copy-btn{align-items:center;background:var(--surfaces-background-light,#fff);border:2px solid var(--text-cta-dark,var(--text-primary,#0f0e0d));border-radius:8px;color:var(--text-cta-dark,var(--text-primary,#0f0e0d));cursor:pointer;display:flex;flex-shrink:0;font-size:var(--text-sm,14px);font-weight:var(--cc-font-weight-bold,700);gap:6px;padding:8px 16px;text-transform:uppercase;transition:background-color .15s ease}.referral-modal__copy-btn svg{flex-shrink:0;height:18px;width:18px}.referral-modal__copy-btn svg path{fill:currentColor}.referral-modal__copy-btn:hover{background:var(--cta-navigation-hover,#ebebf3)}.referral-modal__or-label{color:var(--text-secondary,#494745);font-size:var(--text-xxs,10px);font-weight:var(--cc-font-weight-bold,700);letter-spacing:.08em;text-align:center;text-transform:uppercase}.referral-modal__channels{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.referral-modal__channel{align-items:center;background:var(--surfaces-background-light,#fff);border:1px solid var(--border-stroke,#c2c2d9);border-radius:8px;color:var(--text-primary,#0f0e0d);display:flex;flex-direction:column;gap:8px;padding:16px 8px;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.referral-modal__channel:hover{border-color:var(--text-primary,#0f0e0d);color:var(--text-primary,#0f0e0d);transform:translateY(-2px)}.referral-modal__channel-chip{align-items:center;background:var(--text-primary,#0f0e0d);border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.referral-modal__channel-chip svg{height:20px;width:20px}.referral-modal__channel-label{color:var(--text-primary,#0f0e0d);font-size:var(--text-sm,14px);font-weight:var(--cc-font-weight-bold,700);text-align:center}.referral-modal__disclaimer{color:var(--text-secondary,#494745);font-size:var(--text-xxs,10px);font-style:italic;margin:0;text-align:center}#modal-content.referral-modal .referral-modal__channel-label,#modal-content.referral-modal .referral-modal__title{color:var(--text-primary,#0f0e0d)}#modal-content.referral-modal .referral-modal__copy-btn .copy-txt{color:var(--text-cta-dark,var(--text-primary,#0f0e0d))}#modal-content.referral-modal .referral-modal__disclaimer{color:var(--text-secondary,#494745)}