/* wire-music-replay-style-303f1h9140 */

.wire-music-replay-303f1h9140{
  display:grid;
  gap:10px;
  min-width:0;
  color:var(--text)
}
.wire-music-replay-top-303f1h9140{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 13px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--panel)
}
.wire-music-replay-top-303f1h9140 small{
  color:#ff6682;
  font-size:8px;
  font-weight:950;
  letter-spacing:.08em
}
.wire-music-replay-top-303f1h9140 h1{
  margin:1px 0 0;
  font-size:18px
}
.wire-music-replay-top-303f1h9140 nav{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap
}
.wire-music-replay-top-303f1h9140 nav a,
.wire-music-replay-top-303f1h9140 nav select{
  min-height:32px;
  padding:0 9px;
  border:1px solid #31516a;
  border-radius:999px;
  background:#071823;
  color:#b7cad7;
  font:inherit;
  font-size:8px;
  font-weight:850;
  text-decoration:none
}
.wire-music-replay-stage-303f1h9140{
  position:relative;
  min-width:0
}
.wire-music-replay-slide-303f1h9140{
  position:relative;
  display:grid;
  align-content:center;
  min-height:min(680px,calc(100vh - 170px));
  padding:48px clamp(24px,5vw,76px);
  overflow:hidden;
  border:1px solid #31526a;
  border-radius:22px;
  background:
    radial-gradient(circle at 94% 5%,rgba(226,49,89,.24),transparent 30%),
    radial-gradient(circle at 5% 100%,rgba(35,143,215,.15),transparent 33%),
    linear-gradient(135deg,#06131f,#0b1f31 58%,#2b1020);
  box-shadow:0 18px 55px rgba(0,0,0,.25)
}
.wire-music-replay-slide-303f1h9140[hidden]{
  display:none!important
}
.wire-music-replay-slide-303f1h9140::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 80%)
}
.wire-music-replay-slide-brand-303f1h9140{
  position:absolute;
  left:22px;
  top:17px;
  z-index:2;
  display:flex;
  align-items:center;
  gap:10px
}
.wire-music-replay-slide-brand-303f1h9140 img{
  width:116px;
  height:38px;
  object-fit:contain
}
.wire-music-replay-slide-brand-303f1h9140 span{
  color:#9eb5c5;
  font-size:7px;
  font-weight:950;
  letter-spacing:.09em
}
.wire-music-replay-slide-copy-303f1h9140{
  position:relative;
  z-index:2;
  display:grid;
  gap:8px;
  max-width:900px
}
.wire-music-replay-slide-copy-303f1h9140>small{
  color:#ff6c86;
  font-size:10px;
  font-weight:950;
  letter-spacing:.11em
}
.wire-music-replay-slide-copy-303f1h9140 h2{
  max-width:1000px;
  margin:0;
  font-size:clamp(38px,5.8vw,82px);
  line-height:.96;
  letter-spacing:-.045em
}
.wire-music-replay-slide-copy-303f1h9140 p{
  max-width:720px;
  margin:0;
  color:#adc1cf;
  font-size:clamp(13px,1.4vw,18px);
  line-height:1.45
}
.wire-music-replay-intro-profile-303f1h9140{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:26px
}
.wire-music-replay-intro-profile-303f1h9140 img{
  width:62px;
  height:62px;
  object-fit:cover;
  border:2px solid rgba(255,255,255,.28);
  border-radius:50%
}
.wire-music-replay-intro-profile-303f1h9140 span{
  display:grid;
  gap:2px
}
.wire-music-replay-intro-profile-303f1h9140 strong{
  font-size:15px
}
.wire-music-replay-intro-profile-303f1h9140 small{
  color:#90a9ba;
  font-size:9px
}
.wire-music-replay-metric-pair-303f1h9140,
.wire-music-replay-final-stats-303f1h9140{
  position:relative;
  z-index:2;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:32px
}
.wire-music-replay-metric-pair-303f1h9140 span,
.wire-music-replay-final-stats-303f1h9140 span{
  display:grid;
  gap:2px;
  min-width:130px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:13px;
  background:rgba(3,13,22,.48)
}
.wire-music-replay-metric-pair-303f1h9140 strong,
.wire-music-replay-final-stats-303f1h9140 strong{
  font-size:24px
}
.wire-music-replay-metric-pair-303f1h9140 small,
.wire-music-replay-final-stats-303f1h9140 small{
  color:#8ea8ba;
  font-size:7px;
  font-weight:900;
  letter-spacing:.06em
}
.wire-music-replay-feature-image-303f1h9140{
  position:absolute;
  z-index:1;
  right:5%;
  bottom:8%;
  display:grid;
  place-items:center;
  width:min(38%,410px);
  aspect-ratio:16/10;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  background:#041019;
  box-shadow:0 24px 70px rgba(0,0,0,.42)
}
.wire-music-replay-feature-image-303f1h9140.is-square{
  width:min(31%,350px);
  aspect-ratio:1
}
.wire-music-replay-feature-image-303f1h9140 img{
  width:100%;
  height:100%;
  object-fit:cover
}
.wire-music-replay-feature-image-303f1h9140>b{
  font-size:54px
}
.wire-music-replay-slide-303f1h9140.is-image
  .wire-music-replay-slide-copy-303f1h9140{
  max-width:56%
}
.wire-music-replay-ranking-303f1h9140{
  position:relative;
  z-index:2;
  display:grid;
  gap:6px;
  width:min(760px,100%);
  margin-top:24px
}
.wire-music-replay-ranking-303f1h9140>a{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-height:52px;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:11px;
  background:rgba(3,13,22,.46);
  color:#fff;
  text-decoration:none
}
.wire-music-replay-ranking-303f1h9140>a>b{
  color:#ff6682;
  font-size:18px;
  text-align:center
}
.wire-music-replay-ranking-303f1h9140>a>span{
  display:grid;
  min-width:0
}
.wire-music-replay-ranking-303f1h9140 strong,
.wire-music-replay-ranking-303f1h9140 small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.wire-music-replay-ranking-303f1h9140 strong{
  font-size:12px
}
.wire-music-replay-ranking-303f1h9140 small{
  color:#8fa9ba;
  font-size:8px
}
.wire-music-replay-ranking-303f1h9140.is-compact{
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:min(1050px,100%)
}
.wire-music-replay-genre-cloud-303f1h9140{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:28px
}
.wire-music-replay-genre-cloud-303f1h9140 span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(3,13,22,.45);
  font-size:11px;
  font-weight:850
}
.wire-music-replay-genre-cloud-303f1h9140 small{
  color:#ff7a90;
  font-size:8px
}
.wire-music-replay-big-symbol-303f1h9140{
  position:absolute;
  right:10%;
  bottom:8%;
  color:rgba(255,255,255,.12);
  font-size:220px;
  font-weight:950
}
.wire-music-replay-follow-grid-303f1h9140{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  margin-top:25px
}
.wire-music-replay-follow-grid-303f1h9140 a{
  display:grid;
  gap:5px;
  min-width:0;
  color:#fff;
  text-align:center;
  text-decoration:none
}
.wire-music-replay-follow-grid-303f1h9140 img{
  width:100%;
  aspect-ratio:1;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%
}
.wire-music-replay-follow-grid-303f1h9140 strong{
  overflow:hidden;
  font-size:8px;
  text-overflow:ellipsis;
  white-space:nowrap
}
.wire-music-replay-month-grid-303f1h9140{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin-top:24px
}
.wire-music-replay-month-grid-303f1h9140 article{
  display:grid;
  gap:2px;
  min-width:0;
  padding:9px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:11px;
  background:rgba(3,13,22,.47)
}
.wire-music-replay-month-grid-303f1h9140 article small{
  color:#ff7189;
  font-size:7px;
  font-weight:950
}
.wire-music-replay-month-grid-303f1h9140 article strong{
  font-size:10px
}
.wire-music-replay-month-grid-303f1h9140 article span,
.wire-music-replay-month-grid-303f1h9140 article em{
  overflow:hidden;
  color:#91aaba;
  font-size:7px;
  font-style:normal;
  text-overflow:ellipsis;
  white-space:nowrap
}
.wire-music-replay-final-actions-303f1h9140{
  position:relative;
  z-index:2;
  display:flex;
  gap:8px;
  margin-top:20px
}
.wire-music-replay-final-actions-303f1h9140 a,
.wire-music-replay-final-actions-303f1h9140 button,
.wire-music-replay-bottom-actions-303f1h9140 a,
.wire-music-replay-bottom-actions-303f1h9140 button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 13px;
  border:1px solid #e13159;
  border-radius:999px;
  background:#c9294c;
  color:#fff;
  font:inherit;
  font-size:9px;
  font-weight:900;
  text-decoration:none;
  cursor:pointer
}
.wire-music-replay-controls-303f1h9140{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto 36px;
  align-items:center;
  gap:8px
}
.wire-music-replay-controls-303f1h9140>button{
  width:36px;
  height:36px;
  border:1px solid #31516a;
  border-radius:50%;
  background:#071823;
  color:#fff;
  font-size:22px;
  cursor:pointer
}
.wire-music-replay-controls-303f1h9140>button:disabled{
  opacity:.35
}
.wire-music-replay-controls-303f1h9140>div{
  display:flex;
  gap:4px;
  min-width:0
}
.wire-music-replay-controls-303f1h9140>div button{
  flex:1;
  min-width:6px;
  height:4px;
  padding:0;
  border:0;
  border-radius:999px;
  background:#243d50;
  cursor:pointer
}
.wire-music-replay-controls-303f1h9140>div button.is-active{
  background:#ed385f
}
.wire-music-replay-controls-303f1h9140>span{
  color:#91a8b8;
  font-size:8px
}
.wire-music-replay-bottom-actions-303f1h9140{
  display:flex;
  justify-content:flex-end;
  gap:7px
}
.wire-music-replay-bottom-actions-303f1h9140 button,
.wire-music-replay-bottom-actions-303f1h9140 a{
  border-color:#31516a;
  background:#071823
}
.wire-music-replay-private-303f1h9140{
  padding:18px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--panel);
  color:var(--muted)
}

