body{margin:0;font-family:sans-serif;background:#0f0f12;color:#fff}
main{max-width:900px;margin:auto;padding:20px;display:grid;gap:16px}
#search{padding:10px 14px;border-radius:12px;border:none;background:#222;color:#fff;font-size:16px;margin-bottom:16px}
.card{background:#18181f;border-radius:16px;padding:16px;display:flex;gap:16px;align-items:center;margin-bottom:12px}
.cover{width:80px;height:80px;border-radius:12px;object-fit:cover;background:#222}
.info{flex:1;display:grid;gap:6px}
.title{font-size:18px;font-weight:600}
.progress{height:6px;background:#2a2a36;border-radius:999px;position:relative;cursor:pointer}
.bar{height:100%;width:100%;background:#2a2a36;border-radius:999px;position:relative}
.fill{height:100%;width:0;background:#6b8cff;border-radius:999px;position:relative}
.knob{position:absolute;top:50%;width:14px;height:14px;background:#6b8cff;border-radius:50%;transform:translate(-50%,-50%);transition:transform .15s}
.progress:hover .knob{transform:translate(-50%,-50%) scale(1.4)}
.controls{display:flex;gap:10px;margin-top:8px}
button,a{border:none;border-radius:10px;background:#2a2a36;color:#fff;text-decoration:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}
button:hover,a:hover{background:#3a2a4a}
.time{font-size:12px;opacity:.7;margin-top:4px}

#downloadPopup{position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);backdrop-filter:blur(5px);z-index:999}
.popupContent{background:#18181f;padding:30px;border-radius:16px;text-align:center;max-width:400px;width:90%;display:flex;flex-direction:column;gap:12px;position:relative}
.closeBtn{position:absolute;top:12px;right:12px;background:#2a2a36;color:#fff;border:none;font-size:18px;border-radius:50%;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s}
.closeBtn:hover{transform:scale(1.2)}
#manualText{opacity:.6;font-size:14px}
#manualLink{color:#999;cursor:not-allowed;transition:color .2s}
#manualLink.enabled{color:#6b8cff;cursor:pointer}
#copyBox{padding:6px 10px;border-radius:8px;border:none;width:100%;text-align:center;background:#222;color:#fff}
#copyIndicator{font-size:12px;color:#6b8cff;transition:opacity .3s}