#musicflow *{
    box-sizing:border-box;
}

body{
    background:#af2d26;
}

.mf-wrap,
.mf-player-page{
    max-width:1100px;
    margin:auto;
    padding:20px;
}

.mf-header h1{
    font-size:34px;
    margin-bottom:20px;
    color:#fff;
}

.mf-grid{
    display:grid;
    grid-template-columns:
    repeat(auto-fill,minmax(220px,1fr));
    gap:16px;
}

.mf-artist,
.mf-song,
.mf-controls button{
    background:#962720;
    border:none;
    color:#fff;
    border-radius:18px;
    padding:18px;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    transition:0.2s;
}

.mf-artist:hover,
.mf-song:hover,
.mf-controls button:hover{
    background:#7d201b;
    transform:translateY(-2px);
}

.mf-player{
    background:#8f241f;
    padding:24px;
    border-radius:24px;
    margin-bottom:24px;
}

.mf-player h2{
    font-size:30px;
    margin-bottom:8px;
    line-height:1.2;
    color:#fff;
}

.mf-player p{
    color:#f5d4d1;
}

.mf-controls{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:18px;
}

#mf-search{
    width:100%;
    margin-top:10px;
    padding:16px;
    border:none;
    border-radius:16px;
    background:#8f241f;
    color:#fff;
    font-size:16px;
    outline:none;
}

#mf-search::placeholder{
    color:#f0c1bc;
}

audio{
    width:100%;
    margin-top:12px;
}

audio::-webkit-media-controls-panel{
    background:#fff;
}