.sq-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.sq-count{margin:0;font:400 14px/1.4 var(--font-sans);color:var(--ink-2)}.sq-sort{display:inline-flex;gap:4px}.sq-sort button{min-height:44px;padding:0 12px;border:1px solid var(--rule);border-radius:999px;background:none;font:400 13px/1 var(--font-sans);color:var(--ink-2);cursor:pointer}.sq-sort button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.sq-list{list-style:none;margin:0;padding:0}.sq-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--rule)}.sq-row:last-child{border-bottom:1px solid var(--rule)}.sq-cover{display:block;width:64px;height:64px}.sq-text{min-width:0}.sq-title{display:block;font:400 18px/1.25 var(--font-serif);color:var(--ink);text-decoration:none}.sq-meta,.sq-saved,.sq-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sq-meta,.sq-saved{margin:2px 0 0;font:400 13px/1.4 var(--font-sans);color:var(--ink-2)}.sq-saved{color:var(--ink-3)}.sq-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.sq-heard,.sq-play{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;font:500 14px/1 var(--font-sans);text-decoration:none;cursor:pointer;white-space:nowrap}.sq-play{background:var(--ink);color:var(--bg,#fff);border:1px solid var(--ink)}.sq-heard{background:none;color:var(--ink);border:1px solid var(--rule)}.sq-heard:hover{border-color:var(--ink)}@media (max-width:560px){.sq-row{grid-template-columns:56px minmax(0,1fr);align-items:start}.sq-cover{width:56px;height:56px}.sq-actions{grid-column:1/-1;justify-content:flex-start}}