.mmp-player{width:100%;max-width:720px;margin:20px auto;padding:18px;box-sizing:border-box;border-radius:20px;background:#292929;color:#f3f4f6;box-shadow:0 12px 35px rgba(0,0,0,.30);font-family:inherit}
.mmp-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:14px;padding-bottom:6px;scrollbar-width:thin}
.mmp-tab{border:0;background:#3b3b3b;color:#ccc;border-radius:10px;padding:9px 14px;white-space:nowrap;cursor:pointer;font-family:inherit}
.mmp-tab.is-active{background:#eee;color:#222;font-weight:700}
.mmp-now{display:flex;align-items:center;gap:14px}
.mmp-cover-img{width:92px;height:92px;object-fit:cover;border-radius:15px;background:#3b3b3b}
.mmp-title-now{font-weight:700;font-size:17px}
.mmp-artist-now{margin-top:6px;color:#aaa;font-size:13px}
.mmp-progress-row{display:grid;grid-template-columns:45px 1fr 45px;gap:8px;align-items:center;margin-top:18px;font-size:11px;color:#aaa;direction:ltr}
.mmp-progress,.mmp-volume-range{width:100%;accent-color:#ddd}
.mmp-controls{display:flex;justify-content:center;gap:7px;margin-top:12px;direction:ltr}
.mmp-btn{border:0;background:transparent;color:#eee;cursor:pointer;width:40px;height:40px;border-radius:50%;font-size:17px}
.mmp-btn.is-on,.mmp-btn:hover{background:#3d3d3d}
.mmp-play{width:52px;height:52px;background:#eee;color:#222}
.mmp-volume{display:flex;align-items:center;gap:8px;max-width:220px;margin:8px auto;direction:ltr}
.mmp-playlist-list{display:none;max-height:264px;overflow-y:auto;border-top:1px solid #444;margin-top:12px;padding-top:6px;scrollbar-width:thin}
.mmp-playlist-list.is-active{display:block}
.mmp-track{width:100%;height:62px;border:0;background:transparent;color:#eee;padding:8px;display:flex;align-items:center;gap:9px;cursor:pointer;border-radius:10px;font-family:inherit}
.mmp-track:hover,.mmp-track.is-active{background:#353535}
.mmp-track-info{min-width:0;flex:1;text-align:right}
.mmp-track-title,.mmp-track-artist{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mmp-track-title{font-size:14px;font-weight:600}
.mmp-track-artist{font-size:11px;color:#aaa;margin-top:3px}
.mmp-empty{padding:16px;background:#292929;color:#ddd;border-radius:12px}
@media(max-width:480px){.mmp-player{margin:12px auto;padding:14px;border-radius:16px}.mmp-cover-img{width:78px;height:78px}.mmp-tab{padding:8px 11px}.mmp-btn{width:37px;height:37px}.mmp-play{width:48px;height:48px}}