/* exact canonical shell parity: route only, no new shell */
@media(min-width:821px){
  body:has(.wire-music-replay-303f1h9140)
  .wire-app>
  .wire-main-sidebar-303f1h213,
  body:has(.wire-music-replay-303f1h9140)
  .wire-app>
  .left-rail.wire-main-sidebar-303f1h213{
    transform:translateY(-10px)!important;
  }

  body:has(.wire-music-replay-303f1h9140)
  .wire-app>
  .wire-main-sidebar-303f1h213>
  .wire-main-sidebar-scroll-303f1h213{
    padding-top:0!important;
  }
}

@media(max-width:820px){
  .wire-music-replay-top-303f1h9140{
    align-items:stretch;
    flex-direction:column
  }
  .wire-music-replay-slide-303f1h9140{
    min-height:620px;
    padding:70px 18px 30px
  }
  .wire-music-replay-slide-copy-303f1h9140 h2{
    font-size:44px
  }
  .wire-music-replay-slide-303f1h9140.is-image
    .wire-music-replay-slide-copy-303f1h9140{
    max-width:100%
  }
  .wire-music-replay-feature-image-303f1h9140,
  .wire-music-replay-feature-image-303f1h9140.is-square{
    position:relative;
    right:auto;
    bottom:auto;
    z-index:2;
    width:min(80%,330px);
    margin-top:24px
  }
  .wire-music-replay-ranking-303f1h9140.is-compact{
    grid-template-columns:1fr
  }
  .wire-music-replay-follow-grid-303f1h9140{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .wire-music-replay-month-grid-303f1h9140{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .wire-music-replay-big-symbol-303f1h9140{
    right:4%;
    font-size:140px
  }
}

/* wire-music-replay-progress-compact-303f1h9140a */
.wire-music-replay-controls-303f1h9140{
  grid-template-columns:32px minmax(180px,720px) auto 32px!important;
  justify-content:center!important;
  column-gap:9px!important;
  min-height:34px!important
}
.wire-music-replay-controls-303f1h9140>
[data-wire-replay-progress-303f1h9140]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:100%!important;
  max-width:720px!important;
  min-width:0!important;
  min-height:0!important;
  height:8px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important
}
.wire-music-replay-controls-303f1h9140>
[data-wire-replay-progress-303f1h9140]>
button{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  flex:1 1 0!important;
  width:auto!important;
  min-width:8px!important;
  max-width:none!important;
  height:4px!important;
  min-height:4px!important;
  max-height:4px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#243d50!important;
  box-shadow:none!important;
  line-height:0!important;
  font-size:0!important
}
.wire-music-replay-controls-303f1h9140>
[data-wire-replay-progress-303f1h9140]>
button.is-active{
  background:#ed385f!important
}
.wire-music-replay-controls-303f1h9140>
[data-wire-replay-progress-303f1h9140]>
button:focus-visible{
  outline:2px solid rgba(255,255,255,.8)!important;
  outline-offset:4px!important
}
.wire-music-replay-controls-303f1h9140>
[data-wire-replay-prev-303f1h9140],
.wire-music-replay-controls-303f1h9140>
[data-wire-replay-next-303f1h9140]{
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  padding:0!important
}
.wire-music-replay-controls-303f1h9140>
[data-wire-replay-position-303f1h9140]{
  min-width:34px!important;
  text-align:center!important;
  white-space:nowrap!important
}

@media(max-width:820px){
  .wire-music-replay-controls-303f1h9140{
    grid-template-columns:32px minmax(100px,1fr) auto 32px!important;
    column-gap:6px!important
  }
}