.ni-friends{margin:26px 0 30px;min-width:0}.ni-friends-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.ni-friends-head h2{margin:0;font-size:22px;font-weight:800;color:#f4f4f5}.ni-friends-viewport{position:relative;min-width:0}.ni-friends-track{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 1px 9px}.ni-friends-track::-webkit-scrollbar{display:none}.ni-friend-card{flex:0 0 245px;min-width:0;scroll-snap-align:start;border-radius:13px;border:1px solid #303034;background:#161618;padding:14px;min-height:116px;display:flex;flex-direction:column;gap:11px;transition:border-color .2s,background .2s}.ni-friend-card:hover{border-color:var(--cg-accent,#c62828);background:#1b1b1e}.ni-friend-main{display:flex;gap:11px;align-items:center;text-decoration:none!important;min-width:0;color:#fafafa!important}.ni-friend-icon{flex:0 0 43px;width:43px;height:43px;border:1px solid #3b3b40;background:#0f0f10;border-radius:11px;display:grid;place-items:center;overflow:hidden}.ni-friend-icon img{width:32px;height:32px;object-fit:contain}.ni-friend-copy{min-width:0;flex:1}.ni-friend-copy strong{display:block;font-weight:750;font-size:14px;color:#f5f5f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ni-friend-copy small{display:block;font-size:11px;color:#99999f;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ni-friend-out{color:#919197;font-size:12px;align-self:flex-start}.ni-friend-card:hover .ni-friend-out{color:var(--cg-accent,#c62828)}.ni-friend-card p{font-size:12px;color:#a7a7ad;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ni-friends-viewport>.sr-carousel-arrow{z-index:3;position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:42px;border:1px solid #34383e;background:#1b1e24;border-radius:50%;color:#fff;cursor:pointer}.ni-friends-viewport>.sr-carousel-arrow:hover,.ni-friends-viewport>.sr-carousel-arrow:focus-visible{border-color:var(--cg-accent,#c62828)!important;background:#303034!important;color:#fff!important}.ni-friends-viewport>.is-prev{left:3px}.ni-friends-viewport>.is-next{right:3px}.ni-friends-viewport>.sr-carousel-arrow[hidden]{display:none!important}@media(max-width:600px){.ni-friend-card{flex-basis:215px}.ni-friends-head h2{font-size:20px}}

/* V11: condensed cards, discreet corner glow, soft centered outgoing-link icon. */
body .ni-friend-card{position:relative;isolation:isolate;overflow:hidden;flex:0 0 214px;min-height:0!important;height:65px!important;padding:8px 10px!important;gap:3px!important;border:1px solid #303034!important;border-radius:11px;background:#141416!important;box-shadow:none!important;justify-content:center}
body .ni-friend-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 112px 85px at 100% 0%,rgba(198,40,40,.105),transparent 75%)}
body .ni-friend-card:hover,body .ni-friend-card:focus-within{border-color:rgba(198,40,40,.58)!important;background:#19191b!important;box-shadow:none!important;outline:0!important}
body .ni-friend-main{display:flex;align-items:center;gap:8px;min-height:35px;flex:1 1 auto}
body .ni-friend-icon{height:34px;width:34px;flex:0 0 34px;border-color:#353538!important;border-radius:8px;background:#0f0f10}
body .ni-friend-icon img{height:27px;width:27px}
body .ni-friend-copy strong{font-size:12px;line-height:1.25}
body .ni-friend-copy small{font-size:10px;margin-top:2px;line-height:1.2}
body .ni-friend-out{display:grid!important;place-items:center;flex:0 0 30px;width:30px;height:30px;line-height:30px;text-align:center;align-self:center!important;margin:0 0 0 auto!important;border:1px solid rgba(198,40,40,.12)!important;border-radius:50%;background:rgba(198,40,40,.055)!important;color:rgba(225,225,230,.66)!important;font-size:14px!important;transition:background .2s,color .2s,border-color .2s}
body .ni-friend-card:hover .ni-friend-out,body .ni-friend-main:focus-visible .ni-friend-out{border-color:rgba(198,40,40,.3)!important;background:rgba(198,40,40,.11)!important;color:#e7b2b2!important}
body .ni-friend-tag{display:inline-block;align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.2;font-weight:650;color:#daa4a4;background:rgba(198,40,40,.08);border:1px solid rgba(198,40,40,.23);border-radius:4px;padding:1px 5px}
body .ni-friend-card:has(.ni-friend-tag){height:77px!important}
body .ni-friend-card p{display:none}
body .ni-friends-viewport>.sr-carousel-arrow:hover,body .ni-friends-viewport>.sr-carousel-arrow:focus-visible{border-color:#c62828!important;outline-color:#c62828!important;background:#29292b!important;box-shadow:none!important}
@media(max-width:600px){body .ni-friend-card{flex-basis:190px}}

/* V12: reference-inspired flat, compact dark directory cards. No glow or patterns. */
body .ni-friend-card,
body .ni-friend-card:has(.ni-friend-tag){
  flex:0 0 310px!important;
  height:79px!important;
  min-height:79px!important;
  padding:12px 16px!important;
  gap:0!important;
  border-radius:9px!important;
  border:1px solid #303034!important;
  background:#18181b!important;
  background-image:none!important;
  box-shadow:none!important;
  justify-content:center!important;
}
body .ni-friend-card::before,
body .ni-friend-card::after{content:none!important;display:none!important;background:none!important}
body .ni-friend-card:hover,
body .ni-friend-card:focus-within{
  border-color:rgba(198,40,40,.6)!important;
  background:#202023!important;
  background-image:none!important;
  box-shadow:none!important;
}
body .ni-friend-main{min-height:0;gap:14px;align-items:center;height:100%;width:100%;text-decoration:none!important}
body .ni-friend-icon{flex:0 0 46px;width:46px;height:46px;border:0!important;border-radius:9px!important;background:#282830!important}
body .ni-friend-icon img{width:33px;height:33px;object-fit:contain}
body .ni-friend-copy strong{font-size:14px!important;line-height:1.3!important;font-weight:700!important;color:#f2f2f4!important}
body .ni-friend-copy small{font-size:12px!important;line-height:1.35!important;margin-top:5px!important;color:#a1a1aa!important}
body .ni-friend-out{display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;font-size:14px!important;border:1px solid #34343a!important;border-radius:50%!important;background:rgba(255,255,255,.035)!important;color:#9a9aa2!important;box-shadow:none!important}
body .ni-friend-card:hover .ni-friend-out,
body .ni-friend-main:focus-visible .ni-friend-out{border-color:rgba(198,40,40,.42)!important;background:rgba(198,40,40,.09)!important;color:#e5b7b7!important;box-shadow:none!important}
@media(max-width:600px){body .ni-friend-card{flex-basis:265px!important;padding:11px 12px!important}}

/* V13 — compact flat friend cards, consistent rhythm with Top Cams. */
body.sr-home .ni-friends{margin:25px 0 30px!important;min-width:0}
body.sr-home .ni-friends-head{margin-bottom:13px!important;align-items:flex-end}
body.sr-home .ni-friends-head h2{font-size:18px!important;font-weight:700!important;letter-spacing:-.02em;line-height:1.3}
body.sr-home .ni-friends-track{gap:12px;padding-top:2px}
body.sr-home .ni-friends .ni-friend-card,
body.sr-home .ni-friends .ni-friend-card:has(.ni-friend-tag){flex:0 0 265px!important;height:66px!important;min-height:66px!important;padding:9px 12px!important;border-radius:10px!important;background:#18181b!important;box-shadow:none!important}
body.sr-home .ni-friends .ni-friend-main{gap:10px!important}
body.sr-home .ni-friends .ni-friend-icon{flex:0 0 40px!important;width:40px!important;height:40px!important;border-radius:8px!important}
body.sr-home .ni-friends .ni-friend-icon img{width:30px!important;height:30px!important}
body.sr-home .ni-friends .ni-friend-copy strong{font-size:13px!important;line-height:1.3!important}
body.sr-home .ni-friends .ni-friend-copy small{font-size:11px!important;margin-top:3px!important}
body.sr-home .ni-friends .ni-friend-out,
body.sr-home .ni-friends .ni-friend-card:hover .ni-friend-out,
body.sr-home .ni-friends .ni-friend-main:focus-visible .ni-friend-out{
  display:grid!important;place-items:center!important;flex:0 0 18px!important;
  width:18px!important;height:24px!important;line-height:24px!important;
  margin-left:auto!important;border:0!important;border-radius:0!important;
  padding:0!important;background:none!important;background-image:none!important;
  box-shadow:none!important;outline:0!important;font-size:14px!important;color:#99999f!important
}
body.sr-home .ni-friends .ni-friend-card:hover .ni-friend-out,
body.sr-home .ni-friends .ni-friend-main:focus-visible .ni-friend-out{color:var(--cg-accent,#c62828)!important}
@media(max-width:600px){body.sr-home .ni-friends .ni-friend-card,body.sr-home .ni-friends .ni-friend-card:has(.ni-friend-tag){flex-basis:238px!important;padding:9px 10px!important}body.sr-home .ni-friends-head h2{font-size:17px!important}}

/* V15 — smaller Friends Sites tiles; no pills or decorative overlays. */
body.sr-home .ni-friends .ni-friend-card,body.sr-home .ni-friends .ni-friend-card:has(.ni-friend-tag){
  flex:0 0 228px!important;height:58px!important;min-height:58px!important;
  padding:7px 10px!important;border-radius:9px!important;
}
body.sr-home .ni-friends .ni-friend-main{gap:8px!important}
body.sr-home .ni-friends .ni-friend-icon{flex:0 0 35px!important;width:35px!important;height:35px!important;border-radius:7px!important}
body.sr-home .ni-friends .ni-friend-icon img{width:27px!important;height:27px!important}
body.sr-home .ni-friends .ni-friend-copy strong{font-size:12px!important}
body.sr-home .ni-friends .ni-friend-copy small{font-size:10px!important;margin-top:2px!important}
body.sr-home .ni-friends .ni-friend-out{font-size:13px!important}
@media(max-width:600px){body.sr-home .ni-friends .ni-friend-card,body.sr-home .ni-friends .ni-friend-card:has(.ni-friend-tag){flex-basis:205px!important}}

/* V17: further reduce Friends Sites cards while preserving name and tag. */
body.sr-home .ni-friends .ni-friend-card,
body.sr-home .ni-friends .ni-friend-card:has(.ni-friend-tag){
  flex:0 0 200px!important;
  height:52px!important;
  min-height:52px!important;
  padding:6px 8px!important;
  border-radius:8px!important;
}
body.sr-home .ni-friends .ni-friend-main{gap:7px!important}
body.sr-home .ni-friends .ni-friend-icon{
  flex:0 0 31px!important;width:31px!important;height:31px!important;border-radius:6px!important;
}
body.sr-home .ni-friends .ni-friend-icon img{width:24px!important;height:24px!important}
body.sr-home .ni-friends .ni-friend-copy strong{font-size:11.5px!important}
body.sr-home .ni-friends .ni-friend-copy small{font-size:9.5px!important;margin-top:2px!important}
body.sr-home .ni-friends .ni-friend-out{font-size:12px!important;flex-basis:15px!important;width:15px!important}
@media(max-width:600px){
 body.sr-home .ni-friends .ni-friend-card,
 body.sr-home .ni-friends .ni-friend-card:has(.ni-friend-tag){flex-basis:190px!important}
}

/* V18 — tight, vertically centered title + category pair in Friends Sites. */
body.sr-home .ni-friends .ni-friend-copy{
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:0!important;align-self:center!important;min-width:0!important;
}
body.sr-home .ni-friends .ni-friend-copy strong{line-height:1.13!important;margin:0!important;padding:0!important;}
body.sr-home .ni-friends .ni-friend-copy small{line-height:1.13!important;margin:0!important;padding:0!important;}

/* V19 — match About accordion surface and border; preserve compact card geometry. */
body.sr-home .ni-friends .ni-friend-card,
body.sr-home .ni-friends .ni-friend-card:has(.ni-friend-tag){
  background:rgba(255,255,255,.025)!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background-image:none!important;
  box-shadow:none!important;
}
body.sr-home .ni-friends .ni-friend-card:hover,
body.sr-home .ni-friends .ni-friend-card:focus-within{
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(198,40,40,.44)!important;
  box-shadow:none!important;
}

/* V22 — Friends Sites: a restrained, low-profile partner rail.
   Distinct from the Fresh Reels pill: quiet separator + compact dark tiles. */
body.sr-home .ni-friends{
  position:relative;
  margin:17px 0 25px!important;
  padding:15px 0 0!important;
  background:transparent!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.065)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.sr-home .ni-friends-head{
  margin:0 0 11px!important;
  padding:0!important;
  align-items:center!important;
}
body.sr-home .ni-friends-head h2{
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.3!important;
  letter-spacing:-.015em!important;
  color:#d8d8dc!important;
}
body.sr-home .ni-friends-track{
  gap:9px!important;
  padding:1px 1px 5px!important;
}
body.sr-home .ni-friends .ni-friend-card,
body.sr-home .ni-friends .ni-friend-card:has(.ni-friend-tag){
  flex:0 0 190px!important;
  height:51px!important;
  min-height:51px!important;
  padding:6px 8px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:8px!important;
  background:#141416!important;
  background-image:none!important;
  box-shadow:none!important;
  transition:background-color .17s ease,border-color .17s ease!important;
}
body.sr-home .ni-friends .ni-friend-card:hover,
body.sr-home .ni-friends .ni-friend-card:focus-within{
  background:#1b1b1e!important;
  border-color:rgba(198,40,40,.42)!important;
  box-shadow:none!important;
}
body.sr-home .ni-friends .ni-friend-icon{
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  background:#222225!important;
  border:0!important;
  border-radius:7px!important;
}
body.sr-home .ni-friends .ni-friend-copy strong{
  font-size:11.5px!important;
  line-height:1.2!important;
  color:#e7e7e9!important;
}
body.sr-home .ni-friends .ni-friend-copy small{
  font-size:9.5px!important;
  line-height:1.2!important;
  color:#929298!important;
}
body.sr-home .ni-friends .ni-friend-out{
  color:#797980!important;
}
body.sr-home .ni-friends-viewport>.sr-carousel-arrow:hover,
body.sr-home .ni-friends-viewport>.sr-carousel-arrow:focus-visible{
  border-color:var(--cg-accent,#c62828)!important;
  color:#fff!important;
  outline:0!important;
}
@media(max-width:600px){
  body.sr-home .ni-friends{margin-top:14px!important;padding-top:12px!important}
  body.sr-home .ni-friends .ni-friend-card,
  body.sr-home .ni-friends .ni-friend-card:has(.ni-friend-tag){flex-basis:181px!important}
}

/* V23 — a single quiet Friends Sites surface; individual entries flat. */
body.sr-home section.ni-friends {
  margin:12px 0 25px!important;
  padding:13px 15px 10px!important;
  background:rgba(255,255,255,.025)!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:13px!important;
  background-image:none!important;
  box-shadow:none!important;
}
body.sr-home section.ni-friends .ni-friends-head{margin-bottom:9px!important}
body.sr-home section.ni-friends .ni-friends-track{gap:6px!important;padding:2px 1px 6px!important}
body.sr-home section.ni-friends .ni-friend-card,
body.sr-home section.ni-friends .ni-friend-card:has(.ni-friend-tag){
  flex-basis:190px!important;
  height:49px!important;min-height:49px!important;
  padding:6px 7px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.018)!important;
  box-shadow:none!important;
}
body.sr-home section.ni-friends .ni-friend-card:hover,
body.sr-home section.ni-friends .ni-friend-card:focus-within{
  background:rgba(255,255,255,.048)!important;
  border-color:rgba(198,40,40,.20)!important;
  box-shadow:none!important;
}
body.sr-home section.ni-friends .ni-friend-icon{
  background:rgba(255,255,255,.04)!important;
  border:0!important;border-radius:6px!important;
}
@media(max-width:600px){
 body.sr-home section.ni-friends{padding:11px 10px 8px!important;border-radius:11px!important}
 body.sr-home section.ni-friends .ni-friend-card,
 body.sr-home section.ni-friends .ni-friend-card:has(.ni-friend-tag){flex-basis:181px!important}
}

/* V24 — Friends Sites: open-sided surface, softly faded edges. */
body.sr-home section.ni-friends {
  position:relative!important;
  isolation:isolate;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.012) 7%,
    rgba(255,255,255,.025) 19%,
    rgba(255,255,255,.025) 81%,
    rgba(255,255,255,.012) 93%,
    transparent 100%)!important;
  box-shadow:none!important;
}
body.sr-home section.ni-friends::before,
body.sr-home section.ni-friends::after {
  content:"";
  position:absolute;
  left:0;right:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.075) 22%,rgba(255,255,255,.075) 78%,transparent);
}
body.sr-home section.ni-friends::before{top:0}
body.sr-home section.ni-friends::after{bottom:0}
body.sr-home section.ni-friends .ni-friend-card,
body.sr-home section.ni-friends .ni-friend-card:has(.ni-friend-tag){border-color:transparent!important}
body.sr-home section.ni-friends .ni-friend-card:hover,
body.sr-home section.ni-friends .ni-friend-card:focus-within{border-color:transparent!important}

/* V26: Friends Sites controls align with Top Cams/Fresh Reels; no white hover. */
body.sr-home section.ni-friends .ni-friends-viewport > button.sr-carousel-arrow {
  top:calc(50% + 9px)!important;
  margin-top:0!important;
  transform:translateY(-50%)!important;
  width:42px!important;
  height:42px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:50%!important;
  background:rgba(15,15,17,.72)!important;
  color:var(--ni-accent,#c62828)!important;
  opacity:.82!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
  transition:opacity .18s ease,background .18s ease,border-color .18s ease!important;
}
body.sr-home section.ni-friends .ni-friends-viewport > button.sr-carousel-arrow i {
  color:var(--ni-accent,#c62828)!important;
}
body.sr-home section.ni-friends .ni-friends-viewport > button.sr-carousel-arrow:hover,
body.sr-home section.ni-friends .ni-friends-viewport > button.sr-carousel-arrow:focus-visible {
  opacity:1!important;
  transform:translateY(-50%)!important;
  border-color:rgba(198,40,40,.35)!important;
  background:#1b1b1d!important;
  color:var(--ni-accent,#c62828)!important;
  outline:0!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
}
body.sr-home section.ni-friends .ni-friends-viewport > button.sr-carousel-arrow:focus-visible {
  outline:2px solid var(--ni-accent,#c62828)!important;
  outline-offset:3px!important;
}