/* NEW RELEASE PREMIUM V232 — full song details with close button */
html body #release.ohm-nr-section{
  position:relative!important;
  overflow:visible!important;
}
html body #release.ohm-nr-section>.head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:52px!important;
  margin:0 0 14px!important;
  padding:0 3px 12px!important;
  border-bottom:1px solid rgba(126,177,223,.16)!important;
}
html body #release.ohm-nr-section>.head .title{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#f8fbff!important;
  font-size:18px!important;
  font-weight:750!important;
  line-height:1.1!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
}
html body #release.ohm-nr-section>.head .title:before{
  content:""!important;
  display:block!important;
  width:12px!important;
  height:22px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#ff64a8 0%,#d851eb 100%)!important;
  box-shadow:0 0 14px rgba(243,93,186,.28)!important;
}
html body #release.ohm-nr-section>.head>small{display:none!important}
html body #release .ohm-nr-view-all{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:90px!important;
  height:34px!important;
  padding:0 14px!important;
  color:#eef6ff!important;
  background:linear-gradient(180deg,#163753 0%,#112a40 100%)!important;
  border:1px solid rgba(139,190,233,.27)!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px rgba(2,8,18,.18)!important;
  transition:transform .16s,background .16s,border-color .16s,box-shadow .16s!important;
}
html body #release .ohm-nr-view-all:hover{background:linear-gradient(180deg,#1b425f 0%,#14354f 100%)!important;border-color:rgba(139,190,233,.46)!important;transform:translateY(-1px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 24px rgba(2,8,18,.24)!important}
html body #newReleaseIntro{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start!important;
  gap:16px!important;
  width:100%!important;
}
html body #release .ohm-nr-card{
  position:relative!important;
  width:100%!important;
  overflow:visible!important;
  color:#f6fbff!important;
  background:radial-gradient(circle at top center,rgba(26,70,124,.22),transparent 48%),linear-gradient(180deg,#0c2136 0%,#081a2d 100%)!important;
  border:1px solid rgba(92,157,211,.38)!important;
  border-radius:22px!important;
  box-shadow:0 18px 40px rgba(1,8,18,.22), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html body #release .ohm-nr-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
html body #release .ohm-nr-card.ohm-nr-menu-open{z-index:60!important}
html body #release .ohm-nr-media{
  position:relative!important;
  display:block!important;
  width:calc(100% - 26px)!important;
  margin:16px auto 0!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  background:#061321!important;
  border:1px solid rgba(104,170,222,.28)!important;
  border-radius:18px!important;
  box-shadow:0 12px 26px rgba(0,0,0,.18)!important;
}
html body #release .ohm-nr-media:after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0 0!important;
  height:30%!important;
  background:linear-gradient(180deg,transparent,rgba(3,10,18,.44))!important;
  pointer-events:none!important;
}
html body #release .ohm-nr-media img,
html body #release .ohm-nr-media iframe{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  object-fit:cover!important;
}
html body #release .ohm-nr-index{
  position:absolute!important;
  top:12px!important;
  left:12px!important;
  z-index:3!important;
  display:grid!important;
  place-items:center!important;
  min-width:40px!important;
  height:34px!important;
  padding:0 12px!important;
  color:#ff72b7!important;
  background:rgba(5,17,31,.88)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:12px!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 8px 20px rgba(2,8,18,.18)!important;
}
html body #release .ohm-nr-body{padding:18px 18px 18px!important}
html body #release .ohm-nr-title{
  display:-webkit-box!important;
  overflow:hidden!important;
  margin:0!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:500!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
