.friends-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.friends-heading h1{margin-bottom:10px}.friends-heading p{margin-bottom:0}.friends-total{background:#c9fb4608;border:1px solid #c9fb4633;border-radius:18px;grid-template-columns:24px auto;align-items:center;gap:5px 12px;padding:18px 24px;display:grid}.friends-total svg{color:#c9fb46}.friends-total strong{font-size:28px}.friends-total span{color:#a4abb6;white-space:nowrap;grid-column:1/-1;font-size:12px}.friends-tabs{border-bottom:1px solid #2e343e;gap:8px;margin-bottom:26px;padding-bottom:14px;display:flex;overflow:auto}.friends-tabs button{color:#abb3c0;white-space:nowrap;cursor:pointer;min-height:46px;font:inherit;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:10px 18px;font-weight:650;display:inline-flex}.friends-tabs button[aria-current]{color:#c9fb46;background:#c9fb4610;border-color:#c9fb4633}.friends-tabs button span{background:#ffffff0d;border-radius:8px;padding:2px 7px;font-size:12px}.friends-section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.friends-section-heading h2{margin:0}.friends-filter{color:#abb3c0;background:#14171c;border:1px solid #343b46;border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.friends-filter input{color:#f3f3f5;min-height:44px;font:inherit;background:0 0;border:0;outline:none;width:100%;max-width:220px}.friends-filter:focus-within{outline-offset:2px;outline:2px solid #c9fb46}.friends-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.friend-card{background:linear-gradient(145deg,#20252e,#191d24);border:1px solid #333a45;border-radius:18px;min-width:0;padding:20px;box-shadow:0 8px 24px #00000013}.friend-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.friend-identity{color:inherit;align-items:center;gap:13px;min-width:0;text-decoration:none;display:flex}.friend-identity>span:last-child{min-width:0}.friend-identity strong{overflow-wrap:anywhere;font-size:16px;display:block}.friend-identity .premium-name{flex-wrap:wrap;gap:6px}.friend-identity small{color:#99a3b3;margin:4px 0;font-size:13px;display:block}.friend-level{color:#b3bdca;font-size:12px;line-height:1.5;display:block}.friends-avatar{color:#dce3eb;background:#2b3340;border:2px solid #556374;border-radius:16px;flex:0 0 58px;place-items:center;width:58px;height:58px;font-weight:800;display:grid;overflow:hidden}.friends-avatar img{object-fit:cover;width:100%;height:100%}.friends-avatar.friend-premium{border-color:#e5c777;box-shadow:0 0 15px #f4cf7318}.friends-avatar.owner-frame{border-color:#ff626e;box-shadow:0 0 14px #ff626e33}.friends-avatar.xp-hunter{border-color:#c9fb46}.friends-avatar.xp-expert{border-color:#70d9ff}.friends-avatar.xp-voice{border-color:#c4acff}.friends-avatar.xp-veteran,.friends-avatar.xp-legend{border-color:#f4cf73}.friend-menu{flex:none;position:relative}.friend-menu summary{color:#aeb8c8;cursor:pointer;border-radius:10px;place-items:center;width:44px;height:44px;list-style:none;display:grid}.friend-menu summary::-webkit-details-marker{display:none}.friend-menu summary:hover{background:#ffffff08}.friend-menu>div{z-index:5;background:#14181f;border:1px solid #414957;border-radius:12px;width:200px;padding:6px;position:absolute;top:46px;right:0;box-shadow:0 10px 24px #0009}.friend-menu button{text-align:left;width:100%;min-height:44px;font:inherit;color:#ffacb2;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px;font-size:14px}.friend-menu button:hover{background:#ffffff09}.friend-compatibility{border-block:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:10px;margin:17px 0;padding:13px 0;font-size:14px;display:flex}.friend-compatibility>span{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.friend-compatibility svg,.friend-compatibility strong{color:#c9fb46}.friend-compatibility small{color:#99a3b3;white-space:nowrap;font-size:12px}.friend-buttons{flex-wrap:wrap;gap:8px;display:flex}.friend-buttons .account-primary,.friend-buttons .account-secondary{flex:1;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:14px;display:inline-flex}.friend-unread{color:#c9fb46;background:#162006;border-radius:6px;padding:1px 6px;font-size:12px}.friend-common-button{color:#b3bdca;width:100%;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;margin-top:10px;font-size:13px;display:flex}.friend-common-button>span{margin-left:auto}.friend-common{border-top:1px solid #343b46;padding-top:12px}.friend-common p{font-size:13px;line-height:1.6}.friend-artists{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.friend-artists>span{color:#c5d5aa;background:#c9fb460a;border:1px solid #c9fb4625;border-radius:7px;padding:4px 8px;font-size:12px}.friend-common-track{color:#eee;border-top:1px solid #ffffff06;align-items:center;gap:10px;padding:10px 0;text-decoration:none;display:flex}.friend-common-track img{object-fit:cover;border-radius:8px;width:46px;height:46px}.friend-common-track>span{flex:1;min-width:0}.friend-common-track strong,.friend-common-track small{overflow-wrap:anywhere;font-size:13px;line-height:1.5;display:block}.friend-common-track small{color:#a5afbd;font-size:12px}.friends-spaced{margin-top:32px}.friends-search{align-items:flex-end;gap:12px;display:flex}.friends-search>label{flex:1}.friends-field{font-size:14px;font-weight:600;display:block}.friends-field input,.friends-field textarea{box-sizing:border-box;color:#f4f4f6;width:100%;min-height:46px;font:inherit;background:#11151b;border:1px solid #3c4654;border-radius:10px;margin-top:8px;padding:12px;font-size:16px;font-weight:400;display:block}.friends-field textarea{resize:vertical}.friends-search button{align-items:center;gap:8px;min-height:46px;display:inline-flex}.friends-empty{text-align:center;padding:36px}.friends-empty>svg{color:#c9fb46}.friends-empty p{max-width:430px;margin:12px auto 22px}.friends-notice{color:#d4efaf;background:#c9fb460b;border:1px solid #c9fb4630;border-radius:12px;padding:14px 18px;line-height:1.7}.friends-notice a{color:#c9fb46;white-space:nowrap}.friends-blocked{border-top:1px solid #343b46;margin-top:32px;padding-top:20px}.friends-blocked>summary{cursor:pointer;color:#aab3c1;min-height:44px;font-size:14px;line-height:44px}.friends-more{margin:20px auto;display:block}.friend-discovery-link{color:#c9fb46;padding:16px 0;font-size:14px;display:inline-block}.recommend-dialog{box-sizing:border-box;color:#f3f3f5;background:#1b2028;border:1px solid #44515f;border-radius:22px;width:min(540px,100% - 32px);max-height:calc(100dvh - 48px);padding:26px;overflow:auto;box-shadow:0 25px 100px #0009}.recommend-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05080cbf}.recommend-heading{justify-content:space-between;gap:14px;margin-bottom:20px;display:flex}.recommend-heading h2{margin:4px 0 8px;font-size:26px}.recommend-heading p{margin:0;font-size:13px}.recommend-heading .account-secondary{align-self:flex-start;place-items:center;min-width:44px;min-height:44px;padding:8px;display:grid}.recommend-dialog .friends-field{margin-top:18px}.recommend-dialog .friends-field small{color:#9da9bb;font-weight:400}.recommend-results{gap:3px;max-height:220px;margin:10px 0;display:grid;overflow:auto}.recommend-results button{color:#f3f3f5;text-align:left;cursor:pointer;width:100%;min-height:58px;font:inherit;background:#ffffff04;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:8px;display:flex}.recommend-results button[aria-pressed=true]{background:#c9fb4608;border-color:#c9fb46}.recommend-results img{object-fit:cover;border-radius:7px;width:44px;height:44px}.recommend-results button>span:first-of-type{flex:1}.recommend-results strong{font-size:14px;display:block}.recommend-results small{color:#a3afbf;margin-top:3px;font-size:12px;display:block}.recommend-dialog .shared-track{margin-top:18px}.recommend-help{font-size:13px;line-height:1.6}.recommend-dialog form>.account-primary{justify-content:center;align-items:center;gap:9px;width:100%;min-height:46px;display:flex}.friends-tabs button:focus-visible{outline-offset:2px;outline:2px solid #c9fb46}.friend-menu summary:focus-visible{outline-offset:2px;outline:2px solid #c9fb46}.friend-common-button:focus-visible{outline-offset:2px;outline:2px solid #c9fb46}.recommend-results button:focus-visible{outline-offset:2px;outline:2px solid #c9fb46}.friend-menu button:disabled,.friends-tabs button:disabled{opacity:.5;cursor:default}@media (min-width:1300px){.friends-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.friends-grid{grid-template-columns:1fr}.friends-total{display:none}.friends-heading{margin-bottom:20px}.friends-tabs{gap:3px}.friends-tabs button{gap:6px;padding:10px;font-size:13px}.friends-tabs svg{width:16px}.friends-section-heading{flex-direction:column;align-items:stretch;gap:14px}.friends-filter input{max-width:none}.friend-card{padding:17px}.friends-search{flex-direction:column;align-items:stretch}.friend-compatibility{flex-wrap:wrap}.recommend-dialog{padding:20px}.friends-empty{padding:28px 20px}}