/* ONE HIT MUSIC V309 — real playlist theme from approved first mockup */
html body #playlists .ohm-playlist-v84-player{
  overflow:visible!important;
  background:linear-gradient(180deg,#07182a 0%,#061320 100%)!important;
  border:1px solid rgba(52,142,222,.46)!important;
  border-radius:22px!important;
  box-shadow:0 18px 46px rgba(0,0,0,.30),0 0 0 1px rgba(19,87,153,.16)!important;
}
html body #playlists .ohm-pl-v309-channel{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:78px!important;
  padding:12px 14px!important;
  background:linear-gradient(180deg,#07172a,#04111f)!important;
  border-bottom:1px solid rgba(87,145,199,.20)!important;
  border-radius:21px 21px 0 0!important;
}
html body #playlists .ohm-pl-v309-channel-logo{
  display:grid!important;
  place-items:center!important;
  width:52px!important;
  height:52px!important;
  overflow:hidden!important;
  background:#061426!important;
  border:1px solid rgba(245,196,49,.50)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 4px rgba(15,53,87,.62),0 8px 18px rgba(0,0,0,.25)!important;
}
html body #playlists .ohm-pl-v309-channel-logo img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
html body #playlists .ohm-pl-v309-channel-copy{display:block!important;min-width:0!important}
html body #playlists .ohm-pl-v309-channel-copy strong{
  display:flex!important;align-items:center!important;gap:7px!important;color:#fff!important;font-size:15px!important;font-weight:850!important;line-height:1.1!important;white-space:nowrap!important
}
html body #playlists .ohm-pl-v309-channel-copy strong i{
  display:grid!important;place-items:center!important;width:17px!important;height:17px!important;color:#fff!important;background:#2399ff!important;border-radius:50%!important;font-size:10px!important;font-style:normal!important
}
html body #playlists .ohm-pl-v309-channel-copy small{display:block!important;margin-top:6px!important;color:#a9bed4!important;font-size:10px!important;font-weight:600!important}
html body #playlists .ohm-pl-v309-channel>a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:112px!important;height:43px!important;padding:0 16px!important;color:#fff!important;background:linear-gradient(180deg,#ff1919,#e40000)!important;border:1px solid rgba(255,118,118,.62)!important;border-radius:12px!important;box-shadow:0 9px 22px rgba(222,0,0,.24),inset 0 1px 0 rgba(255,255,255,.18)!important;text-decoration:none!important;font-size:11px!important;font-weight:900!important;letter-spacing:.02em!important
}
html body #playlists .ohm-playlist-v84-player-head{
  min-height:50px!important;padding:9px 14px!important;background:#0a2035!important;border-bottom:1px solid rgba(83,145,194,.18)!important
}
html body #playlists .ohm-playlist-v84-player-heading strong{font-size:14px!important}
html body #playlists .ohm-playlist-v84-player-heading small{font-size:9px!important;color:#8eb6d4!important}
html body #playlists .ohm-playlist-v84-close{background:#0e2a43!important;border-color:rgba(102,168,218,.36)!important}
html body #playlists .ohm-playlist-v84-layout{
  grid-template-columns:minmax(0,1.38fr) minmax(330px,.82fr)!important;
  min-height:0!important;
  background:#061322!important;
}
html body #playlists .ohm-playlist-v84-stage{
  align-self:start!important;
  background:linear-gradient(180deg,#04101d,#061624)!important;
  border-right:1px solid rgba(79,139,187,.18)!important;
}
html body #playlists .ohm-playlist-v84-frame{
  min-height:0!important;
  aspect-ratio:16/9!important;
  background:#000!important;
}
html body #playlists .ohm-pl-v309-progress{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  align-items:center!important;
  gap:8px!important;
  padding:9px 13px 4px!important;
  background:#071727!important;
}
html body #playlists .ohm-pl-v309-progress span{color:#d8e7f4!important;font-size:9px!important;font-weight:700!important;font-variant-numeric:tabular-nums!important}
html body #playlists .ohm-pl-v309-progress span:last-child{text-align:right!important}
html body #playlists .ohm-pl-v309-progress input{
  --ohm-progress:0%;
  width:100%!important;height:4px!important;margin:0!important;appearance:none!important;-webkit-appearance:none!important;border-radius:999px!important;outline:none!important;cursor:pointer!important;background:linear-gradient(90deg,#ff2b8c 0 var(--ohm-progress),#314257 var(--ohm-progress) 100%)!important
}
html body #playlists .ohm-pl-v309-progress input::-webkit-slider-thumb{appearance:none!important;-webkit-appearance:none!important;width:13px!important;height:13px!important;border:2px solid #fff!important;border-radius:50%!important;background:#ff3b9b!important;box-shadow:0 0 0 3px rgba(255,45,147,.18)!important}
html body #playlists .ohm-pl-v309-transport{
  display:grid!important;
  grid-template-columns:42px 52px 74px 52px 42px!important;
  justify-content:center!important;
  align-items:center!important;
  gap:12px!important;
  padding:9px 12px 12px!important;
  background:#071727!important;
}
html body #playlists .ohm-pl-v309-transport>button{
  display:grid!important;place-items:center!important;width:42px!important;height:42px!important;padding:0!important;color:#d9e8f5!important;background:transparent!important;border:0!important;border-radius:50%!important;cursor:pointer!important
}
html body #playlists .ohm-pl-v309-transport>button svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body #playlists .ohm-pl-v309-transport>button.is-active{color:#ff65c0!important;background:rgba(255,60,166,.12)!important}
html body #playlists .ohm-pl-v309-transport .ohm-playlist-v84-now-toggle{
  width:66px!important;height:66px!important;color:#fff!important;background:linear-gradient(135deg,#ff348f,#7d4cff)!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 0 0 5px rgba(196,64,221,.12),0 12px 30px rgba(112,44,199,.30)!important
}
html body #playlists .ohm-pl-v309-transport .ohm-playlist-v84-now-toggle svg{width:25px!important;height:25px!important;fill:currentColor!important;stroke:none!important}
html body #playlists .ohm-playlist-v84-now{
  min-height:48px!important;padding:7px 14px!important;background:#0a2035!important;border-top:1px solid rgba(98,154,198,.18)!important
}
html body #playlists .ohm-playlist-v84-now-copy strong{font-size:12px!important}
html body #playlists .ohm-playlist-v84-now-copy small{font-size:8.5px!important;color:#87b6da!important}
html body #playlists .ohm-pl-v309-actions{
  display:grid!important;grid-template-columns:1fr 1.2fr 1fr!important;gap:9px!important;padding:10px 12px 13px!important;background:#071727!important;border-top:1px solid rgba(84,142,189,.15)!important
}
html body #playlists .ohm-pl-v309-actions>button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:40px!important;padding:0 10px!important;color:#edf7ff!important;background:#0b2035!important;border:1px solid rgba(116,168,211,.28)!important;border-radius:10px!important;font-size:10px!important;font-weight:800!important;cursor:pointer!important
}
html body #playlists .ohm-pl-v309-actions>button:last-child{border-color:rgba(211,83,243,.58)!important;background:linear-gradient(180deg,rgba(92,39,125,.48),rgba(30,24,70,.56))!important}
html body #playlists .ohm-pl-v309-actions>button.is-active{color:#ff75bf!important;border-color:rgba(255,76,164,.62)!important;background:rgba(255,61,160,.11)!important}
html body #playlists .ohm-pl-v309-actions svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body #playlists .ohm-playlist-v84-side{background:#0a2035!important;border-left:0!important}
html body #playlists .ohm-playlist-v84-side-head{min-height:48px!important;padding:9px 12px!important;background:#0c2740!important}
html body #playlists .ohm-playlist-v84-side-head strong{font-size:13px!important}
html body #playlists .ohm-playlist-v84-list{max-height:565px!important;padding:9px!important;background:#081a2c!important}
html body #playlists .ohm-playlist-v84-track{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 40px!important;
  align-items:center!important;
  gap:8px!important;
  min-height:72px!important;
  padding:6px 7px!important;
  margin-bottom:8px!important;
  color:#eef7ff!important;
  background:#0d2b46!important;
  border:1px solid rgba(96,152,198,.22)!important;
  border-radius:12px!important;
}
html body #playlists .ohm-playlist-v84-track.active{background:linear-gradient(90deg,rgba(218,39,128,.22),#0e2b47)!important;border-color:rgba(255,65,157,.82)!important;box-shadow:0 0 0 1px rgba(255,73,164,.12)!important}
html body #playlists .ohm-pl-v309-track-main{
  display:grid!important;grid-template-columns:28px 88px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;width:100%!important;min-width:0!important;min-height:58px!important;padding:0!important;color:inherit!important;background:transparent!important;border:0!important;text-align:left!important;cursor:pointer!important
}
html body #playlists .ohm-pl-v309-track-main>img{display:block!important;width:88px!important;height:50px!important;object-fit:cover!important;border-radius:8px!important}
html body #playlists .ohm-playlist-v84-index{font-size:11px!important}
html body #playlists .ohm-playlist-v84-track-copy strong{font-size:10px!important;line-height:1.28!important;-webkit-line-clamp:2!important}
html body #playlists .ohm-playlist-v84-track-copy small{font-size:8.2px!important;color:#87aed0!important}
html body #playlists .ohm-pl-v309-track-share{
  display:grid!important;place-items:center!important;width:36px!important;height:36px!important;padding:0!important;color:#e8f4ff!important;background:#0a2035!important;border:1px solid rgba(121,172,212,.28)!important;border-radius:50%!important;cursor:pointer!important
}
html body #playlists .ohm-pl-v309-track-share svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body #playlists .ohm-pl-v309-ad{
  position:relative!important;
  display:grid!important;
  grid-template-columns:86px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:13px!important;
  min-height:112px!important;
  margin:13px!important;
  padding:17px 18px!important;
  overflow:hidden!important;
  background:linear-gradient(115deg,#a62f00 0%,#e25300 48%,#c33a00 100%)!important;
  border:1px solid rgba(255,188,91,.58)!important;
  border-radius:15px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
html body #playlists .ohm-pl-v309-ad::after{content:'';position:absolute!important;right:-30px!important;top:-50px!important;width:180px!important;height:180px!important;background:radial-gradient(circle,rgba(255,238,162,.25),transparent 68%)!important;pointer-events:none!important}
html body #playlists .ohm-pl-v309-ad-tag{position:absolute!important;top:0!important;left:50%!important;transform:translateX(-50%)!important;padding:3px 12px!important;color:#ffe584!important;background:#17202b!important;border-radius:0 0 9px 9px!important;font-size:7.5px!important;font-weight:900!important;letter-spacing:.08em!important}
html body #playlists .ohm-pl-v309-ad>img{display:block!important;width:78px!important;height:78px!important;object-fit:contain!important;background:rgba(4,18,31,.28)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:13px!important}
html body #playlists .ohm-pl-v309-ad-copy{display:block!important;min-width:0!important}
html body #playlists .ohm-pl-v309-ad-copy strong{display:block!important;color:#fff!important;font-size:18px!important;font-weight:900!important;line-height:1.15!important}
html body #playlists .ohm-pl-v309-ad-copy small{display:block!important;margin-top:6px!important;color:#fff0d9!important;font-size:10px!important;font-weight:600!important;line-height:1.35!important}
html body #playlists .ohm-pl-v309-ad>a{position:relative!important;z-index:2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:128px!important;height:42px!important;padding:0 15px!important;color:#3c2500!important;background:linear-gradient(180deg,#ffe05c,#ffb500)!important;border:1px solid rgba(255,255,255,.48)!important;border-radius:10px!important;text-decoration:none!important;font-size:10px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(78,31,0,.24)!important}
@media(max-width:980px){
  html body #playlists .ohm-playlist-v84-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)!important}
}
@media(max-width:700px){
  html body #playlists .ohm-playlist-v84-player{border-radius:17px!important;margin-bottom:14px!important}
  html body #playlists .ohm-pl-v309-channel{grid-template-columns:46px minmax(0,1fr) 90px!important;gap:9px!important;min-height:66px!important;padding:9px 10px!important;border-radius:16px 16px 0 0!important}
  html body #playlists .ohm-pl-v309-channel-logo{width:42px!important;height:42px!important}
  html body #playlists .ohm-pl-v309-channel-copy strong{font-size:11px!important;gap:5px!important}
  html body #playlists .ohm-pl-v309-channel-copy strong i{width:14px!important;height:14px!important;font-size:8px!important}
  html body #playlists .ohm-pl-v309-channel-copy small{margin-top:4px!important;font-size:8px!important}
  html body #playlists .ohm-pl-v309-channel>a{min-width:88px!important;height:36px!important;padding:0 8px!important;border-radius:9px!important;font-size:8px!important}
  html body #playlists .ohm-playlist-v84-player-head{min-height:44px!important;padding:7px 10px!important}
  html body #playlists .ohm-playlist-v84-layout{display:block!important}
  html body #playlists .ohm-playlist-v84-stage{
    position:sticky!important;
    top:64px!important;
    z-index:35!important;
    border-right:0!important;
    border-bottom:1px solid rgba(69,130,180,.28)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.30)!important;
  }
  html body #playlists .ohm-pl-v309-progress{grid-template-columns:34px minmax(0,1fr) 34px!important;gap:6px!important;padding:7px 9px 2px!important}
  html body #playlists .ohm-pl-v309-progress span{font-size:7.5px!important}
  html body #playlists .ohm-pl-v309-transport{grid-template-columns:34px 42px 58px 42px 34px!important;gap:8px!important;padding:7px 8px 9px!important}
  html body #playlists .ohm-pl-v309-transport>button{width:34px!important;height:34px!important}
  html body #playlists .ohm-pl-v309-transport>button svg{width:18px!important;height:18px!important}
  html body #playlists .ohm-pl-v309-transport .ohm-playlist-v84-now-toggle{width:54px!important;height:54px!important}
  html body #playlists .ohm-playlist-v84-now{min-height:42px!important;padding:6px 10px!important}
  html body #playlists .ohm-pl-v309-actions{gap:6px!important;padding:8px 9px 10px!important}
  html body #playlists .ohm-pl-v309-actions>button{min-height:34px!important;padding:0 6px!important;gap:5px!important;font-size:8px!important;border-radius:8px!important}
  html body #playlists .ohm-pl-v309-actions svg{width:14px!important;height:14px!important}
  html body #playlists .ohm-playlist-v84-side{border-top:1px solid rgba(79,139,187,.20)!important}
  html body #playlists .ohm-playlist-v84-side-head{min-height:42px!important;padding:8px 10px!important}
  html body #playlists .ohm-playlist-v84-list{display:block!important;max-height:none!important;padding:8px!important}
  html body #playlists .ohm-playlist-v84-track{grid-template-columns:minmax(0,1fr) 36px!important;min-height:67px!important;margin-bottom:7px!important;padding:5px 6px!important;border-radius:10px!important}
  html body #playlists .ohm-pl-v309-track-main{grid-template-columns:24px 80px minmax(0,1fr)!important;gap:7px!important;min-height:55px!important}
  html body #playlists .ohm-pl-v309-track-main>img{width:80px!important;height:45px!important;border-radius:7px!important}
  html body #playlists .ohm-playlist-v84-track-copy strong{font-size:8.8px!important}
  html body #playlists .ohm-playlist-v84-track-copy small{font-size:7.3px!important}
  html body #playlists .ohm-pl-v309-track-share{width:33px!important;height:33px!important}
  html body #playlists .ohm-pl-v309-track-share svg{width:15px!important;height:15px!important}
  html body #playlists .ohm-pl-v309-ad{grid-template-columns:62px minmax(0,1fr)!important;gap:10px!important;min-height:94px!important;margin:10px!important;padding:16px 12px 12px!important;border-radius:12px!important}
  html body #playlists .ohm-pl-v309-ad>img{width:58px!important;height:58px!important;border-radius:10px!important}
  html body #playlists .ohm-pl-v309-ad-copy strong{font-size:13px!important}
  html body #playlists .ohm-pl-v309-ad-copy small{font-size:8px!important;margin-top:4px!important}
  html body #playlists .ohm-pl-v309-ad>a{grid-column:1/-1!important;min-width:0!important;width:100%!important;height:35px!important;font-size:8.5px!important;border-radius:8px!important}
}
@media(max-width:390px){
  html body #playlists .ohm-pl-v309-channel{grid-template-columns:42px minmax(0,1fr) 82px!important}
  html body #playlists .ohm-pl-v309-channel-logo{width:38px!important;height:38px!important}
  html body #playlists .ohm-pl-v309-channel-copy strong{font-size:10px!important}
  html body #playlists .ohm-pl-v309-channel>a{min-width:80px!important;font-size:7.3px!important}
  html body #playlists .ohm-pl-v309-actions>button span{font-size:7.2px!important}
  html body #playlists .ohm-pl-v309-track-main{grid-template-columns:21px 70px minmax(0,1fr)!important}
  html body #playlists .ohm-pl-v309-track-main>img{width:70px!important;height:40px!important}
}