.ref-banner{--ref-pink:#ce5983;--ref-ink:#2b2228;--ref-deep:#8f3455;width:100%;max-width:750px;height:75px;color:var(--ref-ink);text-align:start;font:inherit;cursor:pointer;background:linear-gradient(270deg,#fae5ee 0%,#fff8f1 100%);border:1px solid #edcedc;border-radius:13px;grid-template-columns:minmax(0,1fr) 70px;margin:16px auto 0;padding:0;display:grid;overflow:hidden;container-type:inline-size}[dir=ltr] .ref-banner{background:linear-gradient(90deg,#fae5ee 0%,#fff8f1 100%)}.ref-copy{flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:4px 10px 4px 2px;display:flex}.ref-speech{text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #ecdce3;border-radius:7px;padding:1px 4px;font-size:11px;font-weight:600;line-height:14px;display:block;position:relative;overflow:hidden}.ref-rewards{grid-template-columns:1fr 1fr;gap:4px;display:grid}.ref-rewards>span{background:var(--ref-pink);color:#fff;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-width:0;padding:2px 3px;display:flex}.ref-rewards>span+span{color:var(--ref-deep);background:#fff6f9;border:1px solid #ebc2d1}.ref-rewards b{font-size:23px;font-weight:800;line-height:1}.ref-rewards small{white-space:nowrap;font-size:11px;line-height:14px}.ref-rewards em{margin-inline-start:3px;font-style:normal;font-weight:600;display:inline}.ref-action{color:var(--ref-deep);justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:700;line-height:14px;display:flex}.ref-action svg{width:13px;height:13px}[dir=ltr] .ref-action svg{transform:scaleX(-1)}.ref-figure{object-fit:contain;place-self:end center;width:70px;height:72px;display:block}@container (width<=300px){.ref-banner{grid-template-columns:minmax(0,1fr) 58px}.ref-figure{width:58px}.ref-rewards b{font-size:20px}.ref-rewards>span{gap:2px}.ref-rewards small{font-size:10px}}.ref-sheet-backdrop{z-index:80;background:#140a0f73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ref-sheet{width:min(480px,100%);padding:16px 18px calc(22px + env(safe-area-inset-bottom));color:#2b2228;background:#fff;border-radius:18px 18px 0 0}@media (min-width:700px){.ref-sheet-backdrop{align-items:center}.ref-sheet{border-radius:18px}}.ref-sheet header{justify-content:space-between;align-items:center;display:flex}.ref-sheet h2{margin:0;font-size:18px}.ref-sheet header button{cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px}.ref-sheet-lead{color:#5f535a;margin:6px 0 14px;font-size:14px;line-height:1.9}.ref-code{letter-spacing:1px;color:#8f3455;background:#fff6f9;border:1px dashed #ce5983;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 14px;font:700 20px/1.4 ui-monospace,Menlo,monospace;display:flex}.ref-code button{color:#8f3455;cursor:pointer;background:#fbeaf0;border:0;border-radius:8px;place-items:center;min-width:44px;min-height:44px;display:grid}.ref-share,.ref-signin{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;display:flex}.ref-copied{color:#27624b;text-align:center;margin:8px 0 0;font-size:13px}.af-referral-accepted{color:#1d5a36;background:#eaf6ee;border-radius:8px;margin:6px 0 0;padding:8px 10px;font-size:14px;font-weight:600}