.site-header nav a.ref-nav{color:var(--blue);background:var(--soft);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.ref-nav .icon{width:17px;height:17px}.ref-mobile-entry{display:none}.ref-invite{display:flex;align-items:center;gap:22px;padding:26px 30px;border-radius:24px;background:#162844;color:#fff;margin:32px 0}.ref-invite h2{font-size:26px;line-height:1.4;margin:5px 0}.ref-invite p{color:#d0dcf2;margin:5px 0;line-height:1.7}.ref-kicker{color:#d9f954;font-size:13px;font-weight:600}.ref-invite-symbol{display:grid;place-items:center;width:54px;height:54px;background:#d9f954;color:#162844;border-radius:17px;flex:none}.ref-invite-symbol .icon{width:30px;height:30px}.ref-invite .ref-invite-button{background:#d9f954;color:#162844;margin-left:auto;white-space:nowrap;border:1px solid #d9f954}.ref-invite-mascot{width:95px;height:128px;object-fit:contain;margin:-25px 0;align-self:flex-end}.ref-invite-compact{padding:21px 25px;margin:0 0 26px}.ref-invite-compact h2{font-size:22px}.ref-invite-compact p{font-size:14px}.ref-hero{background:#162844;color:white;border-radius:28px;display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:30px;padding:36px 42px;overflow:hidden}.ref-hero-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#d9f954;font-weight:600}.ref-hero h1{font-size:36px;line-height:1.4;margin:13px 0}.ref-hero p{color:#d0dcf2;line-height:1.8;margin:12px 0 0;font-size:15px}.ref-current-rate{display:flex;align-items:baseline;gap:13px;margin-top:17px;flex-wrap:wrap}.ref-current-rate>span{font-size:14px}.ref-current-rate strong{font-size:42px;line-height:1.1;color:#d9f954}.ref-current-rate small{font-size:13px;color:#d0dcf2}.ref-hero .ref-hero-note{font-size:13px}.ref-hero-art{text-align:center;align-self:end}.ref-hero-art .mascot{width:195px;height:235px;object-fit:contain}.ref-hero-art>span{display:block;font-size:12px;color:#d0dcf2}.ref-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(275px,1fr);gap:22px;margin:24px 0 30px}.ref-workspace h2,.ref-detail-grid h2{font-size:22px;margin:0 0 12px}.ref-workspace p{line-height:1.8}.ref-link-panel .copy-field{display:flex;gap:10px;margin:23px 0 15px;min-width:0}.ref-link-panel .copy-field input{flex:1;min-width:0;font-size:14px;background:var(--canvas)}.ref-link-panel .copy-field .btn{white-space:nowrap;min-height:46px;gap:8px}.ref-link-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.ref-link-actions .btn{gap:7px;min-height:44px}.ref-link-actions>span{font-size:13px;color:var(--muted)}.ref-link-actions strong{color:var(--ink)}.ref-link-panel .field-help{margin-top:20px}.ref-income-panel dl{display:flex;justify-content:space-between;gap:20px;margin:21px 0}.ref-income-panel dt{font-size:13px;color:var(--muted)}.ref-income-panel dd{margin:4px 0 0;font-size:22px;font-weight:700}.ref-income-panel dl>div:first-child dd{color:var(--green);font-size:27px}.ref-how{padding:10px 4px 27px}.ref-how>h2{font-size:24px;margin:0 0 24px}.ref-how ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ref-how li{display:flex;align-items:flex-start;gap:13px}.ref-how li>span{width:31px;height:31px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--soft);color:var(--blue);font-weight:700}.ref-how h3{font-size:17px;line-height:1.6;margin:0 0 7px}.ref-how p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.ref-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:22px}.ref-detail-grid .section-heading{margin:0 0 20px;align-items:flex-start;gap:8px;flex-wrap:wrap}.ref-detail-grid .section-heading h2{margin-bottom:5px}.ref-detail-grid .section-heading p{margin:0;font-size:13px}.ref-detail-grid .badge{font-size:11px}.ref-progress-row>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:16px 0 8px}.ref-progress-row strong{font-size:12px;text-align:right}.ref-progress-row progress{display:block;width:100%;height:8px;appearance:none;border:0;border-radius:8px;overflow:hidden;background:var(--soft);color:var(--blue)}.ref-progress-row progress::-webkit-progress-bar{background:var(--soft)}.ref-progress-row progress::-webkit-progress-value{background:var(--blue);border-radius:8px}.ref-progress-row progress::-moz-progress-bar{background:var(--blue)}.ref-or{font-size:12px;color:var(--muted);margin:13px 0 -5px}.ref-level .field-help{margin-top:20px}.ref-friend-list article{display:grid;grid-template-columns:minmax(90px,1fr) minmax(80px,1.1fr) auto;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.ref-friend-list article:last-child{border-bottom:0}.ref-friend-list strong{font-size:14px}.ref-friend-list small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.ref-status{font-size:11px;color:var(--muted);line-height:1.6}.ref-status.is-active{color:var(--green)}.ref-earned{text-align:right}.ref-empty{display:flex;gap:14px;align-items:flex-start;padding:22px 0;color:var(--muted)}.ref-empty>.icon{width:32px;height:32px;flex:none;color:var(--blue)}.ref-empty h3{font-size:16px;color:var(--ink);margin:0 0 6px}.ref-empty p{font-size:13px;margin:0;line-height:1.7}.ref-conditions{margin:32px 0 15px}.ref-conditions>h2{font-size:24px}.ref-invite a:focus-visible,.ref-mobile-entry:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
@media(min-width:1101px){.site-header nav{gap:3px}.site-header nav a{padding-left:11px;padding-right:11px}.site-header .header-actions{gap:7px}}
@media(max-width:1100px){.site-header nav{display:none}.ref-mobile-entry{display:flex;align-items:center;gap:9px;max-width:1180px;margin:10px 25px 0;padding:10px 14px;min-height:44px;border:1px solid var(--line);border-radius:13px;background:var(--paper);font-size:13px;color:var(--blue)}.ref-mobile-entry>span{margin-left:auto;font-size:12px;color:var(--muted)}.ref-mobile-entry>.icon{width:19px;height:19px}.ref-mobile-entry[aria-current=page]{background:var(--soft)}.ref-hero{padding:28px;grid-template-columns:minmax(0,1fr) 175px}.ref-hero h1{font-size:30px}.ref-hero-art .mascot{width:165px;height:210px}.ref-workspace{grid-template-columns:minmax(0,1.3fr) minmax(245px,1fr)}.ref-link-panel .copy-field{flex-direction:column}.ref-detail-grid{grid-template-columns:1fr}.ref-invite-mascot{display:none}.ref-invite h2{font-size:23px}}
@media(max-width:600px){.ref-mobile-entry{margin:9px 16px 0;font-size:12px;padding:9px 12px}.ref-mobile-entry>span{font-size:11px}.ref-invite{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:21px 19px;border-radius:20px;margin:24px 0}.ref-invite-symbol{width:40px;height:40px;border-radius:12px}.ref-invite-symbol .icon{width:25px;height:25px}.ref-invite h2,.ref-invite-compact h2{font-size:20px}.ref-invite p,.ref-invite-compact p{font-size:12px}.ref-invite .ref-invite-button{grid-column:1/-1;margin:3px 0 0;width:100%;min-height:46px}.ref-invite-compact{margin:0 0 22px}.ref-hero{grid-template-columns:minmax(0,1fr) 77px;gap:5px;padding:24px 20px;border-radius:22px}.ref-hero-label{font-size:12px}.ref-hero h1{font-size:24px;line-height:1.5;margin:13px -65px 12px 0;position:relative;z-index:1}.ref-hero p{font-size:13px;margin-right:-65px;position:relative;z-index:1}.ref-hero-art{align-self:end;margin-bottom:0;opacity:1}.ref-hero-art .mascot{height:108px;width:82px}.ref-hero-art>span{display:none}.ref-current-rate{display:block;margin-top:22px;padding-right:0}.ref-current-rate>span,.ref-current-rate small{display:block;font-size:11px}.ref-current-rate strong{display:block;font-size:37px;margin:7px 0}.ref-hero:has(.ref-hero-note){grid-template-columns:1fr}.ref-hero:has(.ref-hero-note) .ref-hero-art{display:none}.ref-hero:has(.ref-hero-note) h1,.ref-hero:has(.ref-hero-note) p{margin-right:0}.ref-hero .ref-hero-note{font-size:12px}.ref-workspace{grid-template-columns:1fr;gap:16px;margin:18px 0 28px}.ref-workspace h2,.ref-detail-grid h2{font-size:21px}.ref-workspace p{font-size:13px}.ref-link-panel .copy-field{margin-top:17px}.ref-link-panel .copy-field input{font-size:12px}.ref-link-panel .copy-field .btn{width:100%}.ref-link-actions{gap:13px}.ref-link-actions>span{font-size:12px}.ref-income-panel dl{margin:16px 0}.ref-how{padding:0 4px 22px}.ref-how>h2,.ref-conditions>h2{font-size:21px}.ref-how ol{grid-template-columns:1fr;gap:23px}.ref-how h3{font-size:16px}.ref-how p{font-size:13px}.ref-detail-grid{gap:16px}.ref-friend-list article{grid-template-columns:minmax(0,1fr) auto;gap:6px}.ref-status{grid-column:1;grid-row:2}.ref-earned{grid-column:2;grid-row:1/3}.ref-friend-list strong{font-size:13px}.ref-conditions{margin-top:27px}}
body[data-route=affiliate] .support-float,body[data-route=earnings] .support-float{display:none}
[data-theme=dark] .site-header nav a.ref-nav,[data-theme=dark] .ref-mobile-entry{color:#9cc5ff}