.mp{margin:18px 0 0;padding:20px}.mp-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center}.mp-cover{width:88px;height:88px;border-radius:20px;background:var(--accent2);color:var(--accent);display:grid;place-items:center;overflow:hidden;flex-shrink:0;border:1px solid var(--line)}.mp-cover img{width:100%;height:100%;object-fit:cover;display:block}.mp-cover svg{width:36px;height:36px}.mp-meta{min-width:0}.mp-eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1.3px;font-weight:800;color:var(--muted);text-transform:uppercase}.mp-eq{display:inline-flex;gap:2px;align-items:flex-end;height:12px}.mp-eq i{width:3px;background:var(--accent);border-radius:2px;height:4px}.mp.playing .mp-eq i{animation:mpEq .9s ease-in-out infinite}.mp.playing .mp-eq i:nth-child(2){animation-delay:.2s}.mp.playing .mp-eq i:nth-child(3){animation-delay:.4s}@keyframes mpEq{0%,to{height:3px}50%{height:12px}}.mp-title{font-size:19px;font-weight:750;letter-spacing:-.4px;margin:5px 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-artist{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-bar{display:flex;align-items:center;gap:10px;margin-top:12px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.mp-track{flex:1;height:6px;border-radius:99px;background:var(--line);overflow:hidden;cursor:pointer}.mp-fill{height:100%;width:0;background:var(--accent);border-radius:99px;transition:width .4s linear}.mp-ctl{display:flex;align-items:center;gap:8px}.mp .mp-btn{width:42px;height:42px;padding:0;border-radius:50%;display:grid;place-items:center;background:var(--accent2);color:var(--accent)}.mp .mp-btn.main{width:54px;height:54px;background:var(--accent);color:var(--panel)}.mp-btn svg{width:20px;height:20px;fill:currentColor}.mp-btn.main svg{width:24px;height:24px}.mp-apps{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.mp-apps-label{font-size:12px;color:var(--muted);font-weight:650;margin-right:2px}.mp .mp-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:99px;background:transparent;color:var(--text);border:1px solid var(--line);font-size:13px;font-weight:650}.mp-chip i{width:9px;height:9px;border-radius:50%;display:block}.mp .mp-chip:hover{background:var(--accent2);filter:none}.mp .mp-add{margin-left:auto;background:var(--accent2);color:var(--accent);padding:7px 12px;border-radius:99px;font-size:13px;display:inline-flex;align-items:center;gap:6px}.mp-add svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}@media(max-width:620px){.mp-top{grid-template-columns:auto minmax(0,1fr)}.mp-ctl{grid-column:1/-1;justify-content:center}.mp-cover{width:72px;height:72px}.mp .mp-add{margin-left:0}}@media(prefers-reduced-motion:reduce){.mp.playing .mp-eq i{animation:none;height:8px}}