/* GLOBAL ALBUM RATING + TRACK DURATIONS V11 */
.groovy-star-meter{--rating-fill:0%;position:relative;display:inline-block;line-height:1;letter-spacing:.16em;font-size:14px;color:#4e4e54}
.groovy-star-meter-base,.groovy-star-meter-fill{display:block;font-style:normal}
.groovy-star-meter-fill{position:absolute;left:0;top:0;width:var(--rating-fill);overflow:hidden;color:#ff7a1a;white-space:nowrap}
.groovy-star-meter.is-compact{font-size:16px;letter-spacing:.08em}
.groovy-star-meter.is-community{font-size:19px;letter-spacing:.13em}

.cover-rating{position:static!important;display:flex!important;align-items:center;justify-content:flex-end;min-width:128px;margin-left:auto;padding:0!important;background:none!important;color:inherit!important;font-size:16px!important;letter-spacing:0!important}
.cover-rating-inner{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.cover-rating-number{display:inline-flex;align-items:baseline;gap:1px;color:#f1f1f3;font-size:16px;font-weight:760;line-height:1}
.cover-rating-max{color:#73737a;font-size:inherit;font-weight:400}
.cover-rating-value.is-empty{display:inline-block;min-width:.38em;color:#77777d;font-weight:400;text-align:center}

@media screen and (max-width:760px){
  .cover-rating{min-width:0!important;max-width:72px!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
  .cover-rating-inner{display:inline-flex!important;min-width:0!important;max-width:72px!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;overflow:visible!important}
  .cover-rating .groovy-star-meter.is-compact{font-size:11px!important;letter-spacing:.045em!important;line-height:1!important}
  .cover-rating-number{display:inline-flex!important;align-items:baseline!important;justify-content:flex-start!important;align-self:flex-start!important;gap:1px!important;min-height:9px!important;font-size:9px!important;line-height:1!important}
  .cover-rating-max{display:inline!important;font-size:inherit!important;font-weight:400!important}
}

@media screen and (max-width:380px){
  .cover-rating{max-width:64px!important}
  .cover-rating-inner{max-width:64px!important}
  .cover-rating .groovy-star-meter.is-compact{font-size:10px!important;letter-spacing:.035em!important}
  .cover-rating-number{font-size:8px!important}
}

.detail-rating{margin-top:16px!important;color:inherit!important;letter-spacing:0!important}

.album-detail-main{overflow:auto}
.album-detail-main::-webkit-scrollbar{width:7px}.album-detail-main::-webkit-scrollbar-thumb{background:#2d2d32;border-radius:999px}
@media screen and (min-width:1121px){.album-detail{align-items:start}.album-detail-main{max-height:calc(min(100vw,620px) - 4px);padding-right:10px}}

#detailTracks .tracks-list{list-style:none;margin:0;padding:0}
#detailTracks .tracks-list li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}
#detailTracks .tracks-list li:last-child{border-bottom:0}
.track-index{color:#6d6d74;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.06em}
.track-title{min-width:0;color:#ebebef;font-size:14px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.track-duration{color:#8d8d95;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-align:right}

@media screen and (max-width:760px){.track-title{font-size:13px}.track-duration,.track-index{font-size:12px}}

/* ALBUM DETAIL POLISH V12 - compact shelf row, avatar-only social row */
#detailTracks .tracks-list li:before{content:none!important;display:none!important}
@media screen and (min-width:1121px){.album-detail-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-content:start;column-gap:9px;padding:8px 0 0!important;overflow:hidden!important}.detail-info-card{display:contents!important}.detail-number{grid-column:1/-1;grid-row:1}.detail-artist{grid-column:1/-1;grid-row:2;margin:0 0 4px!important;font-size:19px!important;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-album{grid-column:1/-1;grid-row:3;font-size:30px!important;line-height:1.04!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.detail-meta{grid-column:1/-1;grid-row:4;margin-top:10px!important;font-size:12px!important}.detail-discogs-credit{grid-column:1/-1;grid-row:5;justify-self:start;margin-top:5px!important}.detail-shelf-status{grid-column:1;grid-row:6;align-self:center;margin:9px 0 0!important;min-height:30px;padding:5px 8px!important}.detail-shelf-actions{grid-column:2;grid-row:6;align-self:center;justify-self:end;display:flex!important;flex-wrap:nowrap!important;gap:6px!important;margin:9px 0 0!important}.detail-shelf-actions.wishlist-library-actions{grid-column:1/-1;grid-row:6;align-self:center;justify-self:start;margin:9px 0 0!important}.detail-shelf-actions[hidden]{display:none!important}.detail-shelf-button{min-height:30px!important;padding:0 9px!important;font-size:9px!important;white-space:nowrap}.detail-rating{grid-column:1/-1;grid-row:7;margin-top:10px!important}.detail-streaming-row{grid-column:1/-1!important;grid-row:8!important;min-height:48px!important;margin:9px 0 0!important;padding:7px 10px!important;gap:12px!important}.detail-social-context:not(.own-match){grid-column:1/-1!important;grid-row:9!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:11px!important;min-height:46px!important;max-height:46px!important;margin:8px 0 0!important;padding:7px 10px!important;overflow:visible!important}.detail-social-context:not(.own-match) .detail-social-heading{display:flex!important;min-width:108px!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;margin:0!important;padding:0 0 0 8px!important}.detail-social-context:not(.own-match) .detail-social-heading>strong{font-size:10px!important}.detail-social-context:not(.own-match) .detail-social-heading>small{font-size:7.5px!important}.detail-social-context:not(.own-match) .detail-social-people{display:flex!important;min-width:0;align-items:center;justify-content:flex-start;gap:6px!important;overflow:visible!important}.detail-social-context:not(.own-match) .detail-social-people>.detail-social-person{position:relative;display:flex!important;width:30px!important;height:30px!important;min-width:30px!important;flex:0 0 30px!important;align-items:center;justify-content:center;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;overflow:visible!important}.detail-social-context:not(.own-match) .detail-social-people>.detail-social-person .detail-social-avatar{width:30px!important;height:30px!important;flex:0 0 30px!important}.detail-social-context:not(.own-match) .detail-social-people>.detail-social-person .detail-social-person-name{display:none!important}.detail-social-context:not(.own-match) .detail-social-people>.detail-social-person:after{content:attr(data-tooltip);position:absolute;z-index:80;left:50%;bottom:calc(100% + 7px);max-width:160px;padding:5px 7px;border:1px solid #3b3b40;border-radius:6px;background:#1a1a1d;color:#f2f2f4;box-shadow:0 8px 24px rgba(0,0,0,.42);font-size:8px;font-weight:700;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,3px);transition:opacity .12s ease,transform .12s ease}.detail-social-context:not(.own-match) .detail-social-people>.detail-social-person:hover:after,.detail-social-context:not(.own-match) .detail-social-people>.detail-social-person:focus-visible:after{opacity:1;transform:translate(-50%,0)}.detail-social-context:not(.own-match) .detail-social-more{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:50%!important;font-size:14px!important}.album-about{align-self:start!important}}
.rating-panel-icon svg circle{fill:currentColor;stroke:none}.rating-panel-icon svg path{fill:none;stroke:currentColor}


/* Album rating layout (moved from album-rating-layout-v4.js) */
html body .detail-rating{
  --rating-star-size:24px;
  --rating-star-gap:1px;
}

html body .detail-rating .rating-panels,
html body .detail-rating .rating-panels.has-viewed-user{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:7px!important;
}

html body .detail-rating .rating-panel{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-rows:26px var(--rating-star-size) 24px!important;
  row-gap:6px!important;
  align-content:start!important;
  min-width:0!important;
  padding:9px 10px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,rgba(20,20,23,.98),rgba(13,13,16,.98))!important;
  box-shadow:0 5px 16px rgba(0,0,0,.12)!important;
}

html body .detail-rating .rating-panel-label{
  grid-row:1!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#f5f5f5!important;
  font-size:10.5px!important;
  font-weight:750!important;
  line-height:1.1!important;
}

html body .detail-rating .rating-panel-icon{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:26px!important;
  height:26px!important;
  flex:0 0 26px!important;
  padding:5px!important;
  border:1px solid rgba(255,255,255,.23)!important;
  border-radius:50%!important;
  background:#101012!important;
  color:rgba(255,255,255,.68)!important;
}

html body .detail-rating .rating-panel-icon svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
}

html body .detail-rating .groovy-rating-helper{display:none!important}

html body .detail-rating .groovy-rating-value-row{
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-height:var(--rating-star-size)!important;
  margin-top:7px!important;
  white-space:nowrap!important;
  overflow:visible!important;
}

html body .detail-rating .groovy-rating-stars{
  align-self:center!important;
  display:grid!important;
  grid-template-columns:repeat(5,var(--rating-star-size))!important;
  align-items:center!important;
  justify-content:start!important;
  gap:var(--rating-star-gap)!important;
  width:max-content!important;
  height:var(--rating-star-size)!important;
  margin:0!important;
  font-size:var(--rating-star-size)!important;
  line-height:1!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}

html body .detail-rating .album-rating-star,
html body .detail-rating .groovy-rating-star-cell{
  box-sizing:border-box!important;
  position:relative!important;
  display:block!important;
  width:var(--rating-star-size)!important;
  height:var(--rating-star-size)!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  font:inherit!important;
  font-family:Arial,sans-serif!important;
  font-size:var(--rating-star-size)!important;
  line-height:1!important;
  color:inherit!important;
  overflow:hidden!important;
}

html body .detail-rating .album-rating-star{
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  vertical-align:top!important;
}

html body .detail-rating .groovy-rating-star-base,
html body .detail-rating .groovy-rating-star-fill{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  height:var(--rating-star-size)!important;
  overflow:hidden!important;
  font:inherit!important;
  font-family:Arial,sans-serif!important;
  font-size:var(--rating-star-size)!important;
  line-height:1!important;
}

html body .detail-rating .groovy-rating-star-base{
  width:var(--rating-star-size)!important;
  color:rgba(255,255,255,.18)!important;
}

html body .detail-rating .groovy-rating-star-fill{
  width:var(--star-fill)!important;
  color:#ff6500!important;
}

html body .detail-rating .groovy-rating-star-glyph{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:var(--rating-star-size)!important;
  height:var(--rating-star-size)!important;
  margin:0!important;
  padding:0!important;
  font:inherit!important;
  font-family:Arial,sans-serif!important;
  font-size:var(--rating-star-size)!important;
  line-height:1!important;
  text-align:center!important;
  transform:none!important;
}

html body .detail-rating .album-rating-star.hover-filled{
  --star-fill:100%!important;
}

html body .detail-rating .album-rating-star:hover{
  transform:none!important;
}

html body .detail-rating .groovy-rating-score{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:1px!important;
  justify-self:end!important;
  flex:0 0 auto!important;
  height:var(--rating-star-size)!important;
  margin:0!important;
  color:#f7f7f8!important;
  font-size:0!important;
  font-weight:800!important;
  line-height:var(--rating-star-size)!important;
}

html body .detail-rating .groovy-score-main,
html body .detail-rating .groovy-score-max{
  font-size:21px!important;
  line-height:1!important;
}

html body .detail-rating .groovy-score-main{color:#f7f7f8!important}
html body .detail-rating .groovy-score-max{
  color:rgba(255,255,255,.42)!important;
  font-weight:400!important;
}

html body .detail-rating .rating-panel-footer{
  grid-row:3!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:24px!important;
  margin-top:6px!important;
}

html body .detail-rating .rating-panel-meta,
html body .detail-rating .rating-panel-empty-note{
  color:rgba(255,255,255,.52)!important;
  font-size:8.5px!important;
  font-weight:500!important;
  line-height:1!important;
}

html body .detail-rating .groovy-remove-rating{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:24px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.58)!important;
  font:inherit!important;
  font-size:8.5px!important;
  font-weight:600!important;
  cursor:pointer!important;
}

html body .detail-rating .groovy-remove-rating:hover{color:#ff720f!important}
html body .detail-rating .groovy-remove-rating-icon{
  width:12px;
  height:12px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

html body .detail-rating .rating-panel-viewed-user{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:44px!important;
  padding:7px 10px!important;
}

html body .detail-rating .groovy-rating-user{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

html body .detail-rating .groovy-rating-user strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f5f5f5;
  font-size:10.5px;
  line-height:1.1;
  font-weight:750;
}

html body .detail-rating .groovy-rating-viewed-value{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  min-width:0;
  white-space:nowrap;
}

html body .detail-rating .groovy-rating-avatar{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  flex:0 0 28px;
  border:1px solid #d65a16;
  border-radius:50%;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  overflow:hidden;
}

@media screen and (min-width:761px){
  html body .detail-info-card>.detail-rating{
    width:auto!important;
    margin-top:10px!important;
  }

  html body .detail-info-card>.detail-rating .rating-panel{
    min-height:94px!important;
  }

  html body .detail-info-card>.detail-rating .rating-panel-viewed-user{
    min-height:44px!important;
  }
}

@media screen and (max-width:760px){
  html body .detail-rating{--rating-star-size:19px}

  html body .album-detail>.detail-rating,
  html body .album-desktop-left>.detail-rating{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    margin:12px 0 0!important;
  }

  html body .album-detail:has(.detail-artwork-source:not([hidden]))>.detail-rating,
  html body .album-detail:has(.detail-artwork-source:not([hidden])) .album-desktop-left>.detail-rating{
    margin-top:36px!important;
  }

  html body .detail-rating .rating-panel{
    display:grid!important;
    grid-template-rows:16px var(--rating-star-size) 24px!important;
    row-gap:10px!important;
    min-height:104px!important;
    padding:9px!important;
  }

  html body .detail-rating .rating-panel-label{
    height:16px!important;
    font-size:9px!important;
    line-height:16px!important;
    gap:5px!important;
  }

  html body .detail-rating .rating-panel-icon{display:none!important}

  html body .detail-rating .groovy-rating-value-row{
    height:var(--rating-star-size)!important;
    min-height:var(--rating-star-size)!important;
    margin:0!important;
  }

  html body .detail-rating .rating-panel-footer{
    height:24px!important;
    min-height:24px!important;
    margin:0!important;
    padding:0!important;
  }

  html body .detail-rating .rating-panel-meta,
  html body .detail-rating .rating-panel-empty-note,
  html body .detail-rating .groovy-remove-rating{
    height:24px!important;
    min-height:24px!important;
    margin:0!important;
    padding:0!important;
    font-size:7px!important;
    line-height:1!important;
  }

  html body .detail-rating .groovy-score-main,
  html body .detail-rating .groovy-score-max{
    font-size:21px!important;
  }

  html body .detail-rating .rating-panel-viewed-user{
    display:flex!important;
    min-height:45px!important;
    padding:8px 9px!important;
  }

  html body .detail-rating .groovy-rating-user{gap:7px!important}
  html body .detail-rating .groovy-rating-user strong{font-size:9px!important}
  html body .detail-rating .groovy-rating-avatar{
    width:26px!important;
    height:26px!important;
    flex-basis:26px!important;
  }
  html body .detail-rating .groovy-rating-viewed-value{gap:5px!important}
}

@media screen and (max-width:380px){
  html body .detail-rating{--rating-star-size:17px}
  html body .detail-rating .rating-panel{padding:8px!important}
  html body .detail-rating .groovy-score-main,
  html body .detail-rating .groovy-score-max{font-size:19px!important}
}


@media screen and (max-width:760px){
.mobile-list-view .cover-rating-meta{display:none!important}
.mobile-list-view .cover-rating-list-mobile{display:flex;min-width:0;align-items:center;justify-content:flex-end;color:inherit}
.mobile-list-view .cover-rating-list-mobile .cover-rating-inner{display:inline-flex!important;max-width:none!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;overflow:visible!important}
.mobile-list-view .cover-rating-list-mobile .groovy-star-meter.is-compact{font-size:17px!important;letter-spacing:.055em!important;line-height:1!important}
.mobile-list-view .cover-rating-list-mobile .cover-rating-number{align-self:center!important;min-height:0!important;font-size:12px!important;line-height:1!important}
}
@media screen and (max-width:380px){
.mobile-list-view .cover-rating-list-mobile .groovy-star-meter.is-compact{font-size:15px!important;letter-spacing:.045em!important}
.mobile-list-view .cover-rating-list-mobile .cover-rating-number{font-size:10.5px!important}
}