.friends-welcome{box-sizing:border-box;color:#f5fffd;text-align:center;background:radial-gradient(at top,#263c59,#111126 65%);border:1px solid #8ff5e6;border-radius:28px;width:min(620px,100vw - 28px);max-height:90dvh;margin:auto;padding:54px 28px 36px;font-family:inherit;animation:.65s ease-out both friends-arrive;position:fixed;overflow:auto;box-shadow:0 0 90px #51e6d43b}.friends-welcome::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060416df}.friends-close{color:#fff;cursor:pointer;background:0 0;border:0;font-size:30px;position:absolute;top:12px;right:16px}.friends-kicker{letter-spacing:.2em;color:#a7ffdf;font-size:14px;font-weight:800}.friends-infinity{color:#c2ffe5;text-shadow:0 0 30px #67ffd5,0 0 70px #ab72ff;font-size:clamp(100px,25vw,160px);line-height:1.2;animation:3s ease-in-out infinite friends-breathe}.friends-welcome h1{margin:0 0 18px;font-size:clamp(30px,7vw,48px);line-height:1.12}.friends-welcome p{color:#d9e0f3;font-size:18px;line-height:1.6}.friends-perks{flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0;display:flex}.friends-perks span{background:#a6ffe310;border:1px solid #a6ffe347;border-radius:100px;padding:10px 14px;font-size:14px;animation:.8s both friends-arrive}.friends-perks span:nth-child(2){animation-delay:.15s}.friends-perks span:nth-child(3){animation-delay:.3s}.friends-welcome .friends-note{color:#b8bfd7;max-width:400px;margin:0 auto 24px;font-size:14px}.friends-start{color:#101c25;cursor:pointer;background:#acffde;border:0;border-radius:12px;padding:14px 26px;font-size:16px;font-weight:700}.music-plan-badge.badge-friends{color:#c1ffe9;background:linear-gradient(120deg,#153b40,#36265d);border-color:#97ffe1;box-shadow:0 0 22px #81ffe32b}.badge-friends .plan-badge-icon{color:#193238;background:#b5ffe6}.explore-download{color:#baffdd;text-align:center;border:1px solid #a6ffe370;border-radius:10px;margin:12px 18px 18px;padding:12px;font-weight:700;text-decoration:none;display:block}.friends-start:focus-visible,.friends-close:focus-visible,.explore-download:focus-visible{outline-offset:4px;outline:3px solid #fff}@keyframes friends-arrive{0%{opacity:0;transform:translateY(22px)scale(.96)}to{opacity:1;transform:none}}@keyframes friends-breathe{50%{text-shadow:0 0 50px #67ffd5,0 0 100px #ab72ff;transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.friends-welcome,.friends-infinity,.friends-perks span{animation:none}}
