.refer-page{align-items:center;min-height:100vh;display:grid}.refer-main{--referral-ink:var(--app-page-text,#09234f);--referral-muted:#09234f9e;--referral-blue:#2f9ae6;--referral-blue-deep:#1e6fbe;--referral-face:#eaf5ff;--referral-mist:var(--app-mist,#d9e4f2);--referral-gold:#f7c84d;--referral-gold-deep:#9e6d12;gap:1.25rem;width:100%;max-width:680px;margin:0 auto;padding:clamp(2rem,4.5vh,3.5rem) 1.3rem;display:grid}.refer-back{color:var(--referral-blue-deep);opacity:.85;justify-self:start;align-items:center;gap:6px;font-size:.84rem;font-weight:800;text-decoration:none;display:inline-flex}.refer-back:hover{opacity:1}.refer-card{border:2px solid var(--referral-mist);background:linear-gradient(180deg, var(--referral-face), var(--app-page-surface,#fffffc) 62%);border-radius:22px;gap:1.25rem;padding:1.85rem 1.75rem 1.65rem;display:grid;box-shadow:0 14px 36px #1e6fbe24}.refer-hero{gap:.32rem;display:grid}.refer-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--referral-blue-deep);font-size:.72rem;font-weight:800}.refer-hero h1{letter-spacing:0;color:var(--referral-ink);text-wrap:balance;margin:0;font-size:clamp(1.6rem,3.4vw,2.05rem);font-weight:900;line-height:1.08}.refer-credit-chip{background:#2f9ae61a;border:1.5px solid #2f9ae638;border-radius:14px;align-self:flex-start;align-items:baseline;gap:.4rem;margin-top:.5rem;padding:.3rem .85rem .4rem;display:inline-flex}.refer-credit-num{letter-spacing:-.03em;background:linear-gradient(#2f9ae6,#1e6fbe);color:#0000;background-clip:text;font-size:2.1rem;font-weight:900;line-height:.95}.refer-credit-unit{letter-spacing:.01em;color:var(--referral-blue-deep);font-size:.82rem;font-weight:800}.refer-sub{color:var(--referral-muted);max-width:58ch;margin:.1rem 0 0;font-size:.98rem;font-weight:600;line-height:1.4}.refer-ladder{--rail-inset:16.66%;justify-content:space-between;gap:.4rem;margin:.55rem 0 .12rem;display:flex;position:relative}.refer-rail{top:38px;left:var(--rail-inset);right:var(--rail-inset);background:var(--referral-mist);z-index:0;border-radius:999px;height:6px;position:absolute;overflow:hidden;transform:translateY(-50%)}.refer-rail-fill{background:linear-gradient(90deg,#5fc6f7,#2f9ae6);border-radius:999px;height:100%;transition:width .45s cubic-bezier(.4,0,.2,1);position:absolute;inset:0 auto 0 0}.refer-node{z-index:1;text-align:center;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.refer-node-circle{border:3px dashed var(--referral-mist);background:var(--app-page-surface,#fffffc);width:76px;height:76px;color:var(--referral-muted);border-radius:50%;place-items:center;transition:transform .15s;display:grid;position:relative;box-shadow:0 4px #1e6fbe14}.refer-node:hover .refer-node-circle{transform:translateY(-2px)}.refer-node.is-earned .refer-node-circle{border-style:solid;border-color:var(--referral-blue-deep);color:var(--app-ink);box-shadow:0 4px 0 var(--referral-blue-deep), 0 9px 18px #1e6fbe42;background:linear-gradient(160deg,#5fc6f7,#2f9ae6)}.refer-node.is-next .refer-node-circle{border-style:solid;border-color:var(--referral-blue);color:var(--referral-blue-deep);box-shadow:0 0 0 4px #2f9ae629,0 4px #1e6fbe1f}.refer-node.is-prize .refer-node-circle{color:#7a5b00;border-color:#e8be00}.refer-node.is-prize.is-next .refer-node-circle{border-style:solid;box-shadow:0 0 0 4px #f7c84d3d,0 4px #9e6d1224}.refer-node.is-prize.is-earned .refer-node-circle{border-style:solid;border-color:var(--referral-gold-deep);color:#4a3400;box-shadow:0 4px 0 var(--referral-gold-deep), 0 9px 18px #9e6d124d;background:linear-gradient(160deg,#ffe07a,#f7c84d)}.refer-node-amount{font-size:1.25rem;font-weight:900;line-height:1}.refer-node.is-empty .refer-node-circle{background:var(--app-page-surface,#fffffc);box-shadow:0 0 0 5px var(--app-page-surface,#fffffc), 0 4px 0 #1e6fbe14}.refer-node-check{background:var(--success,#3fa669);color:#fff;border:2px solid var(--app-page-surface,#fffffc);border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:-5px;right:-5px}.refer-node.is-prize .refer-node-check{background:var(--referral-gold-deep)}.refer-node-label{letter-spacing:.04em;text-transform:uppercase;color:var(--referral-muted);margin-top:.55rem;font-size:.72rem;font-weight:800}.refer-node.is-earned .refer-node-label{color:var(--referral-ink)}.refer-node-reward{letter-spacing:0;text-transform:none;color:#0a4a6b;margin-top:.12rem;font-size:.75rem;font-weight:700}.refer-node.is-prize .refer-node-reward{color:#6b4b00}.refer-pending{text-align:center;color:var(--referral-muted);margin:0;font-size:.82rem;font-weight:700}.refer-actions{gap:.7rem;margin-top:.15rem;display:flex}.refer-btn{min-width:140px;min-height:50px;font:inherit;border:2px solid var(--referral-blue-deep);background:var(--button-primary-bg);color:var(--button-primary-fg);box-shadow:0 4px 0 var(--referral-blue-deep);cursor:pointer;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:1rem;font-weight:850;transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex}.refer-merch-designs{gap:.75rem;padding:0 .2rem;display:grid}.refer-merch-designs-copy{gap:.18rem;display:grid}.refer-merch-designs h2{color:var(--referral-ink);margin:0;font-size:1rem;font-weight:850}.refer-merch-designs p{color:var(--referral-muted);margin:0;font-size:.86rem;font-weight:600;line-height:1.35}.refer-merch-design-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.refer-merch-design{border:1.5px solid var(--referral-mist);background:var(--app-page-surface,#fffffc);color:var(--referral-ink);font:inherit;cursor:zoom-in;border-radius:12px;justify-items:center;gap:.42rem;padding:.45rem .45rem .5rem;font-size:.75rem;font-weight:850;transition:transform .12s,box-shadow .12s,border-color .12s;display:grid;box-shadow:0 4px #1e6fbe14}.refer-merch-design:hover{border-color:#2f9ae673;transform:translateY(-1px);box-shadow:0 5px #1e6fbe1f}.refer-merch-design:focus-visible{outline-offset:3px;outline:3px solid #1e6fbe57}.refer-merch-design img{aspect-ratio:1;object-fit:contain;background:#efe4d4;border-radius:8px;width:100%;height:auto;display:block}.refer-merch-preview-modal{z-index:1000;background:#082552a3;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.refer-merch-preview-panel{border:2px solid var(--referral-blue-deep);background:var(--app-page-surface,#fffffc);border-radius:18px;justify-items:center;max-width:min(900px,100%);max-height:calc(100vh - 56px);padding:14px;display:grid;position:relative;box-shadow:0 8px #1e6fbe61}.refer-merch-preview-panel img{object-fit:contain;border-radius:8px;width:min(78vw,820px);max-height:calc(100vh - 104px);display:block}.refer-merch-preview-close{border:2px solid var(--referral-blue-deep);background:var(--referral-blue);width:44px;height:44px;color:var(--app-ink);box-shadow:0 4px 0 var(--referral-blue-deep);cursor:pointer;border-radius:12px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.refer-merch-preview-close:active{box-shadow:0 2px 0 var(--referral-blue-deep);transform:translateY(2px)}.refer-btn:not(:disabled):hover{filter:brightness(1.04)}.refer-btn:not(:disabled):active{box-shadow:0 1px 0 var(--referral-blue-deep);transform:translateY(3px)}.refer-btn:disabled{cursor:default;opacity:.55}.refer-btn.is-claim{border-color:var(--referral-gold-deep);color:#4a3400;box-shadow:0 4px 0 var(--referral-gold-deep), 0 8px 16px #9e6d1238;background:linear-gradient(#ffe07a,#f7c84d)}.refer-btn.is-claim:not(:disabled):active{box-shadow:0 1px 0 var(--referral-gold-deep);transform:translateY(3px)}.refer-banner{color:#4a3400;background:linear-gradient(#fff6db,#fffdf4);border:2px solid #9e6d1247;border-radius:14px;align-items:center;gap:10px;padding:.85rem 1rem;font-size:.9rem;font-weight:600;display:flex}.refer-banner svg{color:var(--referral-gold-deep);flex-shrink:0}.refer-banner b{font-weight:850}.refer-invites{gap:.7rem;padding:0 .2rem;display:grid}.refer-invites-head{align-items:center;gap:.5rem;display:flex}.refer-invites-head h2{color:var(--referral-ink);margin:0;font-size:1rem;font-weight:850}.refer-invites-count{background:var(--referral-face);min-width:22px;height:22px;color:var(--referral-blue-deep);border:1.5px solid #1e6fbe38;border-radius:999px;place-items:center;padding:0 6px;font-size:.74rem;font-weight:900;display:grid}.refer-invite-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.refer-invite{border:1.5px solid var(--referral-mist);background:var(--app-page-surface,#fffffc);border-radius:14px;align-items:center;gap:.7rem;padding:.65rem .85rem;display:flex}.refer-invite.is-trialing{background:linear-gradient(#3fa66914,#0000);border-color:#3fa66966}.refer-invite-avatar{background:var(--referral-face);width:36px;height:36px;color:var(--referral-blue-deep);border:1.5px solid #1e6fbe33;border-radius:50%;flex-shrink:0;place-items:center;font-size:.9rem;font-weight:900;display:grid}.refer-invite.is-sent .refer-invite-avatar{color:var(--referral-muted);border-style:dashed}.refer-invite.is-trialing .refer-invite-avatar{border-color:var(--referral-blue-deep);color:var(--app-ink);background:linear-gradient(160deg,#5fc6f7,#2f9ae6)}.refer-invite-body{flex:1;gap:1px;min-width:0;display:grid}.refer-invite-name{color:var(--referral-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:800;overflow:hidden}.refer-invite.is-sent .refer-invite-name{color:var(--referral-muted)}.refer-invite-meta{color:var(--referral-muted);font-size:.76rem;font-weight:600}.refer-invite-chip{letter-spacing:.01em;border-radius:999px;flex-shrink:0;padding:.24rem .6rem;font-size:.72rem;font-weight:850}.refer-invite-chip.is-sent{background:var(--referral-mist);color:var(--referral-muted)}.refer-invite-chip.is-joined{color:#0b5c99;background:#2f9ae624}.refer-invite-chip.is-trialing{background:var(--success,#3fa669);color:var(--app-ink)}.refer-how{gap:.75rem;padding:0 .2rem;display:grid}.refer-how h2{color:var(--referral-ink);margin:0;font-size:1rem;font-weight:850}.refer-steps{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.refer-step{align-items:flex-start;gap:.7rem;display:flex}.refer-step-num{background:var(--referral-face);width:24px;height:24px;color:var(--referral-blue-deep);border:1.5px solid #1e6fbe40;border-radius:50%;flex-shrink:0;place-items:center;font-size:.78rem;font-weight:900;display:grid}.refer-step p{color:var(--referral-muted);margin:0;font-size:.9rem;font-weight:600;line-height:1.4}.refer-step strong{color:var(--referral-ink);font-weight:800}@media (width<=640px){.refer-main{gap:1rem;padding:1.25rem 1rem}.refer-card{border-radius:18px;gap:1rem;padding:1.35rem 1rem 1.25rem}.refer-hero h1{font-size:clamp(1.45rem,8vw,1.8rem)}.refer-ladder{gap:.2rem}.refer-rail{top:33px}.refer-node-circle{width:66px;height:66px}.refer-node-label{font-size:.66rem}.refer-node-reward{font-size:.68rem}.refer-actions{flex-direction:column}.refer-merch-design-grid{gap:.45rem}.refer-merch-design{padding:.35rem .35rem .45rem;font-size:.68rem}.refer-merch-preview-modal{padding:18px}.refer-merch-preview-close{top:10px;right:10px}}html[data-dolphin-theme=dark] .refer-main{--referral-muted:#f7fbffa8;--referral-blue-deep:#5fc6f7;--referral-face:#133f7e;--referral-mist:#0a2b64}html[data-dolphin-theme=dark] .refer-card{background:linear-gradient(180deg, #133f7e, var(--app-page-surface,#103b84) 62%);box-shadow:0 14px 36px #0000004d}html[data-dolphin-theme=dark] .refer-credit-num{background:linear-gradient(#9edfff,#5fc6f7);background-clip:text}html[data-dolphin-theme=dark] .refer-node-circle{color:#0a3b6d;background:#dff4ff;border-color:#7ccfff;box-shadow:0 4px #021c4447}html[data-dolphin-theme=dark] .refer-node.is-empty .refer-node-circle{background:var(--referral-face);color:#9edfff;box-shadow:0 0 0 5px #7ccfff1f,0 4px #021c4447}html[data-dolphin-theme=dark] .refer-node.is-next .refer-node-circle{color:#0a3b6d}html[data-dolphin-theme=dark] .refer-node.is-prize .refer-node-circle{color:#6b4b00;background:#fff4c2;border-color:#ffe07a}html[data-dolphin-theme=dark] .refer-node-check{border-color:#0a234f}html[data-dolphin-theme=dark] .refer-node-reward{color:#9edfff}html[data-dolphin-theme=dark] .refer-node.is-prize .refer-node-reward{color:#ffe07a}html[data-dolphin-theme=dark] .refer-invite-chip.is-trialing{color:#fff;background:#1f7a4d}html[data-dolphin-theme=dark] .refer-invite-chip.is-joined{color:#0a3b6d;background:#dff4ff}html[data-dolphin-theme=dark] .refer-btn{background:var(--button-primary-bg);border-color:var(--button-primary-border);color:var(--button-primary-fg);box-shadow:0 4px 0 var(--button-primary-shadow)}html[data-dolphin-theme=dark] .refer-merch-design,html[data-dolphin-theme=dark] .refer-merch-preview-panel{background:#0a234f}html[data-dolphin-theme=dark] .refer-banner{color:#ffe07a;background:#f7c84d1f}html[data-dolphin-theme=dark] .refer-banner b{color:#ffe07a}