Card ↔ list view

The only thing the toggle changes is the invisible grid behind the tracks: the .cells and their empty .slots snap to the new layout instantly. The card background, cover art and text are three separate layers, each anchored to its own slot with data-⚓️-fill and data-⚓️-transition="morph", so they morph to their new place and size on their own. data-⚓️-scope="all" lets every row reuse the same three anchor names. Zero JavaScript.

View