html body #release .ohm-nr-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px 10px!important;
  margin:8px 0 0!important;
  color:#9eb4c8!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.4!important;
}
html body #release .ohm-nr-meta span{display:inline-flex!important;align-items:center!important;gap:5px!important}
html body #release .ohm-nr-meta span+span:before{content:"•"!important;color:#5d84a8!important;margin-right:4px!important}
html body #release .ohm-nr-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-top:14px!important;
  padding-top:14px!important;
  border-top:1px solid rgba(122,173,215,.14)!important;
}
html body #release .ohm-nr-play{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-width:132px!important;
  height:42px!important;
  padding:0 16px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#ff1e56 0%,#ff1365 52%,#ff4d8d 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  font-size:13px!important;
  font-weight:800!important;
  cursor:pointer!important;
  box-shadow:0 14px 28px rgba(255,28,92,.18), inset 0 1px 0 rgba(255,255,255,.12)!important;
  transition:transform .16s,filter .16s,box-shadow .16s!important;
}
html body #release .ohm-nr-play i{
  display:block!important;
  width:0!important;
  height:0!important;
  border-top:7px solid transparent!important;
  border-bottom:7px solid transparent!important;
  border-left:12px solid #fff!important;
}
html body #release .ohm-nr-play:hover{filter:brightness(1.06)!important;transform:translateY(-1px)!important;box-shadow:0 18px 30px rgba(255,28,92,.24), inset 0 1px 0 rgba(255,255,255,.12)!important}
html body #release .ohm-nr-more{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  padding:0!important;
  color:#cfe1f0!important;
  background:linear-gradient(180deg,#102942 0%,#0c2237 100%)!important;
  border:1px solid rgba(126,177,219,.23)!important;
  border-radius:50%!important;
  font-size:22px!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html body #release .ohm-nr-menu{
  position:absolute!important;
  right:18px!important;
  top:auto!important;
  bottom:auto!important;
  z-index:70!important;
  display:none!important;
  width:156px!important;
  padding:5px!important;
  background:rgba(6,20,33,.99)!important;
  border:1px solid rgba(121,177,224,.34)!important;
  border-radius:12px!important;
  box-shadow:0 18px 38px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(8px)!important;
  transform-origin:top right!important;
}
html body #release .ohm-nr-menu.open{display:block!important;animation:ohmNrMenuDown .16s ease-out both!important}
@keyframes ohmNrMenuDown{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}
html body #release .ohm-nr-menu button{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  height:38px!important;
  padding:0 11px!important;
  color:#edf7ff!important;
  background:transparent!important;
  border:0!important;
  border-radius:9px!important;
  text-align:left!important;
  font-size:11px!important;
  font-weight:700!important;
  cursor:pointer!important;
}
html body #release .ohm-nr-menu button:hover{background:#14334e!important}
html body #release .ohm-nr-menu button span{width:17px!important;text-align:center!important;color:#ff6bad!important;font-size:12px!important}
html body #release .ohm-nr-stop{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  z-index:8!important;
  display:none!important;
  width:34px!important;
  height:34px!important;
  padding:0!important;
  color:#fff!important;
  background:rgba(4,15,27,.88)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:50%!important;
  font-size:18px!important;
  line-height:1!important;
  cursor:pointer!important;
}
html body #release .ohm-nr-card.is-playing .ohm-nr-stop{display:grid!important;place-items:center!important}
html body #release .ohm-nr-details{
  display:none!important;
  width:100%!important;
  margin-top:14px!important;
  overflow:hidden!important;
  color:#dceaf6!important;
  background:linear-gradient(180deg,rgba(9,30,49,.98) 0%,rgba(6,23,39,.98) 100%)!important;
  border:1px solid rgba(106,170,223,.34)!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 28px rgba(0,0,0,.18)!important;
}
html body #release .ohm-nr-details.open{display:block!important;animation:ohmNrDetailsIn .2s ease-out both!important}
@keyframes ohmNrDetailsIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
html body #release .ohm-nr-card.ohm-nr-details-open{z-index:15!important}
html body #release .ohm-nr-details-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:58px!important;
  padding:10px 12px 9px 16px!important;
  border-bottom:1px solid rgba(112,169,215,.22)!important;
}
html body #release .ohm-nr-details-title{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#ff619f!important;
  font-size:14px!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
}
html body #release .ohm-nr-details-title:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:-10px!important;
  width:76px!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#ff386f,#d94de5)!important;
}
html body #release .ohm-nr-details-note{
  display:grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  color:#ff477f!important;
  font-size:22px!important;
  line-height:1!important;
}
html body #release .ohm-nr-details-close{
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:36px!important;
  height:36px!important;
  padding:0!important;
  color:#f8fbff!important;
  background:linear-gradient(180deg,#102a43 0%,#0b2137 100%)!important;
  border:1px solid rgba(126,178,220,.34)!important;
  border-radius:50%!important;
  font-size:24px!important;
  font-weight:300!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  transition:transform .15s,background .15s,border-color .15s!important;
}
html body #release .ohm-nr-details-close:hover{background:#153a58!important;border-color:rgba(255,107,173,.56)!important;transform:rotate(3deg) scale(1.04)!important}
html body #release .ohm-nr-details-list{padding:4px 14px 12px!important}
html body #release .ohm-nr-detail-row{
  display:grid!important;
  grid-template-columns:minmax(112px,34%) minmax(0,1fr)!important;
  align-items:start!important;
  gap:12px!important;
  padding:10px 2px!important;
  border-bottom:1px solid rgba(116,170,214,.16)!important;
}
html body #release .ohm-nr-detail-row:last-child{border-bottom:0!important}
html body #release .ohm-nr-detail-label,
html body #release .ohm-nr-detail-value{
  display:flex!important;
  align-items:flex-start!important;
  min-width:0!important;
  gap:8px!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  font-size:11px!important;
  line-height:1.55!important;
}
html body #release .ohm-nr-detail-label{color:#f2f7fb!important;font-weight:700!important}
html body #release .ohm-nr-detail-value{color:#d4e2ed!important;font-weight:500!important;white-space:pre-wrap!important}
html body #release .ohm-nr-detail-label>span{color:#ff9abf!important;font-size:10px!important;margin-top:3px!important}
html body #release .ohm-nr-detail-value>span{color:#ff4d86!important;font-size:10px!important;margin-top:3px!important}
html body #release .ohm-nr-detail-row.is-note{grid-template-columns:1fr!important}
html body #release .ohm-nr-detail-row.is-note .ohm-nr-detail-label{display:none!important}
html body #release .ohm-nr-detail-row.is-note .ohm-nr-detail-value{color:#aabfd0!important}
html body .ohm-nr-toast{
  position:fixed!important;
  left:50%!important;
  bottom:24px!important;
  z-index:20000!important;
  transform:translateX(-50%) translateY(8px)!important;
  padding:10px 14px!important;
  color:#fff!important;
  background:#0a2136!important;
  border:1px solid rgba(113,181,235,.36)!important;
  border-radius:999px!important;
  box-shadow:0 12px 30px rgba(0,0,0,.32)!important;
  font-size:10px!important;
  font-weight:700!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .18s,transform .18s!important;
}
html body .ohm-nr-toast.show{opacity:1!important;transform:translateX(-50%) translateY(0)!important}

