.aff-page{--aff-card-width:clamp(350px, 42vw, 480px);--aff-scale:clamp(.58, calc(var(--aff-card-width) / 480px), 1);--aff-panel-radius:calc(30px * var(--aff-scale));background-image:var(--bg-desktop,none);min-height:100vh;padding:max(40px, env(safe-area-inset-top)) 20px max(40px, env(safe-area-inset-bottom)) 20px;box-sizing:border-box;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.aff-page{background-image:var(--bg-mobile,none);padding:max(20px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom)) 16px}.aff-fancy-title{font-size:20px!important;line-height:26px!important}.aff-fancy-title:before{-webkit-text-stroke:4px #6219ff!important}}.aff-header{z-index:10;flex-direction:column;align-items:center;margin-bottom:clamp(8px,1.6vw,16px);display:flex}.aff-avatar-container{justify-content:center;align-items:center;width:clamp(132px,16vw,190px);height:clamp(132px,16vw,190px);display:flex;position:relative}.aff-avatar-frame{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aff-avatar-pic{object-fit:cover;z-index:1;border-radius:50%;width:62%;height:62%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aff-username{color:#1f1f1f;font-family:var(--font-fancy-family), sans-serif;z-index:3;background:#ffe600;border-radius:99px;margin-top:clamp(-36px,-3.8vw,-42px);padding:clamp(3px,.4vw,5px) clamp(14px,2.2vw,24px);font-size:clamp(13px,1.55vw,18px);font-weight:900;box-shadow:0 4px 12px #0003}.aff-title-wrap{text-align:center;z-index:20;margin-top:clamp(6px,1.2vw,12px);margin-bottom:0;position:relative}.aff-fancy-title{font-family:var(--font-fancy-family), sans-serif;color:#fff;text-align:center;z-index:10;margin:0;font-size:clamp(22px,3.1vw,34px);font-weight:700;line-height:clamp(30px,4vw,44px);position:relative}.aff-fancy-title:before{content:attr(data-text);z-index:-1;-webkit-text-stroke:4px #6219ff;color:#0000;text-shadow:0 2px 2px #00000080;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.aff-invite-text{width:var(--aff-card-width);z-index:21;max-width:100%;margin:0 auto clamp(-24px,-2vw,-18px);font-size:clamp(18px,2.15vw,28px);line-height:1.15;position:relative}.aff-logo{z-index:20;width:clamp(250px,30vw,340px);max-width:100%;height:auto;margin:0 auto clamp(-62px,-6.8vw,-46px);display:block;position:relative}.aff-card{-webkit-backdrop-filter:blur(2px)saturate(150%);backdrop-filter:blur(2px)saturate(150%);border-radius:var(--aff-panel-radius);padding:calc(68px * var(--aff-scale)) calc(30px * var(--aff-scale)) calc(25px * var(--aff-scale)) calc(30px * var(--aff-scale));width:var(--aff-card-width);text-align:center;z-index:10;background:linear-gradient(#80fff980 17.4%,#54beee80 65.02%,#9395f380 100%),#0a5c77b3;border:2px solid #fff3;max-width:100%;margin-bottom:24px;box-shadow:inset 0 0 40px #48ffce,0 16px 40px #0003}.aff-card-subtitle{color:#fff;font-family:var(--font-fredoka-family), sans-serif;font-size:calc(18px * var(--aff-scale));line-height:calc(27px * var(--aff-scale));margin-top:0;margin-bottom:calc(30px * var(--aff-scale));text-shadow:0 1px 4px #0006}.aff-actions{gap:calc(10px * var(--aff-scale));flex-direction:column;align-items:center;display:flex}.aff-btn{width:calc(80% + (1 - var(--aff-scale)) * 4%);max-width:320px;min-height:calc(56px * var(--aff-scale));color:#2f3d63;justify-content:center;align-items:center;gap:calc(10px * var(--aff-scale));cursor:pointer;font-family:var(--font-fredoka-family), sans-serif;font-size:calc(18px * var(--aff-scale));padding:calc(10px * var(--aff-scale)) calc(16px * var(--aff-scale));background:#fff;border:0;border-radius:999px;font-weight:600;display:flex;box-shadow:0 8px 18px #0003}.aff-btn-apple{background:#fff}.aff-btn-text{white-space:nowrap}@media (max-width:768px){.aff-btn{width:calc(88% + (1 - var(--aff-scale)) * 2%);max-width:300px;min-height:calc(52px * var(--aff-scale));font-size:calc(17px * var(--aff-scale))}}.aff-dimmed{opacity:.5;pointer-events:none}.aff-status{color:#fff;font-family:var(--font-fredoka-family), sans-serif;margin-top:20px;font-size:18px;font-weight:600}.aff-success-header{color:#fff;font-family:var(--font-fredoka-family), sans-serif;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;font-size:15px;font-weight:600;display:flex}.aff-success-icon-img{object-fit:contain;width:20px;height:20px}.aff-download-title{font-family:var(--font-fancy-family), sans-serif;color:#fff;text-align:center;text-shadow:0 2px 4px #0000004d;margin-bottom:24px;font-size:26px}.aff-img-btn{cursor:pointer;width:calc(280px * var(--aff-scale));background:0 0;border:none;max-width:100%;margin:0 auto;padding:0;transition:transform .2s}.aff-img-btn:hover{transform:translateY(-2px)}.aff-img-btn img{width:100%;height:auto;display:block}.aff-rewards-card{-webkit-backdrop-filter:blur(2px)saturate(150%);backdrop-filter:blur(2px)saturate(150%);border-radius:var(--aff-panel-radius);padding:0 calc(24px * var(--aff-scale)) calc(12px * var(--aff-scale)) calc(24px * var(--aff-scale));width:calc(400px * var(--aff-scale));text-align:center;z-index:10;max-width:100%;margin-top:calc(30px * var(--aff-scale));background:linear-gradient(#80fff980 17.4%,#54beee80 65.02%,#9395f380 100%),#0a5c774d;border:2px solid #fff3;position:relative;box-shadow:inset 0 0 40px #48ffce,0 16px 40px #0003}@supports ((-webkit-backdrop-filter:blur(0))) and (not ((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0)))){.aff-card,.aff-rewards-card{-webkit-backdrop-filter:blur(2px)saturate(150%)}}.aff-rewards-title{margin:0;font-size:clamp(22px,2.6vw,30px);line-height:clamp(30px,3.4vw,40px);position:absolute;top:0;left:0;right:0;transform:translateY(-50%)}.aff-rewards-image{width:130%;max-width:none;height:auto;margin:0;display:block;position:relative;left:50%;transform:translate(-50%)}.aff-rewards-text{font-family:var(--font-fancy-family), sans-serif;font-weight:700;font-size:calc(27px * var(--aff-scale));line-height:calc(42px * var(--aff-scale));color:#fff}.aff-footer-text{color:#fffc;font-family:var(--font-fredoka-family), sans-serif;font-size:max(calc(18px * var(--aff-scale)), 10px);text-align:center;z-index:10;text-shadow:0 3px 15px #000;margin-top:10px}.aff-status{color:#fff;text-shadow:0 1px 4px #0006;margin-bottom:16px;font-size:15px}.aff-error{color:#ff8a8a;background:#0009;border-radius:8px;margin-bottom:16px;padding:10px;font-size:15px}