.referral-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal);background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;animation:referralFadeIn .2s ease}@keyframes referralFadeIn{0%{opacity:0}to{opacity:1}}.referral-modal-grab-handle{display:none;width:36px;height:4px;background:#e7e0ec;border-radius:2px;margin:8px auto 0}.referral-modal{background-color:#fff;border-radius:var(--rounded-2xl);width:90%;max-width:520px;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;animation:referralSlideIn .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}@keyframes referralSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.referral-modal-header{flex-shrink:0;width:100%;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #E7E0EC}.referral-modal-header h2{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;font-weight:500;line-height:1.4;color:#1c1b1f;margin:0}.referral-modal-close{width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-lg);color:#49454f;transition:background-color .2s ease;flex-shrink:0}.referral-modal-close:hover{background-color:#f7f2fa}.referral-modal-close svg{width:20px;height:20px;stroke:currentColor;stroke-width:2}.referral-modal-body{flex-grow:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 20px}.referral-modal-subtitle{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;color:#49454f;margin:0 0 16px;padding:0 20px}.referral-share-section{padding:0 20px 16px}.referral-share-section label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;color:#1c1b1f;display:block;margin-bottom:8px}.referral-share-link{display:flex;gap:8px}.referral-share-link input{flex:1;height:44px;padding:10px 14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:#1c1b1f;background:#f7f2fa;border:1px solid #E7E0EC;border-radius:var(--rounded-lg)}.referral-share-link input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 2px #31135d26}.referral-share-link button{height:44px;padding:0 20px;background-color:var(--primary-purple);color:#fff;border:2px solid transparent;border-radius:100px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-all-base);white-space:nowrap}.referral-share-link button:hover{background-color:#4a2f7c;box-shadow:0 4px 12px #31135d33}.referral-share-actions{display:flex;gap:8px;padding:0 20px;margin-bottom:8px}.referral-secondary-btn{flex:1;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid #E7E0EC;border-radius:var(--rounded-lg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;color:#1c1b1f;cursor:pointer;transition:var(--transition-all-base)}.referral-secondary-btn:hover{border-color:var(--primary-purple);background-color:#f7f2fa;color:var(--primary-purple)}.referral-secondary-btn svg{color:var(--primary-purple)}.referral-rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;margin:16px 20px;background:#f7f2fa;border:1px solid #E7E0EC;border-radius:var(--rounded-lg);text-align:center}.referral-reward-item strong{display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:20px;font-weight:700;color:var(--primary-purple)}.referral-reward-item span{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;color:#79747e;margin-top:4px;display:block}.referral-modal-footer{flex-shrink:0;width:100%;padding:16px 20px;background-color:#fff;border-top:1px solid #E7E0EC;display:flex;justify-content:space-between;font-size:13px}.referral-modal-footer a{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--primary-purple);text-decoration:none;transition:opacity .2s ease}.referral-modal-footer a:hover{text-decoration:underline}.host-referral-card{width:100%;max-width:414px;aspect-ratio:1.75 / 1;background:#fff;border-radius:var(--rounded-xl);position:relative;padding:20px;box-shadow:0 4px 20px #00000014;margin:0 auto 16px;overflow:hidden;border:1px solid #E7E0EC}.host-referral-card__corner-accent{position:absolute;top:0;right:0;width:120px;height:120px;background:linear-gradient(135deg,var(--primary-purple) 0%,#6D31C2 100%);border-radius:0 12px 0 100%;opacity:.1}.host-referral-card__header{display:flex;justify-content:space-between;align-items:flex-start}.host-referral-card__brand{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--primary-purple)}.host-referral-card__amount{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:32px;font-weight:800;color:var(--primary-purple);line-height:1}.host-referral-card__content{margin-top:12px}.host-referral-card__sent-by{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;color:#79747e;text-transform:uppercase;letter-spacing:.5px}.host-referral-card__name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;font-weight:700;color:#1c1b1f;margin-top:2px}.host-referral-card__message{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;color:#49454f;line-height:1.4;margin-top:8px}.host-referral-card__footer{position:absolute;bottom:16px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center}.host-referral-card__valid{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;color:#79747e}.host-referral-card__badge{background:linear-gradient(135deg,var(--primary-purple) 0%,#6D31C2 100%);padding:4px 10px;border-radius:var(--rounded-xl)}.host-referral-card__badge-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 700px){.referral-modal-header h2{font-size:16px}.referral-modal{max-width:100%}}@media (max-width: 480px){.referral-modal-overlay{align-items:flex-end;padding:0}.referral-modal{width:100%;max-width:100%;border-radius:24px 24px 0 0;max-height:90vh;animation:referralSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes referralSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.referral-modal-grab-handle{display:block}.referral-modal-header{padding:12px 16px 16px}.referral-modal-header h2{font-size:18px;font-weight:400}.referral-modal-subtitle{padding:0 16px;font-size:13px}.referral-share-section{padding:0 16px 16px}.referral-share-link button{padding:0 16px}.referral-share-actions{padding:0 16px;flex-wrap:wrap}.referral-secondary-btn{flex:1 1 calc(33.33% - 6px);min-width:80px;height:40px;font-size:12px;gap:4px}.referral-secondary-btn svg{width:16px;height:16px}.referral-rewards{margin:16px;padding:12px;gap:8px}.referral-reward-item strong{font-size:16px}.referral-reward-item span{font-size:10px}.referral-modal-footer{padding:12px 16px 20px;flex-direction:column;gap:8px;align-items:center}.host-referral-card{display:none}}