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