/* Audio player */
.jcp-player{display:grid;grid-template-columns:1.1fr .9fr;gap:1.6rem;border:1px solid var(--jcp-line);border-radius:var(--jcp-radius);padding:1.4rem;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}
.jcp-player__main{display:grid;grid-template-columns:130px 1fr;gap:1.2rem;align-items:center}
.jcp-player__cover img{width:130px;height:130px;object-fit:cover;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.45)}
.jcp-player__title{font-family:var(--jcp-serif);font-size:1.2rem;margin:0 0 .6rem}
.jcp-player__row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.jcp-player__row--volume{margin-top:.6rem}
.jcp-player__btn{background:transparent;border:1px solid var(--jcp-line);color:var(--jcp-text);border-radius:999px;padding:.35rem .6rem;cursor:pointer;font-size:.75rem;transition:.3s}
.jcp-player__btn:hover{border-color:var(--jcp-accent);color:var(--jcp-accent)}
.jcp-player__btn--play{width:52px;height:52px;display:grid;place-items:center;background:var(--jcp-accent);border-color:var(--jcp-accent)}
.jcp-player__btn--play:hover{filter:brightness(1.08);color:#12100e}
.jcp-icon-play{width:0;height:0;border-left:14px solid #12100e;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
.jcp-player.is-playing .jcp-icon-play{width:14px;height:16px;border:0;margin:0;background:linear-gradient(90deg,#12100e 0 4px,transparent 4px 10px,#12100e 10px 14px)}
.jcp-player__time{font-size:.78rem;color:var(--jcp-muted);letter-spacing:.08em}
.jcp-player__seek,.jcp-player__volume{-webkit-appearance:none;appearance:none;height:4px;border-radius:4px;background:var(--jcp-line);width:100%;margin-top:.9rem;cursor:pointer}
.jcp-player__volume{width:120px;margin-top:0}
.jcp-player__seek::-webkit-slider-thumb,.jcp-player__volume::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--jcp-accent);box-shadow:0 0 0 4px rgba(200,162,74,.18)}
.jcp-player__seek::-moz-range-thumb,.jcp-player__volume::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--jcp-accent)}
.jcp-playlist{list-style:none;margin:0;padding:0;max-height:280px;overflow:auto;border-left:1px solid var(--jcp-line)}
.jcp-playlist__item{display:flex;gap:.9rem;align-items:center;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--jcp-line);color:var(--jcp-muted);padding:.85rem 1rem;cursor:pointer;transition:.3s}
.jcp-playlist__item:hover{color:var(--jcp-text);background:rgba(255,255,255,.03);padding-left:1.3rem}
.jcp-playlist__item.is-active{color:var(--jcp-accent)}
.jcp-playlist__num{font-size:.7rem;letter-spacing:.18em;opacity:.7}
.jcp-playlist__title{font-size:.95rem}
@media (max-width:900px){
  .jcp-player,.jcp-player__main{grid-template-columns:1fr}
  .jcp-playlist{border-left:0;border-top:1px solid var(--jcp-line)}
}