/* LOGGED OUT LANDING */
body.logged-out-home .library-title-row,
body.logged-out-home .library-toolbar,
body.logged-out-home #libraryPaginationTop,
body.logged-out-home #libraryPaginationBottom,
body.logged-out-home #collection{display:none}
body.logged-out-home .library-overview{margin-bottom:0}
body.logged-out-home .header{margin-bottom:0}
body.logged-out-home .library-tabs{display:flex!important}
body.logged-out-home .library-search{display:none!important}
.empty-collection.landing-state{
  position:relative;
  inset:auto;
  display:block;
  width:100%;
  min-height:0;
  margin:0;
  padding:0 0 68px;
  pointer-events:auto;
  text-align:initial;
}
.landing-page{
  --landing-edge:rgba(255,255,255,.075);
  --landing-muted:#929299;
  width:min(1380px,100%);
  margin:0 auto;
}
.landing-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  gap:64px;
  min-height:620px;
  align-items:center;
  overflow:hidden;
  padding:58px 34px 72px;
  border-bottom:1px solid var(--landing-edge);
}
.landing-hero:before{
  content:"";
  position:absolute;
  left:-16%;
  top:7%;
  width:640px;
  height:460px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,100,24,.105),rgba(255,100,24,.025) 38%,transparent 70%);
  filter:blur(8px);
  pointer-events:none;
}
.landing-hero-copy{position:relative;z-index:2;min-width:0}
.landing-eyebrow,.landing-section-kicker{
  display:block;
  color:#ff6b22;
  font-size:9px;
  font-weight:850;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.landing-title{
  max-width:720px;
  margin:16px 0 0;
  color:#f7f7f8;
  font-size:clamp(58px,6.2vw,92px);
  font-weight:790;
  line-height:.92;
  letter-spacing:-.062em;
}
.landing-title em{color:#ff6418;font-style:normal;font-weight:790}
.landing-copy{
  max-width:620px;
  margin:25px 0 0;
  color:#a1a1a8;
  font-size:18px;
  line-height:1.65;
}
.landing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px}
.landing-primary,.landing-secondary{
  min-height:50px;
  padding:0 20px;
  border-radius:11px;
  font-family:inherit;
  font-size:13px;
  font-weight:760;
  cursor:pointer;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease;
}
.landing-primary{border:1px solid #ff6418;background:#ff6418;color:#fff;box-shadow:0 14px 34px rgba(255,100,24,.18)}
.landing-primary:hover{background:#ff762f;transform:translateY(-1px);box-shadow:0 17px 38px rgba(255,100,24,.24)}
.landing-secondary{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);color:#e9e9ec}
.landing-secondary:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.055);transform:translateY(-1px)}
.landing-vinyl-stage{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center}
.landing-vinyl-glow{
  position:absolute;
  width:390px;
  height:390px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,100,24,.16),rgba(255,100,24,.04) 45%,transparent 71%);
  filter:blur(18px);
}
.landing-vinyl-ring{position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:50%}
.landing-vinyl-ring-one{width:420px;height:420px}
.landing-vinyl-ring-two{width:510px;height:510px;border-color:rgba(255,100,24,.08)}
.landing-record-art{
  position:relative;
  z-index:2;
  width:min(360px,72%);
  aspect-ratio:1;
  object-fit:contain;
  filter:drop-shadow(0 36px 46px rgba(0,0,0,.48));
  transform:rotate(-7deg);
}
.landing-section{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(460px,1.14fr);
  gap:74px;
  align-items:center;
  min-height:520px;
  padding:80px 34px;
  border-bottom:1px solid var(--landing-edge);
}
.landing-section-copy{max-width:545px}
.landing-section-number{display:block;margin-bottom:18px;color:#4d4d53;font-size:10px;font-weight:800;letter-spacing:.16em}
.landing-section-copy h2,.landing-feature-panel h2,.landing-final-cta h2{
  margin:12px 0 0;
  color:#f3f3f5;
  font-size:clamp(38px,4vw,58px);
  font-weight:760;
  line-height:1.02;
  letter-spacing:-.045em;
}
.landing-section-copy>p,.landing-feature-panel>p{margin:19px 0 0;color:var(--landing-muted);font-size:15px;line-height:1.72}
.landing-section-note{color:#d8d8dc!important;font-weight:650}
.landing-library-preview{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:#101012;
  box-shadow:0 28px 65px rgba(0,0,0,.26);
}
.landing-library-screenshot{
  padding:0;
  line-height:0;
}
.landing-library-screenshot:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 1px rgba(255,255,255,.035),inset 0 -28px 42px rgba(0,0,0,.08);
  pointer-events:none;
}
.landing-library-screenshot img{
  display:block;
  width:100%;
  height:auto;
  max-height:520px;
  object-fit:contain;
  object-position:center;
  background:#101012;
}
.landing-mobile-collection-shots{display:none}
.landing-stats-section{grid-template-columns:minmax(480px,1.08fr) minmax(0,.92fr)}
.landing-stats-visual{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:11px;
  padding:20px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:20px;
  background:#101012;
}
.landing-stat-card{min-height:142px;padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#151517}
.landing-stat-card span{display:block;color:#64646b;font-size:7px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.landing-stat-card strong{display:block;margin-top:28px;color:#f1f1f3;font-size:28px;font-weight:780;letter-spacing:-.03em}
.landing-stat-card small{display:block;margin-top:5px;color:#68686f;font-size:8px;font-weight:650;line-height:1.35}
.landing-stat-primary{border-color:rgba(255,100,24,.24);background:linear-gradient(145deg,rgba(255,100,24,.09),#151517)}
.landing-stat-primary strong{color:#ff762f}
.landing-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:80px 34px;border-bottom:1px solid var(--landing-edge)}
.landing-feature-panel{
  position:relative;
  min-height:420px;
  overflow:hidden;
  padding:34px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:linear-gradient(145deg,#171719,#101012);
}
.landing-feature-panel:after{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-100px;
  width:270px;
  height:270px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,100,24,.075),transparent 70%);
}
.landing-feature-panel-icon{height:45px;margin-bottom:42px;color:#ff6b22}
.landing-eye-icon{position:relative;width:66px;border:1px solid rgba(255,100,24,.35);border-radius:60% 8% 60% 8%;transform:rotate(45deg)}
.landing-eye-icon:before{content:"";position:absolute;left:50%;top:50%;width:15px;height:15px;border:4px solid #ff6418;border-radius:50%;transform:translate(-50%,-50%) rotate(-45deg)}
.landing-people-icon{display:flex;align-items:flex-end;gap:5px}
.landing-people-icon i{position:relative;display:block;width:27px;height:27px;border:1px solid rgba(255,100,24,.34);border-radius:50%;background:rgba(255,100,24,.06)}
.landing-people-icon i:nth-child(2){width:36px;height:36px;border-color:rgba(255,100,24,.54)}
.landing-feature-panel h2{max-width:470px;font-size:42px}
.landing-feature-panel>p{max-width:500px}
.landing-panel-foot{position:absolute;left:34px;right:34px;bottom:30px;padding-top:15px;border-top:1px solid rgba(255,255,255,.06);color:#727279;font-size:10px;font-weight:650;line-height:1.5}
.landing-achievement-section{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);
  gap:64px;
  align-items:center;
  min-height:0;
  padding:84px 34px;
  border-bottom:1px solid var(--landing-edge);
}
.landing-achievement-section .landing-section-copy{max-width:700px}
.landing-achievement-section .landing-section-copy h2{max-width:680px}
.landing-achievement-section .landing-section-copy>p{max-width:690px}
.landing-achievement-preview{width:100%;min-width:0;margin:0}
.landing-final-cta{
  display:flex;
  min-height:430px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:78px 30px 58px;
  text-align:center;
}
.landing-final-cta h2{max-width:850px;font-size:clamp(46px,5.2vw,72px)}
.landing-final-cta>p{max-width:650px;margin:18px 0 0;color:#929299;font-size:15px;line-height:1.65}
.landing-final-cta .landing-actions{justify-content:center}
.landing-text-action{min-height:48px;padding:0 4px;border:0;background:none;color:#77777e;font-family:inherit;font-size:11px;cursor:pointer}
.landing-text-action strong{color:#d9d9dd}.landing-text-action:hover strong{color:#ff762f}
@media(max-width:1050px){
  .landing-hero{grid-template-columns:1fr minmax(330px,.72fr);gap:30px;padding-left:18px;padding-right:18px}
  .landing-vinyl-stage{min-height:410px}
  .landing-vinyl-ring-one{width:340px;height:340px}.landing-vinyl-ring-two{width:410px;height:410px}
  .landing-section{gap:42px;padding-left:18px;padding-right:18px;grid-template-columns:minmax(0,.9fr) minmax(400px,1.1fr)}
  .landing-stats-section{grid-template-columns:minmax(400px,1.05fr) minmax(0,.95fr)}
  .landing-split-grid,.landing-achievement-section{padding-left:18px;padding-right:18px}
}
@media(max-width:760px){
  body.logged-out-home .header{margin-bottom:0}
  body.logged-out-home .library-tabs{margin:0 0 8px}
  .empty-collection.landing-state{padding-bottom:28px}
  .landing-page{width:100%;overflow:hidden}

  .landing-hero{
    grid-template-columns:1fr;
    gap:8px;
    min-height:0;
    padding:28px 2px 38px;
    text-align:center;
  }
  .landing-hero:before{
    left:50%;
    top:-20px;
    width:390px;
    height:330px;
    transform:translateX(-50%);
  }
  .landing-hero-copy{display:flex;flex-direction:column;align-items:center}
  .landing-eyebrow,.landing-section-kicker{font-size:8px;letter-spacing:.16em}
  .landing-title{
    max-width:360px;
    margin-top:13px;
    font-size:clamp(44px,13vw,58px);
    line-height:.94;
    letter-spacing:-.055em;
  }
  .landing-copy{
    max-width:355px;
    margin-top:17px;
    color:#9a9aa1;
    font-size:14px;
    line-height:1.62;
  }
  .landing-hero .landing-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr) 104px;
    width:min(355px,100%);
    gap:9px;
    margin-top:22px;
  }
  .landing-primary,.landing-secondary{min-height:46px;padding:0 15px;border-radius:10px;font-size:12px}
  .landing-vinyl-stage{min-height:274px;margin:4px -8px 0}
  .landing-record-art{width:204px;transform:rotate(-6deg)}
  .landing-vinyl-ring-one{width:246px;height:246px}
  .landing-vinyl-ring-two{width:286px;height:286px}
  .landing-vinyl-glow{width:245px;height:245px}

  .landing-section{
    grid-template-columns:1fr;
    gap:27px;
    min-height:0;
    padding:46px 0;
  }
  .landing-section-copy{max-width:none}
  .landing-section-number{margin-bottom:10px;font-size:8px;letter-spacing:.14em}
  .landing-section-copy h2,.landing-feature-panel h2{
    max-width:350px;
    margin-top:9px;
    font-size:32px;
    line-height:1.04;
    letter-spacing:-.04em;
  }
  .landing-section-copy>p,.landing-feature-panel>p{
    max-width:370px;
    margin-top:15px;
    font-size:13.5px;
    line-height:1.65;
  }
  .landing-section-note{margin-top:12px!important;font-size:12px!important}

  .landing-library-preview{
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .landing-library-screenshot:after{display:none}
  .landing-desktop-collection-shot{display:none!important}
  .landing-mobile-collection-shots{
    display:grid;
    gap:10px;
    width:82%;
    max-width:310px;
    margin:0 auto;
  }
  .landing-mobile-collection-shots img{
    width:100%;
    max-height:none;
    border:1px solid rgba(255,255,255,.085);
    border-radius:12px;
    background:#111113;
    box-shadow:0 13px 26px rgba(0,0,0,.22);
  }

  .landing-stats-section .landing-stats-visual{order:2}
  .landing-stats-section .landing-section-copy{order:1}
  .landing-stats-visual{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:10px;
    border-radius:15px;
  }
  .landing-stat-card,
  .landing-stat-card:nth-child(3){
    min-height:0;
    padding:15px 16px 14px;
    border-radius:10px;
  }
  .landing-stat-card span{font-size:7px}
  .landing-stat-card strong{margin-top:12px;font-size:25px;line-height:1}
  .landing-stat-card small{margin-top:5px;font-size:8.5px}
  .landing-stat-primary{background:linear-gradient(120deg,rgba(255,100,24,.1),#151517 62%)}

  .landing-split-grid{
    grid-template-columns:1fr;
    gap:10px;
    padding:46px 0;
  }
  .landing-feature-panel{
    min-height:0;
    padding:22px 21px;
    border-radius:14px;
  }
  .landing-feature-panel:after{width:180px;height:180px;right:-85px;bottom:-90px}
  .landing-feature-panel-icon{display:none}
  .landing-feature-panel h2{font-size:29px}
  .landing-feature-panel>p{font-size:13px}
  .landing-panel-foot{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    margin-top:20px;
    padding-top:13px;
    font-size:9px;
  }

  .landing-achievement-section{
    grid-template-columns:1fr;
    gap:28px;
    padding:48px 0;
  }
  .landing-achievement-section .landing-section-copy{max-width:none}
  .landing-achievement-section .landing-section-copy h2{font-size:32px}
  .landing-achievement-section .landing-section-copy>p{font-size:13.5px}

  .landing-final-cta{
    min-height:0;
    padding:54px 0 24px;
  }
  .landing-final-cta h2{
    max-width:360px;
    font-size:39px;
    line-height:1;
  }
  .landing-final-cta>p{
    max-width:340px;
    margin-top:14px;
    font-size:13px;
  }
  .landing-final-cta .landing-actions{
    display:flex;
    flex-direction:column;
    width:100%;
    max-width:360px;
    gap:6px;
    margin-top:22px;
  }
  .landing-final-cta .landing-primary{width:100%;flex:auto}
  .landing-text-action{min-height:42px}
}
@media(max-width:420px){
  .landing-title{font-size:46px}
  .landing-hero .landing-actions{grid-template-columns:minmax(0,1fr) 96px}
  .landing-vinyl-stage{min-height:258px}
  .landing-record-art{width:190px}
  .landing-vinyl-ring-one{width:230px;height:230px}
  .landing-vinyl-ring-two{width:270px;height:270px}
  .landing-section-copy h2,.landing-achievement-section .landing-section-copy h2{font-size:30px}
  .landing-feature-panel h2{font-size:27px}
  .landing-final-cta h2{font-size:36px}
}
@media(prefers-reduced-motion:reduce){
  .landing-primary,.landing-secondary{transition:none}
}

/* SOCIAL FOLLOWING + NOTIFICATIONS */
#authBox{display:flex;align-items:center;gap:8px}
.notification-box{position:relative;display:flex;align-items:center;flex:0 0 auto}
.notification-box[hidden]{display:none!important}
.notification-bell-button{position:relative;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:#121214;color:#9b9ba1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}
.notification-bell-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-bell-button:hover,.notification-bell-button.has-unread{border-color:rgba(255,100,24,.4);background:#19191b;color:#ff6a22}
.notification-bell-button:active{transform:scale(.95)}
.notification-badge{position:absolute;top:-4px;right:-5px;min-width:18px;height:18px;padding:0 5px;border:2px solid #0b0b0c;border-radius:999px;background:#e85301;color:#fff;font-size:9px;font-weight:800;line-height:14px;text-align:center}
.notification-panel{display:none;position:absolute;z-index:2300;top:calc(100% + 11px);right:0;width:min(390px,calc(100vw - 24px));max-height:min(590px,72vh);overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:linear-gradient(150deg,rgba(29,29,32,.99),rgba(15,15,17,.99));box-shadow:0 24px 65px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.notification-panel.open{display:block;animation:profile-menu-in .17s cubic-bezier(.2,.8,.2,1)}
.notification-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 15px 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.notification-panel-head>div{display:flex;flex-direction:column;gap:2px}
.notification-panel-head span{color:#e85301;font-size:8px;font-weight:800;letter-spacing:.15em}
.notification-panel-head strong{color:#fff;font-size:15px;font-weight:700}
.notification-panel-head button{padding:6px 8px;border:0;border-radius:7px;background:transparent;color:#8f8f95;font-family:inherit;font-size:10px;font-weight:650;cursor:pointer}
.notification-panel-head button:hover{background:rgba(255,255,255,.06);color:#fff}
.notification-list{max-height:min(520px,64vh);overflow:auto;padding:7px}
.notification-item{position:relative;width:100%;display:flex;align-items:flex-start;gap:11px;padding:11px 30px 11px 10px;border:0;border-radius:11px;background:transparent;color:#c8c8cc;text-align:left;font-family:inherit;cursor:pointer;transition:background .14s ease}
.notification-item:hover{background:rgba(255,255,255,.055)}
.notification-item.unread{background:rgba(232,83,1,.055)}
.notification-item.unread:hover{background:rgba(232,83,1,.095)}
.notification-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.1)}
.notification-avatar .groovy-initial-avatar-letter{font-size:13px}
.notification-system-icon{display:flex;width:38px;height:38px;flex:0 0 38px;align-items:center;justify-content:center;border:1px solid rgba(255,100,24,.28);border-radius:50%;background:rgba(255,100,24,.09);color:#ff6b22}
.notification-system-icon .record-icon{width:18px;height:18px;opacity:.95}
.notification-item-copy{min-width:0;display:flex;flex-direction:column;gap:5px;font-size:12px;line-height:1.45}
.notification-item-copy strong{color:#fff;font-weight:700}
.notification-item-copy em{color:#e3e3e5;font-style:normal}
.notification-item-copy small{color:#707077;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.notification-item i{display:none;position:absolute;right:12px;top:17px;width:7px;height:7px;border-radius:50%;background:#e85301;box-shadow:0 0 0 3px rgba(232,83,1,.1)}
.notification-item.unread i{display:block}
.notification-empty{padding:34px 18px;text-align:center;color:#77777d}
.notification-empty span{display:block;color:#d7d7da;font-size:13px;font-weight:700}
.notification-empty p{max-width:260px;margin:6px auto 0;font-size:11px;line-height:1.5}
#profileMenu #followingButton{position:relative;display:flex;align-items:center;width:100%;min-height:42px;padding:9px 11px 9px 39px;border:0;border-radius:9px;background:none;color:#c4c4c9;text-align:left;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .14s ease,color .14s ease}
#profileMenu #followingButton:before{content:"♟";position:absolute;left:12px;top:50%;width:16px;color:#e85301;font-size:15px;font-weight:400;line-height:1;text-align:center;transform:translateY(-50%)}
#profileMenu #followingButton:hover{background:rgba(255,255,255,.06);color:#fff}
@media screen and (min-width:1281px){#profileMenu #followingButton{display:none}}
.user-search-info{flex:1;min-width:0}
.user-search-follow-button{flex:0 0 auto;min-width:78px;padding:8px 11px;border:1px solid rgba(232,83,1,.5);border-radius:9px;background:rgba(232,83,1,.08);color:#f16a22;font-family:inherit;font-size:11px;font-weight:750;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}
.user-search-follow-button:hover{background:#e85301;border-color:#e85301;color:#fff;transform:translateY(-1px)}
.user-search-follow-button.following{border-color:rgba(255,255,255,.13);background:#202023;color:#aaaab0}
.user-search-follow-button.following:hover{border-color:rgba(255,255,255,.22);background:#2a2a2e;color:#fff}
.user-search-follow-button:disabled{opacity:.62;cursor:wait;transform:none}
.following-page[hidden]{display:none!important}
body.following-page-open .library-overview,body.following-page-open #libraryPaginationTop,body.following-page-open #libraryPaginationBottom,body.following-page-open #collection,body.following-page-open #emptyCollection,body.following-page-open #emptyWishlist,body.following-page-open #emptyViewedCollection,body.following-page-open #loginToViewCollection,body.following-page-open #profileNotFound{display:none!important}
.following-page{width:min(1400px,100%);margin:0 auto;padding:4px 0 70px}
.following-shell{width:100%}
.following-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:18px 0 22px;border-bottom:1px solid rgba(255,255,255,.09)}
.following-heading h1{margin:5px 0 0;color:#fff;font-size:36px;font-weight:760;letter-spacing:-.04em}
.following-heading p{max-width:620px;margin:8px 0 0;color:#8e8e95;font-size:13px;line-height:1.55}
.following-kicker{color:#e85301;font-size:9px;font-weight:850;letter-spacing:.17em}
.following-heading button{height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#141416;color:#bdbdc2;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}
.following-heading button:hover{background:#1e1e21;color:#fff}
.following-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:22px}
.following-card{min-width:0;padding:18px;border:1px solid rgba(255,255,255,.085);border-radius:16px;background:linear-gradient(160deg,#161618,#101012);box-shadow:0 16px 34px rgba(0,0,0,.22)}
.following-identity{width:100%;display:flex;align-items:center;gap:12px;padding:0;border:0;background:transparent;color:#fff;text-align:left;font-family:inherit;cursor:pointer}
.following-avatar{width:50px;height:50px;flex:0 0 50px;border-radius:50%;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.12)}
.following-avatar .groovy-initial-avatar-letter{font-size:18px}
.following-identity>span:last-child{min-width:0;display:flex;flex-direction:column;gap:4px}
.following-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:720}
.following-identity small{color:#727279;font-size:9px;font-weight:650}
.following-identity .following-last-seen{display:inline-flex;align-items:center;gap:5px;color:#9a9aa0;font-weight:600}
.following-identity .following-last-seen:before{content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#e85301;box-shadow:0 0 0 2px rgba(232,83,1,.09)}
.following-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:17px;padding:13px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.following-stats div{display:flex;flex-direction:column;gap:3px;text-align:center}
.following-stats strong{color:#fff;font-size:18px;font-weight:760}
.following-stats span{color:#77777e;font-size:8px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.following-actions{display:flex;gap:8px;margin-top:14px}
.following-actions button{flex:1;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#18181b;color:#c7c7cb;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer}
.following-actions button:hover{background:#222225;color:#fff}
.following-actions .following-unfollow{border-color:rgba(232,83,1,.24);background:rgba(232,83,1,.055);color:#e96b31}
.following-actions .following-unfollow:hover{border-color:#e85301;background:#e85301;color:#fff}
.following-loading,.following-empty{grid-column:1/-1;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#77777e;text-align:center}
.following-loading span{width:24px;height:24px;border:2px solid #2b2b2f;border-top-color:#e85301;border-radius:50%;animation:spin .75s linear infinite}
.following-loading strong,.following-empty strong{color:#e6e6e8;font-size:14px}
.following-empty span{font-size:11px}
@media (max-width:1050px){.following-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){#authBox{gap:5px}.notification-bell-button{width:40px;height:40px}.notification-panel{position:fixed;top:76px;left:12px;right:12px;width:auto;max-height:calc(100vh - 90px)}.following-page{padding:0 0 42px}.following-heading{align-items:flex-start;flex-direction:column;padding-top:0}.following-heading h1{font-size:31px}.following-heading button{align-self:flex-start}.following-grid{grid-template-columns:1fr;gap:12px}.user-search-follow-button{min-width:68px;padding:7px 9px;font-size:10px}}
@media screen and (max-width:390px){.notification-bell-button{width:38px;height:38px}.notification-bell-button svg{width:18px;height:18px}#authBox{gap:4px}.notification-badge{top:-5px;right:-5px}}

/* SOCIAL V2 */
.notification-panel-actions{display:flex;align-items:center;gap:2px}
.notification-panel-actions button:last-child{color:#d5d5d9}
.notification-panel-actions button:last-child:hover{background:rgba(232,83,1,.12);color:#ff8a50}
.notification-shared{display:inline-flex;align-items:center;margin-left:4px;padding:2px 6px;border:1px solid rgba(255,100,24,.28);border-radius:999px;background:rgba(255,100,24,.1);color:#ff8b50;font-size:9px;font-style:normal;font-weight:800;line-height:1.35;white-space:nowrap}
.viewed-user-actions .viewed-user-follow{border-color:rgba(255,100,24,.24)!important;background:rgba(255,100,24,.07)!important;color:#eaa07a!important}
.viewed-user-actions .viewed-user-follow:hover{border-color:rgba(255,100,24,.4)!important;background:rgba(255,100,24,.13)!important;color:#fff!important}
.viewed-user-actions .viewed-user-follow.following{border-color:rgba(91,176,119,.34)!important;background:rgba(91,176,119,.09)!important;color:#8bd5a9!important}
.viewed-user-actions .viewed-follow-icon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;flex:0 0 15px;border:1px solid currentColor;border-radius:50%;font-size:11px!important;font-weight:800;line-height:1!important}
@media screen and (min-width:761px){.viewed-user-actions .viewed-user-follow{min-width:88px!important}}
@media screen and (max-width:760px){.viewed-user-actions{grid-template-columns:repeat(5,minmax(0,1fr))!important}.viewed-user-actions .viewed-user-follow{width:100%;min-width:0!important}.notification-panel-head{align-items:flex-start}.notification-panel-actions{flex-wrap:wrap;justify-content:flex-end}}

@media screen and (max-width:520px){.viewed-user-actions .viewed-action-label{display:none!important}.viewed-user-actions button{min-height:38px!important}.viewed-user-actions .viewed-follow-icon{margin:0}}


/* FOLLOW BUTTON IN VIEWED COLLECTION HEADER */
.viewed-user-header>.viewed-user-follow{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 11px;border:1px solid rgba(255,100,24,.24);border-radius:9px;background:rgba(255,100,24,.07);color:#eaa07a;font-family:inherit;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.viewed-user-header>.viewed-user-follow:hover{border-color:rgba(255,100,24,.4);background:rgba(255,100,24,.13);color:#fff}
.viewed-user-header>.viewed-user-follow.following{border-color:rgba(91,176,119,.34);background:rgba(91,176,119,.09);color:#8bd5a9}
.viewed-user-header>.viewed-user-follow:disabled{opacity:.62;cursor:wait}
.viewed-user-header>.viewed-user-follow .viewed-follow-icon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;flex:0 0 15px;border:1px solid currentColor;border-radius:50%;font-size:11px!important;font-weight:800;line-height:1!important}
@media screen and (min-width:761px){.viewed-user-header>.viewed-user-follow{order:3;min-width:88px}.viewed-user-header>.viewed-user-actions{order:2}.viewed-user-header>.viewed-user-identity{order:1}}
@media screen and (max-width:760px){.viewed-user-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:9px 10px!important}.viewed-user-header>.viewed-user-identity{grid-column:1;grid-row:1;width:auto!important;min-width:0;padding-right:0!important}.viewed-user-header>.viewed-user-follow{grid-column:2;grid-row:1;justify-self:end;min-width:88px;min-height:36px;padding:6px 10px;font-size:10px}.viewed-user-header>.viewed-user-follow .viewed-action-label{display:inline!important}.viewed-user-header>.viewed-user-actions{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;margin:0!important;padding:8px 0 0!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.07)}.viewed-user-header>.viewed-user-actions .viewed-action-label{display:inline!important}.viewed-user-header>.viewed-user-actions button{min-width:0!important}}
@media screen and (max-width:420px){.viewed-user-header>.viewed-user-actions .viewed-action-label{display:inline!important}.viewed-user-header>.viewed-user-follow{min-width:82px;padding-left:8px;padding-right:8px}}

/* FOLLOWING COMPARISONS IN STATISTICS */
.stats-community-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.stats-community-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:104px;padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:#121214}
.stats-community-card-accent{border-color:rgba(232,83,1,.24);background:linear-gradient(145deg,rgba(232,83,1,.08),#121214 62%)}
.stats-community-avatar{width:58px;height:58px;border:1px solid rgba(255,255,255,.1);border-radius:50%;object-fit:cover;background:#202023}
.stats-community-avatar .groovy-initial-avatar-letter{font-size:20px}
.stats-community-copy{min-width:0}
.stats-community-copy>span{display:block;color:#85858d;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.stats-community-copy>strong{display:block;margin:6px 0 5px;color:#f1f1f3;font-size:16px;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stats-community-copy>small{display:block;color:#74747b;font-size:10px;line-height:1.4}
.stats-community-value{text-align:right}
.stats-community-value strong{display:block;color:#ff762e;font-size:27px;font-weight:780;line-height:1;letter-spacing:-.6px}
.stats-community-value span{display:block;margin-top:6px;color:#74747b;font-size:8px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.stats-community-empty{grid-template-columns:1fr;min-height:104px;align-content:center;text-align:center}
.stats-community-empty strong{color:#d7d7da;font-size:13px}
.stats-community-empty small{margin-top:6px;color:#74747b;font-size:10px;line-height:1.5}
.stats-community-note{margin:12px 0 0;color:#68686f;font-size:9px;line-height:1.5}
@media screen and (max-width:720px){.stats-community-grid{grid-template-columns:1fr}.stats-community-card{grid-template-columns:50px minmax(0,1fr) auto;gap:11px;padding:14px}.stats-community-avatar{width:50px;height:50px}.stats-community-value strong{font-size:24px}}


/* ALBUM SOCIAL CONTEXT V1 - collection overlap with followed collectors */
.detail-social-context{display:flex;min-width:0;align-items:center;gap:11px;margin-top:14px;padding:10px 11px;border:1px solid rgba(255,100,24,.24);border-radius:9px;background:linear-gradient(110deg,rgba(255,100,24,.07),rgba(255,255,255,.015));text-shadow:none}
.detail-social-context[hidden]{display:none!important}
.detail-social-heading{display:flex;min-width:112px;flex:0 0 auto;flex-direction:column;gap:3px}
.detail-social-heading>span,.detail-social-context.own-match>div>span{color:#ff6f28;font-size:8px;font-weight:850;letter-spacing:.12em;line-height:1;text-transform:uppercase}
.detail-social-heading>strong,.detail-social-context.own-match>div>strong{color:#e8e8eb;font-size:10px;font-weight:720;line-height:1.25}
.detail-social-people{display:flex;min-width:0;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.detail-social-people::-webkit-scrollbar{display:none}
.detail-social-person{display:inline-flex;min-width:0;align-items:center;gap:6px;height:30px;padding:3px 8px 3px 4px;border:1px solid #343438;border-radius:999px;background:#151517;color:#d6d6da;font-family:inherit;font-size:9px;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}
.detail-social-person:hover{border-color:rgba(255,100,24,.5);background:#202023;color:#fff}
.detail-social-avatar{width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#202023 center/cover no-repeat}
.detail-social-avatar .groovy-initial-avatar-letter{font-size:9px}
.detail-social-context.own-match{border-color:rgba(77,180,112,.32);background:rgba(61,151,92,.08)}
.detail-social-context.own-match>div{display:flex;min-width:0;flex-direction:column;gap:3px}
.detail-social-context.own-match>div>span{color:#78c994}
.detail-social-check{display:flex;width:26px;height:26px;flex:0 0 26px;align-items:center;justify-content:center;border-radius:50%;background:rgba(79,184,113,.15);color:#83d3a0;font-size:14px;font-weight:900}
@media screen and (max-width:760px){.detail-social-context{grid-column:1/-1;grid-row:3;width:100%;margin:10px 0 0;padding:9px 10px;gap:9px}.detail-social-heading{min-width:96px}.detail-social-heading>strong,.detail-social-context.own-match>div>strong{font-size:9px}.detail-social-people{flex:1;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.detail-social-people::-webkit-scrollbar{display:none}.detail-social-person{flex:0 0 auto;height:29px;font-size:8.5px}.detail-social-avatar{width:21px;height:21px;flex-basis:21px}.detail-streaming-row{grid-row:4!important}.album-tracks{grid-row:5!important}.album-about{grid-row:6!important}.marketplace-panel{grid-row:7!important}}

/* Shelf, Wishlist, Statistics and Achievements stay available on own and viewed collector headers. */
@media screen and (max-width:760px){.viewed-user-header>.viewed-user-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* ALBUM SOCIAL CONTEXT V2 - streaming first, max two collector rows */
.detail-social-context{position:relative;display:block;margin-top:12px;padding:10px 11px}
.detail-social-heading{display:block;min-width:0;margin:0 0 8px}
.detail-social-heading>strong{color:#e8e8eb;font-size:10px;font-weight:760;line-height:1.2}
.detail-social-people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible}
.detail-social-person{display:flex;width:100%;min-width:0;height:30px;padding:3px 7px 3px 4px;overflow:hidden}
.detail-social-person-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.detail-social-more{display:flex;width:100%;height:30px;align-items:center;justify-content:center;border:1px solid #343438;border-radius:999px;background:#151517;color:#d6d6da;font-family:inherit;font-size:16px;font-weight:800;line-height:1;cursor:pointer}
.detail-social-more:hover,.detail-social-more[aria-expanded="true"]{border-color:rgba(255,100,24,.5);background:#202023;color:#fff}
.detail-social-menu[hidden]{display:none!important}
.detail-social-menu{position:absolute;z-index:45;right:10px;top:calc(100% + 6px);width:min(290px,calc(100vw - 44px));max-height:260px;padding:10px;border:1px solid #343438;border-radius:10px;background:#111113;box-shadow:0 18px 45px rgba(0,0,0,.55);overflow-y:auto}
.detail-social-menu-title{margin:0 0 8px;color:#888890;font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.detail-social-menu-list{display:grid;grid-template-columns:1fr;gap:6px}
.detail-social-menu-person{width:100%}
@media screen and (max-width:760px){.detail-streaming-row{grid-column:1/-1;grid-row:3!important;margin-top:10px}.detail-social-context{grid-column:1/-1;grid-row:4!important;width:100%;margin:10px 0 0}.detail-social-people{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-social-heading{margin-bottom:7px}.detail-social-heading>strong{font-size:9px}.detail-social-person,.detail-social-more{height:29px}.album-tracks{grid-row:5!important}.album-about{grid-row:6!important}.marketplace-panel{grid-row:7!important}}



/* Banner search + album social polish v8 */
.header-tools>.library-search{display:none!important}
.viewed-user-header{display:grid!important;grid-template-columns:minmax(190px,1fr) auto auto;align-items:center;gap:10px 12px}
.viewed-user-header>.viewed-user-identity{grid-column:1;grid-row:1;min-width:0}
.viewed-user-header>.viewed-user-actions{grid-column:2;grid-row:1;margin:0!important;padding-left:9px}
.viewed-user-header>.viewed-user-follow{grid-column:3;grid-row:1}
.viewed-user-header[data-own="true"]>.viewed-user-actions{grid-column:2/4}
.viewed-user-search-row{grid-column:1/-1;grid-row:2;width:100%;padding-top:9px;border-top:1px solid rgba(255,255,255,.07)}
.banner-library-search{position:relative;display:block;width:100%;margin:0}
.banner-library-search input{width:100%;height:42px;padding:0 14px 0 42px;border:1px solid #303034;border-radius:9px;outline:0;background:#101012;color:#f4f4f6;font-family:inherit;font-size:12px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.banner-library-search input::placeholder{color:#727279}
.banner-library-search input:hover{border-color:#3c3c42;background:#121214}
.banner-library-search input:focus{border-color:rgba(255,100,24,.58);background:#141416;box-shadow:0 0 0 3px rgba(255,100,24,.08)}
.banner-search-icon{position:absolute;z-index:2;left:14px;top:50%;width:14px;height:14px;border:1.8px solid #8a8a91;border-radius:50%;transform:translateY(-58%);pointer-events:none}
.banner-search-icon:after{content:"";position:absolute;right:-5px;bottom:-3px;width:6px;height:1.8px;border-radius:2px;background:#8a8a91;transform:rotate(45deg);transform-origin:left center}
.banner-library-search:focus-within .banner-search-icon{border-color:#ff6418}.banner-library-search:focus-within .banner-search-icon:after{background:#ff6418}
.detail-social-context:not(.own-match){position:relative;display:block;margin-top:12px;padding:12px;border:1px solid rgba(255,100,24,.19);border-radius:10px;background:linear-gradient(135deg,rgba(255,100,24,.055),rgba(255,255,255,.018) 55%,rgba(255,100,24,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.detail-social-context:not(.own-match) .detail-social-heading{display:flex;align-items:center;gap:9px;min-width:0;margin:0 0 9px}
.detail-social-heading-icon{display:flex;width:26px;height:26px;flex:0 0 26px;align-items:center;justify-content:center;border:1px solid rgba(255,100,24,.28);border-radius:50%;background:rgba(255,100,24,.09);color:#ff6418;font-size:8px;box-shadow:inset 0 0 0 5px rgba(0,0,0,.18)}
.detail-social-heading-icon:before{content:"";width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at center,#ff8a4f 0 1.5px,#20140f 1.6px 3.5px,#ff6418 3.6px 4.4px,#2a1710 4.5px 6.5px,#ff6418 6.6px 7.5px);box-shadow:0 0 0 1px rgba(255,100,24,.12)}
.detail-social-context:not(.own-match) .detail-social-heading>div{display:flex;min-width:0;flex-direction:column;gap:2px}
.detail-social-context:not(.own-match) .detail-social-heading strong{color:#f2f2f4;font-size:11px;font-weight:760;line-height:1.1}
.detail-social-context:not(.own-match) .detail-social-heading small{color:#777780;font-size:8px;font-weight:650;letter-spacing:.02em;line-height:1.1}
.detail-social-context:not(.own-match) .detail-social-people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible}
.detail-social-context:not(.own-match) .detail-social-person{height:31px;border-color:#303035;background:#151517}
.detail-social-context:not(.own-match) .detail-social-person:hover{border-color:rgba(255,100,24,.42);background:#1b1b1e}
.detail-social-context:not(.own-match) .detail-social-more{height:31px;border-color:#303035;background:#151517;color:#8d8d95}
.detail-social-context:not(.own-match) .detail-social-more:hover,.detail-social-context:not(.own-match) .detail-social-more[aria-expanded="true"]{border-color:rgba(255,100,24,.42);background:#1b1b1e;color:#fff}
.detail-social-context.own-match{display:grid!important;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;margin-top:12px;padding:11px 12px;border:1px solid rgba(77,180,112,.3);border-radius:10px;background:linear-gradient(110deg,rgba(61,151,92,.095),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.detail-social-context.own-match .detail-social-check{display:flex;width:30px;height:30px;flex:0 0 30px;align-items:center;justify-content:center;align-self:center;border:1px solid rgba(109,204,139,.19);border-radius:50%;background:rgba(79,184,113,.14);color:#8ed6a7;font-size:14px;font-weight:900;line-height:1}
.detail-own-match-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:3px}
.detail-own-match-copy>span{color:#78c994!important;font-size:8px!important;font-weight:850!important;letter-spacing:.12em!important;line-height:1!important;text-transform:uppercase}
.detail-own-match-copy>strong{color:#eef5f0!important;font-size:10px!important;font-weight:720!important;line-height:1.25!important}
@media screen and (max-width:760px){.viewed-user-header{position:relative;grid-template-columns:minmax(0,1fr) auto!important;gap:12px 10px!important;margin-bottom:66px!important}.viewed-user-header>.viewed-user-identity{grid-column:1;grid-row:1;width:100%!important}.viewed-user-header[data-own="true"]>.viewed-user-identity{grid-column:1/-1!important}.viewed-user-header>.viewed-user-follow{grid-column:2;grid-row:1;align-self:start}.viewed-user-header>.viewed-user-actions{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;gap:3px!important;margin:0!important;padding:2px 0 0!important;border-top:0!important}.viewed-user-header>.viewed-user-actions button{min-width:0!important;width:100%!important;padding-left:5px!important;padding-right:5px!important;font-size:9px!important}.viewed-user-header>.viewed-user-actions .viewed-action-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewed-user-header[data-own="true"]>.viewed-user-actions{grid-column:1/-1!important}.viewed-user-search-row{position:absolute;left:0;right:0;top:calc(100% + 10px);grid-column:auto;grid-row:auto;width:auto;padding:0;border-top:0;background:transparent}.banner-library-search input{height:42px;border-radius:12px;font-size:11px}.detail-social-context:not(.own-match){grid-column:1/-1;grid-row:4!important;width:100%;margin:10px 0 0;padding:10px}.detail-social-context:not(.own-match) .detail-social-heading{margin-bottom:8px}.detail-social-context:not(.own-match) .detail-social-people{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-social-context:not(.own-match) .detail-social-person,.detail-social-context:not(.own-match) .detail-social-more{height:30px}.detail-social-context.own-match{grid-column:1/-1;grid-row:4!important;width:100%;margin:10px 0 0;padding:10px 11px}.detail-streaming-row{grid-row:3!important}.album-tracks{grid-row:5!important}.album-about{grid-row:6!important}.marketplace-panel{grid-row:7!important}}


.viewed-user-snapshot{display:none}
/* Desktop collection banner v10 - two-row profile, search and navigation composition */
@media screen and (min-width:761px){
  .viewed-user-header{
    grid-template-columns:minmax(0,1fr) minmax(410px,520px)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:18px 24px!important;
    min-height:174px!important;
    margin:0 0 18px!important;
    padding:20px 22px 18px!important;
    border:0!important;
    border-radius:17px!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    isolation:isolate!important;
  }
  .viewed-user-header:before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    border:1px solid rgba(255,255,255,.095);
    border-radius:17px;
    background:
      linear-gradient(145deg,rgba(23,23,25,.98) 0%,rgba(19,19,21,.97) 60%,rgba(16,16,18,.9) 100%);
    box-shadow:inset 0 1px rgba(255,255,255,.025),0 16px 38px rgba(0,0,0,.18);
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 36%,rgba(0,0,0,.88) 43%,rgba(0,0,0,.58) 49%,rgba(0,0,0,.28) 54%,rgba(0,0,0,.09) 59%,transparent 66%);
    mask-image:linear-gradient(90deg,#000 0%,#000 36%,rgba(0,0,0,.88) 43%,rgba(0,0,0,.58) 49%,rgba(0,0,0,.28) 54%,rgba(0,0,0,.09) 59%,transparent 66%);
    pointer-events:none;
  }
  .viewed-user-header:after{
    content:"";
    position:absolute;
    z-index:-1;
    left:24px;
    right:40%;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,100,24,.34),rgba(255,255,255,.08),transparent);
    opacity:.72;
    pointer-events:none;
  }
  .viewed-user-header>.viewed-user-identity{
    grid-column:1!important;
    grid-row:1!important;
    align-items:center!important;
    width:max-content!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .viewed-user-header[data-own="false"]>.viewed-user-identity{padding-right:8px!important}
  .viewed-user-search-row{
    grid-column:1!important;
    grid-row:2!important;
    align-self:center!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    border-top:0!important;
  }
  .banner-library-search{width:100%!important}
  .banner-library-search input{
    height:48px!important;
    padding-left:46px!important;
    border:1px solid #34343a!important;
    border-radius:12px!important;
    background:#101012!important;
    box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
    font-size:12px!important;
  }
  .banner-library-search input:hover{border-color:#414147!important;background:#121214!important}
  .banner-library-search input:focus{border-color:rgba(255,100,24,.62)!important;background:#141416!important;box-shadow:0 0 0 3px rgba(255,100,24,.08)!important}
  .banner-search-icon{left:17px!important;width:15px!important;height:15px!important}

  .viewed-user-snapshot{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(72px,1fr))!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  .viewed-user-header[data-own="false"]>.viewed-user-snapshot{
    width:calc(100% - 148px)!important;
    margin-right:148px!important;
  }
  .viewed-user-snapshot-item{
    position:relative;
    display:flex;
    min-width:0;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:72px;
    gap:6px;
    padding:4px 18px;
    text-align:center;
  }
  .viewed-user-snapshot-item+.viewed-user-snapshot-item:before{
    content:"";
    position:absolute;
    left:0;
    top:11px;
    bottom:11px;
    width:1px;
    background:rgba(255,255,255,.12);
  }
  .viewed-user-snapshot-item strong{
    color:#f4f4f6;
    font-size:30px;
    font-weight:820;
    line-height:1;
    letter-spacing:-.03em;
  }
  .viewed-user-snapshot-item span{
    color:#777780;
    font-size:9px;
    font-weight:780;
    line-height:1;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  .viewed-user-header>.viewed-user-actions{
    grid-column:2!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-self:center!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:4px!important;
    border:1px solid rgba(255,255,255,.085)!important;
    border-radius:12px!important;
    background:#101012!important;
    box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
  }
  .viewed-user-header>.viewed-user-actions button,
  .viewed-user-header[data-own="true"] .viewed-user-achievements,
  .viewed-user-header>.viewed-user-actions .viewed-user-stats{
    min-width:0!important;
    min-height:40px!important;
    padding:7px 10px!important;
    border:1px solid transparent!important;
    border-radius:9px!important;
    background:transparent!important;
    color:#8f8f97!important;
    box-shadow:none!important;
    font-size:10px!important;
    font-weight:720!important;
  }
  .viewed-user-header>.viewed-user-actions button:hover{
    border-color:rgba(255,255,255,.075)!important;
    background:rgba(255,255,255,.045)!important;
    color:#efeff2!important;
  }
  .viewed-user-header>.viewed-user-actions button.active{
    border-color:rgba(255,100,24,.68)!important;
    background:linear-gradient(145deg,rgba(232,83,1,.22),rgba(232,83,1,.09))!important;
    color:#fff!important;
    box-shadow:inset 0 0 0 1px rgba(255,100,24,.08),0 5px 16px rgba(0,0,0,.16)!important;
  }
  .viewed-user-header>.viewed-user-actions button>span:first-child{color:#ff6418!important}
  .viewed-user-header>.viewed-user-actions button.active>span:first-child{color:#ff7a39!important}

  .viewed-user-header>.viewed-user-follow{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    min-width:124px!important;
    min-height:42px!important;
    padding:0 17px!important;
    border:1px solid rgba(255,100,24,.62)!important;
    border-radius:11px!important;
    background:linear-gradient(145deg,rgba(232,83,1,.2),rgba(232,83,1,.08))!important;
    color:#ff9a64!important;
    box-shadow:0 8px 22px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.035)!important;
    font-size:11px!important;
    font-weight:780!important;
  }
  .viewed-user-header>.viewed-user-follow:hover{
    border-color:#ff6418!important;
    background:linear-gradient(145deg,#e85301,#bc4308)!important;
    color:#fff!important;
    transform:translateY(-1px);
  }
  .viewed-user-header>.viewed-user-follow.following{
    border-color:rgba(105,190,132,.36)!important;
    background:rgba(68,143,92,.1)!important;
    color:#8fd4a6!important;
    box-shadow:none!important;
  }
  .viewed-user-header>.viewed-user-follow.following:hover{
    border-color:rgba(122,208,149,.5)!important;
    background:rgba(68,143,92,.16)!important;
    color:#b0e6c0!important;
  }
  .viewed-user-header[data-own="true"]>.viewed-user-actions{grid-column:2!important}
}
@media screen and (min-width:1100px){
  .viewed-user-header{
    grid-template-columns:minmax(560px,1fr) minmax(470px,560px)!important;
    min-height:182px!important;
    padding:22px 24px 19px!important;
    gap:20px 28px!important;
  }
  .viewed-user-header>.viewed-user-identity{align-items:center!important}
  .banner-library-search input{height:50px!important;border-radius:12px!important}
  .viewed-user-header>.viewed-user-actions button{min-height:42px!important}
  .viewed-user-header>.viewed-user-follow{min-height:44px!important}
}
@media screen and (min-width:761px) and (max-width:980px){
  .viewed-user-header{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto auto!important;
  }
  .viewed-user-snapshot{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:min(100%,420px)!important;
    margin-right:0!important;
  }
  .viewed-user-header[data-own="false"]>.viewed-user-snapshot{
    width:min(100%,420px)!important;
    margin-right:0!important;
  }
  .viewed-user-search-row{grid-column:1/-1!important;grid-row:3!important}
  .viewed-user-header>.viewed-user-actions{grid-column:1/-1!important;grid-row:4!important}
}
.detail-social-context:not(.own-match) .detail-social-heading{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;min-width:0!important;margin:0 0 9px!important;padding:1px 0 1px 9px!important;border-left:2px solid rgba(255,100,24,.72)!important;text-align:left!important}.detail-social-context:not(.own-match) .detail-social-heading>strong{display:block;color:#f2f2f4;font-size:11px;font-weight:760;line-height:1.15}.detail-social-context:not(.own-match) .detail-social-heading>small{display:block;color:#777780;font-size:8px;font-weight:650;letter-spacing:.02em;line-height:1.15}.detail-social-heading-icon{display:none!important}
@media screen and (min-width:761px){.detail-social-context:not(.own-match){text-align:left!important}.detail-social-menu{overflow-y:auto}}