@media (min-width:901px){
  html body #newReleaseIntro{max-width:980px!important;margin:0 auto!important}
  html body #release .ohm-nr-card{max-width:940px!important;margin:0 auto!important}
  html body #release .ohm-nr-body{padding:20px 22px 22px!important}
  html body #release .ohm-nr-title{font-size:18px!important}
  html body #release .ohm-nr-meta{font-size:12px!important}
}
@media (max-width:700px){
  html body #newReleaseIntro{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  html body #release.ohm-nr-section>.head{min-height:42px!important;margin-bottom:10px!important;padding-bottom:8px!important}
  html body #release.ohm-nr-section>.head .title{font-size:15px!important;gap:8px!important}
  html body #release.ohm-nr-section>.head .title:before{width:8px!important;height:18px!important;border-radius:999px!important}
  html body #release .ohm-nr-view-all{min-width:70px!important;height:28px!important;padding:0 10px!important;font-size:8px!important}
  html body #release .ohm-nr-card{border-radius:15px!important}
  html body #release .ohm-nr-media{width:calc(100% - 16px)!important;margin-top:8px!important;border-radius:12px!important}
  html body #release .ohm-nr-body{padding:10px 10px 12px!important}
  html body #release .ohm-nr-title{font-size:12px!important;line-height:1.34!important}
  html body #release .ohm-nr-meta{gap:4px 6px!important;margin-top:6px!important;font-size:8px!important}
  html body #release .ohm-nr-actions{margin-top:10px!important;padding-top:10px!important}
  html body #release .ohm-nr-play{min-width:96px!important;height:33px!important;padding:0 12px!important;font-size:9px!important;border-radius:10px!important}
  html body #release .ohm-nr-play i{border-top-width:5px!important;border-bottom-width:5px!important;border-left-width:8px!important}
  html body #release .ohm-nr-more{width:32px!important;height:32px!important;font-size:18px!important}
  html body #release .ohm-nr-menu{right:8px!important;top:auto!important;bottom:auto!important;width:148px!important}
  html body #release .ohm-nr-menu button{height:34px!important;padding:0 9px!important;gap:8px!important;font-size:9px!important}
  html body #release .ohm-nr-index{top:8px!important;left:8px!important;min-width:34px!important;height:28px!important;padding:0 10px!important;font-size:10px!important;border-radius:9px!important}
  html body #release .ohm-nr-stop{top:8px!important;right:8px!important;width:30px!important;height:30px!important}
  html body #release .ohm-nr-details{margin-top:10px!important;border-radius:12px!important}
  html body #release .ohm-nr-details-head{min-height:48px!important;padding:7px 8px 7px 11px!important}
  html body #release .ohm-nr-details-title{gap:7px!important;font-size:10px!important}
  html body #release .ohm-nr-details-title:after{bottom:-8px!important;width:58px!important}
  html body #release .ohm-nr-details-note{width:20px!important;height:20px!important;font-size:17px!important}
  html body #release .ohm-nr-details-close{width:30px!important;height:30px!important;font-size:20px!important}
  html body #release .ohm-nr-details-list{padding:3px 9px 8px!important}
  html body #release .ohm-nr-detail-row{grid-template-columns:minmax(78px,36%) minmax(0,1fr)!important;gap:7px!important;padding:7px 1px!important}
  html body #release .ohm-nr-detail-label,html body #release .ohm-nr-detail-value{gap:5px!important;font-size:8.5px!important;line-height:1.5!important}
}


