.referral-hero{text-align:center;padding:14px 0 28px}.referral-gift{display:block;font-size:52px;filter:drop-shadow(0 9px 14px #ff739533);animation:category-breathe 4s ease-in-out infinite}.referral-eyebrow{display:inline-block;color:#eb557b;font-size:14px;font-weight:700;margin:10px 0}.referral-hero h1{font-size:26px;line-height:1.5;letter-spacing:-1px}.referral-hero p{font-size:15px;line-height:1.9;color:#927c8b;margin-top:14px}.referral-hero strong{color:#ee4c75}.referral-pass{border:1px solid #f0dce6;background:linear-gradient(145deg,#fff2f7,#fff);border-radius:24px;padding:24px 18px;text-align:center;box-shadow:0 10px 35px #ad688812}.referral-pass>p{font-size:14px;color:#93798a}.referral-code{display:block;font-size:27px;letter-spacing:4px;color:#db416c;margin:10px 0 18px}.referral-pass img{display:block;margin:0 auto 22px;max-width:100%;background:#fff;border:12px solid #fff;border-radius:16px;box-shadow:0 3px 15px #ad68880a}.referral-actions{display:grid;gap:9px}.referral-actions .btn{width:100%}.referral-pass .helper{margin-top:15px}.referral-friend{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #f5eaf0}.referral-friend p{font-size:14px;color:#9c8192}.referral-empty-heart{font-size:42px;color:#f298b5}.notification-settings{padding:22px;background:#fff1f7;border-radius:22px}.notification-settings p{font-size:14px;color:#927e8c;line-height:1.8;margin:8px 0 16px}.notification-settings .btn{width:100%}.member-notice{display:flex;gap:13px;border-bottom:1px solid #f5e9f0;padding:20px 6px}.member-notice.unread{background:#fffafd}.notice-spark{color:#ff668c;font-size:25px}.member-notice h2{font-size:16px;line-height:1.6}.member-notice p{font-size:15px;color:#8c7384;line-height:1.8;margin:7px 0}.member-notice small{font-size:14px;color:#9f8b99}
.notification-gift{position:relative;font-size:64px;color:#ff7198;text-align:center;text-shadow:0 8px 15px #f896b644;animation:notification-pop .5s ease both}.notification-gift span{position:absolute;font-size:22px;margin-left:5px;top:15px;color:#e6bb77}.notification-event-title{font-size:20px;line-height:1.5;text-align:center;color:#664653}.notification-gift+p,.notification-event-title+p{text-align:center;font-size:16px;line-height:1.8}@keyframes notification-pop{0%{transform:scale(.6) rotate(-12deg);opacity:0}65%{transform:scale(1.08) rotate(5deg)}100%{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.notification-gift{animation:none}}

.has-notification-badge{position:relative}.notification-count{position:absolute;right:-2px;top:0;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;background:#ff507d;color:#fff;border:2px solid #fff;border-radius:20px;font-size:11px;font-weight:800;line-height:1;box-shadow:0 3px 8px #f45c7b33;pointer-events:none}
/* Referral history: real registrations and ledger entries only. */
.referral-summary{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#f2e2eb;border:1px solid #f2e2eb;border-radius:20px;overflow:hidden;margin:0 0 20px}.referral-summary>div{background:#fffafb;padding:16px 10px;text-align:center}.referral-summary>div:last-child{grid-column:1/-1;background:#fff3f7;display:flex;align-items:center;justify-content:space-between;padding:15px 18px}.referral-summary span{display:block;font-size:14px;color:#9d7d8d;line-height:1.6}.referral-summary strong{display:block;font-size:24px;line-height:1.6;color:#e65a84;font-weight:800;font-variant-numeric:tabular-nums}.referral-summary small{font-size:14px;margin-left:4px;font-weight:600}.referral-summary>div:last-child strong{font-size:21px}.referral-history-friend{border:1px solid #f1e2eb;background:linear-gradient(135deg,#fff,#fffafd);padding:17px 15px;border-radius:20px;margin-bottom:13px;box-shadow:0 5px 18px #c491a507}.referral-history-person{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.referral-history-avatar{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:15px;background:linear-gradient(135deg,#ffe9f1,#fff5f9);color:#ed7399;font-size:27px}.referral-history-person>div{flex:1;min-width:100px}.referral-history-person strong{font-size:16px;color:#644453;line-height:1.6;overflow-wrap:anywhere}.referral-history-person p{font-size:14px;color:#a98c9c;line-height:1.6;margin:2px 0 0}.referral-connection-state{display:inline-block;font-size:12px;line-height:1.6;padding:4px 8px;background:#fff0f6;color:#c37d9a;border-radius:12px}.referral-benefit-line{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #f5e9f0;padding-top:13px;margin-top:13px}.referral-benefit-line span{font-size:14px;line-height:1.6;color:#9d7e90}.referral-benefit-line strong{font-size:16px;color:#e65884;line-height:1.6;white-space:nowrap}.referral-history-date{font-size:13px;line-height:1.7;color:#ae91a0;text-align:right;margin:3px 0 0}.referral-history-actions:empty{display:none}.referral-history-actions .btn{display:flex;width:100%;min-height:43px;font-size:14px;border-radius:13px;margin-top:13px;gap:5px}.referral-history-actions .btn svg{width:17px;height:17px}.referral-privacy-note{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.9;color:#a88a9a;background:#fff8fb;border-radius:15px;padding:14px;margin-top:16px}.referral-privacy-note svg{width:18px;height:18px;flex:none;color:#d287a5;margin-top:4px}.referral-ledger{border:1px solid #f0e3eb;border-radius:19px;padding:0 15px;overflow:hidden}.referral-ledger-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0;border-bottom:1px solid #f5eaf0}.referral-ledger-row:last-child{border-bottom:0}.referral-ledger-row strong{font-size:15px;line-height:1.7;color:#765363}.referral-ledger-row p{font-size:14px;line-height:1.6;color:#b091a2;margin-top:3px}.referral-ledger-row b{font-size:16px;color:#e65f8a;white-space:nowrap;font-variant-numeric:tabular-nums}.referral-ledger-row b.negative{color:#91848c}.referral-ledger-empty{border:1px dashed #efdce6;border-radius:20px;background:#fffafd;padding:25px 15px;text-align:center}.referral-ledger-empty>span{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 10px;background:#ffe8f1;color:#dd7b9f;border:2px solid #f8cadc;border-radius:50%;font-weight:800;font-size:24px}.referral-ledger-empty p{font-size:14px;line-height:1.9;color:#ad8b9e}.referral-load-error{font-size:14px;color:#bd547b;line-height:1.8;padding:13px;background:#fff1f6;border-radius:12px;margin-bottom:12px}@media(max-width:350px){.referral-summary>div:last-child{padding:12px}.referral-summary>div:last-child strong{font-size:19px}.referral-history-friend{padding:15px 12px}.referral-benefit-line{gap:6px;align-items:flex-start}.referral-benefit-line strong{font-size:15px}.referral-connection-state{font-size:12px;margin-left:52px}.referral-summary span{font-size:13px}}

.notification-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.notification-list-heading h2{font-size:19px;color:#684c60}.notification-list-heading button{white-space:nowrap;min-height:44px;font-size:14px}.member-notice-content{flex:1;min-width:0}.member-notice-open{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:7px;width:100%;min-width:0;padding:0;background:none;color:inherit}.member-notice-open strong{font-size:16px;line-height:1.6;overflow-wrap:anywhere}.member-notice-open span{font-size:15px;line-height:1.8;color:#826b7b;overflow-wrap:anywhere}.member-notice-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;margin-top:8px}.member-notice-meta small{font-size:14px;line-height:1.6}.member-notice-meta button{font-size:14px;white-space:nowrap;min-height:40px}.notice-read-state{font-size:14px;color:#ad8b9e}.member-notice-open:focus-visible{outline:3px solid #f5aac8;outline-offset:4px;border-radius:8px}