.referrals-v38{max-width:600px;margin:auto;padding:4px 0 50px}.ref-user38{display:flex;align-items:center;gap:10px;border:1px solid #ffffff25;border-radius:30px;padding:5px;margin-bottom:20px}.ref-avatar38{width:38px;height:38px;display:grid;place-items:center;border:1px solid #b986f6;border-radius:50%;background:#302339;color:#e7d0ff}.ref-user38>b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ref-user38>span:not(.ref-avatar38){font-size:13px;font-weight:700}.ref-user38 small{font-size:8px;color:#b69ec7}.ref-user38 button{width:38px;height:38px;border:0;border-radius:50%;background:#bd85ef;color:#281339;font-size:28px;line-height:1}.referrals-v38 h1{font-size:22px;line-height:1.2;letter-spacing:-.5px;margin:0 0 15px;font-weight:700}.referrals-v38 h1 span{color:#dac1f3}.ref-total38{color:#938d9c;font-size:11px;margin:0 0 15px}.ref-total38 b{color:#ece4f4;margin-right:6px}.ref-invite38{display:flex;gap:12px}.ref-invite38 button{height:46px;border:0;border-radius:11px;background:linear-gradient(95deg,#bf8cef,#d5aff7);color:#24132f;font-weight:700;font-size:13px}.ref-invite38 button:first-child{flex:1;box-shadow:0 0 28px #a271d329}.ref-invite38 button:last-child{width:46px;border-radius:50%;display:grid;place-items:center}.ref-invite38 svg{width:20px;height:20px}.ref-url38{background:#17141c;border-radius:15px;margin:22px 0 14px;padding:14px}.ref-url38 label{display:block;font-weight:700;font-size:15px}.ref-url38 input{display:block;width:100%;background:none;border:0;padding:5px 0 0;color:#bc91ef;font-size:11px;outline:none}.referrals-v38 h2{font-size:15px;margin:16px 0}.ref-stats38{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ref-stats38>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:105px;background:radial-gradient(ellipse at 60% -60%,#57376944,transparent),#17141b;border-radius:15px}.ref-stats38 b{font-size:32px;font-weight:750;color:#e2c7fc;line-height:1.2}.ref-stats38 b small{font-size:17px}.ref-stats38 span{font-size:12px;color:#898191;margin-top:4px}.ref-stats38>div>small{font-size:9px;color:#716a7a;margin-top:4px}.ref-rules38{margin:14px 0 0;border-radius:15px;background:#17141b;padding:15px}.ref-rules38 summary{font-weight:700;font-size:15px;cursor:pointer}.ref-rules38 p{font-size:12px;line-height:1.55;color:#a59dab}.ref-note38{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:170px;color:#81788c;font-weight:650;gap:8px}.ref-note38 svg{width:42px;height:42px}.ref-note38 p{font-size:11px;font-weight:400;margin:0;color:#6f667c}.dock-v38 .dock-rail38{display:flex;align-items:center;flex:1}.dock-v38 .dock-rail38>button{flex:1}body[data-view=referrals] .mobile-wordmark,body[data-view=referrals] .subbar,body[data-view=referrals] .live-strip,body[data-view=referrals] header .account{display:none}@media(max-width:700px){body[data-view=referrals] #main{padding:12px 16px 80px}.referrals-v38 h1{font-size:20px}header nav.dock-v38{display:flex!important;gap:8px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;bottom:max(12px,env(safe-area-inset-bottom))!important;height:62px!important;left:12px!important;right:12px!important;width:auto!important;transform:none!important;max-width:600px!important;margin:auto!important}header nav.dock-v38 .dock-rail38,header nav.dock-v38>.dock-play{height:62px!important;background:linear-gradient(110deg,#1d182644,#17162266)!important;border:1px solid #ffffff30!important;box-shadow:inset 0 1px 1px #ffffff12,0 5px 24px #0003!important;backdrop-filter:blur(22px) saturate(145%)!important;-webkit-backdrop-filter:blur(22px) saturate(145%)!important;border-radius:36px!important}header nav.dock-v38>.dock-play{flex:0 0 62px!important;width:62px!important;margin:0!important;transform:none!important;padding:0!important;gap:2px!important}header nav.dock-v38>.dock-play span{font-size:8px!important}header nav.dock-v38 .dock-rail38 button{height:60px!important;min-width:0!important;min-height:44px;border:0!important;background:none!important;box-shadow:none!important;padding:5px 1px!important;gap:3px!important;color:#8e879b!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;border-radius:0!important}header nav.dock-v38 button svg{width:23px!important;height:23px!important;stroke-width:1.8!important;color:#9e97ae!important;filter:none!important}header nav.dock-v38 button span{font-size:9px!important;color:inherit!important;line-height:1.15!important}header nav.dock-v38 button.active,header nav.dock-v38 button.active svg{color:#c499ff!important}header nav.dock-v38 button:before,header nav.dock-v38 button:after{display:none!important}header nav.dock-v38>.dock-play.active{color:#ceacff!important}.site-footer{padding-bottom:100px!important}}@media(max-width:350px){header nav.dock-v38{gap:5px!important;left:7px!important;right:7px!important}header nav.dock-v38>.dock-play{flex-basis:54px!important;width:54px!important}header nav.dock-v38 button span{font-size:8px!important}}