/* V132 — Play Now changes to Pause while the New Release video is playing */
html body #release .ohm-nr-card.is-playing:not(.is-paused) .ohm-nr-play i{
  width:12px!important;height:14px!important;border:0!important;
  background:linear-gradient(90deg,#fff 0 4px,transparent 4px 8px,#fff 8px 12px)!important;
}
html body #release .ohm-nr-card.is-paused .ohm-nr-play i{
  width:0!important;height:0!important;background:none!important;
  border-top:7px solid transparent!important;border-bottom:7px solid transparent!important;border-left:12px solid #fff!important;
}

/* V269 — slightly larger song action popup */
html body #release .ohm-nr-menu{
  width:172px!important;
  padding:7px!important;
  border-radius:14px!important;
}
html body #release .ohm-nr-menu button{
  height:42px!important;
  padding:0 13px!important;
  gap:11px!important;
  border-radius:10px!important;
  font-size:11.5px!important;
  font-weight:600!important;
}
html body #release .ohm-nr-menu button span{
  width:19px!important;
  font-size:14px!important;
}
@media (max-width:700px){
  html body #release .ohm-nr-menu{
    right:8px!important;
    width:164px!important;
    padding:6px!important;
  }
  html body #release .ohm-nr-menu button{
    height:38px!important;
    padding:0 11px!important;
    gap:9px!important;
    font-size:10px!important;
  }
  html body #release .ohm-nr-menu button span{
    width:18px!important;
    font-size:13px!important;
  }
}

/* V270 — bigger text in Song Details panel */
@media (max-width:700px){
  html body #release .ohm-nr-details-head{
    min-height:54px!important;
    padding:9px 10px 9px 13px!important;
  }
  html body #release .ohm-nr-details-title{
    gap:8px!important;
    font-size:12px!important;
  }
  html body #release .ohm-nr-details-note{
    width:22px!important;
    height:22px!important;
    font-size:18px!important;
  }
  html body #release .ohm-nr-details-close{
    width:32px!important;
    height:32px!important;
    font-size:21px!important;
  }
  html body #release .ohm-nr-details-list{
    padding:4px 10px 10px!important;
  }
  html body #release .ohm-nr-detail-row{
    grid-template-columns:minmax(92px,36%) minmax(0,1fr)!important;
    gap:8px!important;
    padding:9px 2px!important;
  }
  html body #release .ohm-nr-detail-label,
  html body #release .ohm-nr-detail-value{
    gap:6px!important;
    font-size:10.5px!important;
    line-height:1.55!important;
  }
  html body #release .ohm-nr-detail-label>span,
  html body #release .ohm-nr-detail-value>span{
    font-size:11px!important;
    margin-top:2px!important;
  }
}