/* Music cards: two centered controls and a compact player timeline. */
.melotik-music-player-card .melotik-card-shell{position:relative!important}
.melotik-music-player-card .music-card-controls{position:absolute!important;left:50%!important;top:50%!important;z-index:50!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;transform:translate(-50%,-50%)!important;pointer-events:none!important}
.melotik-music-player-card .music-card-controls::before,
.melotik-music-player-card .music-card-controls::after,
.melotik-music-player-card .music-play-trigger::before,
.melotik-music-player-card .music-play-trigger::after,
.melotik-music-player-card .music-download-trigger::before,
.melotik-music-player-card .music-download-trigger::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important}
.melotik-music-player-card .music-card-controls>*{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;margin:0!important;padding:0!important;border-radius:50%!important;pointer-events:auto!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 16px 34px rgba(0,0,0,.34)!important;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease!important;overflow:hidden!important;transform:none!important;position:relative!important;inset:auto!important}
.melotik-music-player-card .music-play-trigger{background:linear-gradient(135deg,#22c7d8,#5ee8f2)!important;border-color:rgba(143,245,255,.70)!important;color:#fff!important}
.melotik-music-player-card .music-download-trigger{background:rgba(8,8,8,.74)!important;color:#fff!important}
.melotik-music-player-card .music-play-trigger:hover,.melotik-music-player-card .music-download-trigger:hover{border-color:#8ff5ff!important;box-shadow:0 18px 42px rgba(34,199,216,.30)!important}
.melotik-music-player-card .music-play-icon,.melotik-music-player-card .music-download-icon{width:24px!important;height:24px!important;display:block!important}
.melotik-music-player-card .music-icon-play,.melotik-music-player-card .music-icon-pause{fill:#fff!important}
.melotik-music-player-card .music-icon-pause{display:none!important}
.melotik-music-player-card .music-play-trigger.is-playing .music-icon-play{display:none!important}
.melotik-music-player-card .music-play-trigger.is-playing .music-icon-pause{display:block!important}
.melotik-music-player-card .music-download-icon{fill:none!important;stroke:#fff!important;stroke-width:2.35!important;stroke-linecap:round!important;stroke-linejoin:round!important}

/* Hidden until that card's audio is playing. No card outline is added. */
.melotik-music-player-card .music-card-nav{position:absolute!important;z-index:52!important;left:16px!important;right:16px!important;bottom:14px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px!important;align-items:center!important;gap:9px!important;direction:ltr!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(8px)!important;transition:opacity .2s ease,visibility .2s ease,transform .2s ease!important}
.melotik-music-player-card.is-audio-active .music-card-nav{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}

/* Home music carousel: show every published music card on desktop in one horizontal row. */
.section-music-active .music-home-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,260px))!important;justify-content:center!important;justify-items:center!important;align-items:start!important;gap:28px 24px!important;width:100%!important;max-width:920px!important;margin-inline:auto!important;padding:4px 0 14px!important}
.section-music-active .music-home-grid.music-home-grid-cols-2{grid-template-columns:repeat(2,minmax(0,260px))!important;max-width:620px!important}
.section-music-active .music-home-grid.music-home-grid-cols-3{grid-template-columns:repeat(3,minmax(0,260px))!important;max-width:920px!important}
.section-music-active .music-home-grid.music-home-grid-cols-4{grid-template-columns:repeat(4,minmax(0,240px))!important;max-width:1080px!important}
.section-music-active .music-home-grid .melotik-music-player-card{width:260px!important;min-width:0!important;max-width:260px!important;margin:0 auto!important}
.section-music-active .music-home-grid .melotik-card-shell{height:100%!important}
.section-music-active .music-home-grid .melotik-card-media,
.section-music-active .music-home-grid .melotik-card-link{aspect-ratio:1/1!important;min-height:260px!important;height:260px!important}
.section-music-active .music-home-grid .melotik-card-media img{height:100%!important;width:100%!important;object-fit:cover!important}

.section-music-active .container-scroll-x{overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:14px!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;direction:ltr!important;cursor:grab!important;touch-action:pan-y!important;user-select:none!important}
.section-music-active .container-scroll-x.is-dragging{cursor:grabbing!important}
.section-music-active .horizontal-cards-grid.music-grid{display:flex!important;flex-flow:row nowrap!important;align-items:stretch!important;justify-content:flex-start!important;gap:22px!important;width:max-content!important;min-width:100%!important;margin-inline:0!important;padding:4px 2px 14px!important;grid-template-columns:none!important;grid-auto-flow:unset!important;grid-auto-columns:unset!important;direction:ltr!important}
.section-music-active .horizontal-cards-grid.music-grid .melotik-music-player-card{flex:0 0 260px!important;width:260px!important;min-width:260px!important;max-width:260px!important;scroll-snap-align:center!important}
.section-music-active .horizontal-cards-grid.music-grid .melotik-music-player-card{direction:rtl!important}
.section-music-active .horizontal-cards-grid.music-grid .melotik-card-shell{height:100%!important}
.section-music-active .horizontal-cards-grid.music-grid .melotik-card-media,
.section-music-active .horizontal-cards-grid.music-grid .melotik-card-link{aspect-ratio:1/1!important;min-height:260px!important;height:260px!important}
.section-music-active .horizontal-cards-grid.music-grid .melotik-card-media img{height:100%!important;width:100%!important;object-fit:cover!important}

@media(max-width:760px){
  .section-music-active .music-home-grid{grid-template-columns:1fr!important;max-width:100%!important;gap:18px!important}
  .section-music-active .music-home-grid .melotik-music-player-card{width:min(82vw,320px)!important;max-width:min(82vw,320px)!important}
  .section-music-active .music-home-grid .melotik-card-media,
  .section-music-active .music-home-grid .melotik-card-link{height:min(82vw,320px)!important;min-height:min(82vw,320px)!important}
  .section-music-active .horizontal-cards-grid.music-grid{gap:14px!important;padding-inline:2px!important}
  .section-music-active .horizontal-cards-grid.music-grid .melotik-music-player-card{flex-basis:82vw!important;width:82vw!important;min-width:82vw!important;max-width:82vw!important}
  .section-music-active .horizontal-cards-grid.music-grid .melotik-card-media,
  .section-music-active .horizontal-cards-grid.music-grid .melotik-card-link{height:82vw!important;min-height:82vw!important}
}
.melotik-music-player-card.is-audio-active{transform:translateY(-6px)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
.melotik-music-player-card.is-audio-active .melotik-card-media img{transform:scale(1.045)!important;filter:grayscale(0%) contrast(1.06) brightness(1)!important}
.melotik-music-player-card.is-audio-active .melotik-card-overlay{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.28) 34%,rgba(0,0,0,.9) 100%)!important}
.melotik-music-player-card .music-current-time,.melotik-music-player-card .music-duration{color:rgba(255,255,255,.9)!important;font:600 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;text-shadow:0 1px 4px rgba(0,0,0,.8)!important}
.melotik-music-player-card .music-duration{text-align:right!important}
.melotik-music-player-card .music-card-meta-bottom{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;direction:rtl!important}
.melotik-music-player-card .music-card-date{display:inline-flex!important;align-items:center!important;gap:6px!important;line-height:1.45!important;color:inherit!important}
.melotik-music-player-card .music-card-date span{color:#8ff5ff!important}
.melotik-music-player-card .music-card-seek{width:100%!important;height:5px!important;margin:0!important;appearance:none!important;-webkit-appearance:none!important;border:0!important;border-radius:999px!important;background:linear-gradient(90deg,#22c7d8 0%,#22c7d8 var(--music-progress,0%),rgba(255,255,255,.30) var(--music-progress,0%),rgba(255,255,255,.30) 100%)!important;cursor:pointer!important;outline:none!important}
.melotik-music-player-card .music-card-seek::-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:#22c7d8!important;box-shadow:0 1px 7px rgba(0,0,0,.5)!important}
.melotik-music-player-card .music-card-seek::-moz-range-thumb{width:11px!important;height:11px!important;border:2px solid #fff!important;border-radius:50%!important;background:#22c7d8!important;box-shadow:0 1px 7px rgba(0,0,0,.5)!important}
@media(max-width:760px){.melotik-music-player-card .music-card-controls{gap:10px!important}.melotik-music-player-card .music-card-controls>*{width:48px!important;height:48px!important;min-width:48px!important}.melotik-music-player-card .music-card-nav{left:13px!important;right:13px!important;bottom:11px!important;grid-template-columns:34px minmax(0,1fr) 34px!important;gap:7px!important}}
