.member-promotion{margin:18px 0 24px;padding:16px 0;border-top:1px solid var(--member-border-soft,#443344)}
.member-promotion h3{font:700 15px/1.4 var(--font-b);letter-spacing:0;margin:0 0 12px;color:var(--member-text,#f4eff6)}
.member-promotion .fld{min-width:0}
.member-promotion .fld>span{display:flex;justify-content:space-between;gap:12px}
#memberPromotionMessage{width:100%;box-sizing:border-box;resize:vertical;min-height:80px;max-height:160px}
#memberPromotionCount{font-variant-numeric:tabular-nums;white-space:nowrap}
.member-promotion-buy{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin-top:12px}
.member-promotion-buy>.fld{width:76px;flex:0 0 76px}
#memberPromotionDays{width:100%;min-width:0;box-sizing:border-box;font-variant-numeric:tabular-nums}
.member-promotion-rate{align-self:flex-end;padding-bottom:12px;color:var(--member-muted,#c5b7c6);font-size:12px;white-space:nowrap}
#memberPromotionBuy{margin-left:auto;min-height:48px;font-size:13px}
.member-promotion-total{align-self:center;color:var(--member-text,#f4eff6);font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap}
.member-promotion-status{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--member-muted,#c5b7c6);overflow-wrap:anywhere}
.member-promotion-status:empty{display:none}
.member-promotion-status[data-state="error"]{color:var(--red-soft,#ffb3bf)}
.member-promotion-status[data-state="saved"]{color:#b8d9c5}
#view-gallery #rails .rail .c-meta:has(>.profile-birthday){flex-wrap:wrap}
.profile-birthday{display:inline-block;padding:2px 6px;border:1px solid #8b5b70;border-radius:6px;color:#f7ceda;background:#38212c;font:500 11px/1.4 var(--font-b);white-space:nowrap}
#view-gallery #rails .rail .profile-birthday{flex-basis:100%;font-size:10px;margin-top:3px}
#view-gallery #rails .rail .c-promotion-message{margin:7px 0 0;color:#e5c5d0;font:400 11px/1.45 var(--font-b);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:400px){#memberPromotionBuy{width:100%;margin-left:0}.member-promotion-buy{gap:8px 12px}.member-promotion-rate{padding-bottom:13px}}
