:root{
  --qtp-primary: #5479f7;
  --qtp-text: #222222;
  --qtp-bg: #ffffff;
  --qtp-line-spacing: 6px;
}
.qtp-wrapper{max-width:1100px;margin:0 auto;}
.qtp-list{display:flex;flex-direction:column;gap:var(--qtp-line-spacing);}
.qtp-item{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:10px;background:var(--qtp-bg);border:1px solid rgba(0,0,0,0.04);box-shadow:0 6px 18px rgba(22,27,46,0.03)}
.qtp-left{display:flex;gap:16px;align-items:center;}
.qtp-number{background:var(--qtp-primary);color:#fff;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;}
.qtp-title{font-size:16px;font-weight:600;color:var(--qtp-text);}
.qtp-right{display:flex;gap:12px;align-items:center;}
.qtp-actions{display:flex;gap:8px;align-items:center;}
.qtp-download{padding:8px 12px;background:#f1f1f1;border-radius:6px;text-decoration:none;color:#333;font-weight:600;}
.qtp-share{padding:8px 12px;border-radius:6px;background:var(--qtp-primary);border:0;cursor:pointer;color:#fff;font-weight:600;}
.no-audio{color:#999;font-style:italic;}
/* Radio styles */
.qtp-radio{max-width:900px;margin:0 auto;padding:20px;background:var(--qtp-bg);border-radius:10px}
.qtp-radio-player{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.qtp-radio-play,.qtp-radio-stop{padding:8px 12px;border-radius:6px;border:0;cursor:pointer}
.qtp-radio-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.qtp-radio-item{padding:8px;border-radius:6px;border:1px solid rgba(0,0,0,0.04);display:flex;gap:8px;align-items:center}
.qtp-radio-item.playing{background:rgba(84,121,247,0.08)}
@media (max-width:720px){
  .qtp-item{flex-direction:column;align-items:flex-start;}
  .qtp-right{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
}