.page-visual:has(.affiliate-story){background:var(--card)}.page-visual-art:has(>.affiliate-story){padding:0}.affiliate-story{background:linear-gradient(180deg,var(--brand-wash),var(--card)60%);width:100%;margin:0;padding:27px}.affiliate-story>figcaption{color:var(--muted-foreground);text-align:center;margin-bottom:24px;font-size:13px}.affiliate-story-link{border:1px solid var(--infra-edge);background:var(--card);width:min(100%,320px);box-shadow:0 6px 18px -12px color-mix(in oklch,var(--foreground)18%,transparent);border-radius:20px;align-items:center;gap:13px;margin-inline:auto;padding:16px;display:flex}.affiliate-story-link-icon{background:var(--brand-blush);width:44px;height:44px;color:var(--primary);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.affiliate-story-link strong{color:var(--foreground);font-size:15px;font-weight:600;line-height:1.5;display:block}.affiliate-story-link div>span{color:var(--muted-foreground);margin-top:3px;font-size:12px;line-height:1.5;display:block}.affiliate-story-link-mark{color:var(--primary);flex-shrink:0;margin-left:auto}.affiliate-story-referrals{width:min(100%,360px);margin-inline:auto}.affiliate-story-paths{width:100%;height:auto;display:block;overflow:visible}.affiliate-story-track{stroke:var(--infra-edge);stroke-width:1.5px}.affiliate-story-flow{stroke:var(--primary);stroke-width:2px;stroke-linecap:round;stroke-dasharray:12 100;stroke-dashoffset:12px;opacity:0;animation:6s ease-in-out infinite affiliate-referral-flow}.affiliate-story-flow-1{animation-delay:.3s}.affiliate-story-flow-2{animation-delay:.6s}.affiliate-story-people{justify-content:space-between;align-items:center;padding-inline:8%;display:flex}.affiliate-story-person{border:1px solid var(--infra-edge);background:var(--card);width:54px;height:54px;color:var(--muted-foreground);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.affiliate-story-person-1{background:var(--brand-blush);border-color:color-mix(in oklch,var(--primary)24%,var(--border));color:var(--primary)}.affiliate-story>.affiliate-story-community{text-align:center;color:var(--muted-foreground);margin:16px 0 0;font-size:13px;line-height:1.6}.affiliate-story-down{color:var(--primary);justify-content:center;margin-block:12px;display:flex}.affiliate-story-rewards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.affiliate-story-reward{border:1px solid var(--brand-soft-line);background:var(--card);border-radius:20px;flex-direction:column;align-items:flex-start;min-width:0;padding:20px 17px;display:flex}.affiliate-story-commission{background:var(--brand-blush);border-color:color-mix(in oklch,var(--primary)22%,var(--border))}.affiliate-story-recipient{color:var(--muted-foreground);align-items:center;gap:7px;font-size:12px;line-height:1.5;display:flex}.affiliate-story-recipient svg{color:var(--primary);flex-shrink:0}.affiliate-story-amount{color:var(--foreground);letter-spacing:-.04em;margin-block:14px 8px;font-size:clamp(36px,3.8vw,50px);font-weight:600;line-height:1;display:block}.affiliate-story-commission .affiliate-story-amount{color:var(--primary)}.affiliate-story-amount>span{margin-left:2px;font-size:.55em;font-weight:500}.affiliate-story-reward-name{color:var(--foreground);font-size:13px;font-weight:600;line-height:1.5}.affiliate-story-reward small{color:var(--muted-foreground);margin-top:5px;font-size:11px;line-height:1.6}@keyframes affiliate-referral-flow{0%,12%{stroke-dashoffset:12px;opacity:0}22%{opacity:.8}62%{stroke-dashoffset:-100px;opacity:.8}72%,to{stroke-dashoffset:-100px;opacity:0}}@media (max-width:1100px) and (min-width:801px),(max-width:420px){.affiliate-story{padding:22px 16px}.affiliate-story-link{gap:10px;padding:12px}.affiliate-story-link-mark{display:none}.affiliate-story-person{width:44px;height:44px}.affiliate-story-rewards{gap:8px}.affiliate-story-reward{border-radius:16px;padding:16px 12px}.affiliate-story-recipient{gap:5px;min-height:33px;font-size:11px}}@media (prefers-reduced-motion:reduce){.affiliate-story-flow{animation:none}}